UEditor 是百度开发的一款优秀的开源 HTML 编辑器,上手简单,界面美观,功能强大,因此俘获了一大批站长的“芳心”,但是毕竟众口难调,也有一些小问题需要我们自个儿动手解决。
比如昨晚上菲菲君就踩了几枚深坑:默认代码下,列表样式
标签下会自动嵌套标签
同时父级
- 标签也会自动添加引用 style 和 class 样式
还有自动剔除 css 样式和 span 标签等等很多小问题
这些问题虽然不会严重影响使用,但是有可能造成前台网页的 css 样式丢失和排版错乱,对于菲菲博客这样的强迫症患者显然是无法忍受的,这里记录下来再次遇到就不用再踩坑折腾了。
问题一:
标签内自动添加的解决方法
打开 ueditor.all.js 文件,找到 15159 行开始的 utils.each 函数,整体注释掉即可。
问题二:关于
- 标签自动引用样式的问题
继续在 js 文件中搜索 list-paddingleft-\w+/(15313行),将所在的整行注释掉即可。
由于 UEditor 主体 JS 代码量庞大,差不多要两万行,修改 ueditor.all.js 后要进行压缩处理再调用替换到线上环境。以上笔记对应为目前最新的 UEditor 1.4.3.3 版本。
这里参考了 CSDN 上的一篇博文 关于UEditor 编辑器自动替换样式的解决方法,其他一些奇奇怪怪的样式问题可以参考。