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

2020年11月3日21:15:26 发表评论 4,143 ℃

当在编辑很长的文档时候,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前台代码语言无法自动换行解决办法

【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: