工作中的项目用到富文本编辑器,查了资料后用了UEditor,配置后使用,在测试的时候发现一个官网例子上也有的问题:
富文本的高度是固定的,在上传内容到富文本后,内容多余富文本高度出现了滚动条,当把滚动条滚动到图片
处点击图片时,图片四周可拖动的点和线的位置不对,查看官网的例子后,发现这是官网的一个bug。问题图
片如下:
复制代码
于是便找到UEditor的源文件,试着理作者的逻辑,理了两个小时,终于找到设置拖动条的位置:
复制代码
分析了这个计算方式后,发现作者对滚动条相对iframe的滚动高度计算的不对,将
me.e `ditor.document.body.scrollTop`改为
`me.editor.document.documentElement.scrollTop`后运行计算位置就对了。
具体原因:
iframe的滚动条滚动距离的计算方式为:
frames["framename"].document.documentElement.scrollTop:垂直方向
frames["framename"].document.documentElement.scrollLeft:水平方向
第一次记录文章,希望自己保持一个好习惯,将学习和工作的心得及时记录下来
复制代码