阿汤博客-承接Linux服务器维护、服务器配置与管理,有意者可以联系博主!

UEditor编辑器工具栏被遮挡显示不全解决办法

运维问题 228℃ 0评论

当在编辑很长的文档时候,UEditor编辑器的工具栏就是显示一半,尤其需要修改的样式的时候非常繁琐,需要把滚动条滚到最上面让工具栏显示出来才能添加样式,长期以来一直忍受这个问题,如下图:

UEditor编辑器工具栏被遮挡显示不全

这个问题主要还是因为自己给UEditor编辑器添加了水印功能才导致的。 需要添加水印功能,可以参考文章《百度ueditor 1.4.3.1 PHP版本 上传图片添加水印

今天实在忍受不了,网上也找了好久,没找到解决方案,但是发现UEditor编辑器工具好多功能和样式可以在ueditor.config.js调试,于是去研究了下ueditor.config.js文件,发现有个参数topOffset可以浮动工具栏,然后取下注释//以后测试既然正常了。

        //autoFloatEnabled
        //是否保持toolbar的位置不动,默认true
        //,autoFloatEnabled:true
        //浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面
        ,topOffset:30
        //编辑器底部距离工具栏高度(如果参数大于等于编辑器高度,则设置无效)
        //,toolbarTopOffset:400

生效以后如下图:

UEditor编辑器工具栏被遮挡显示正常

相关推荐:

WordPress中百度编辑器UEditor代码高亮中的行号与代码内容不能对齐解决办法

WordPress中百度编辑器ueditor前台代码语言无法自动换行解决办法

转载请注明:阿汤博客 » UEditor编辑器工具栏被遮挡显示不全解决办法

喜欢 (0)or分享 (0)