ueditor编辑器增加css样式_UEditor踩坑记:解决⾃动添加p标
签的⽅法
UEditor 是百度开发的⼀款优秀的开源 HTML 编辑器,上⼿简单,界⾯美观,功能强⼤,因此俘获了⼀⼤批站长的“芳⼼”,但是毕竟众⼝难调,也有⼀些⼩问题需要我们⾃个⼉动⼿解决。
⽐如昨晚上菲菲君就踩了⼏枚深坑:默认代码下,列表样式
标签下会⾃动嵌套
标签
同时⽗级
标签也会⾃动添加引⽤ style 和 class 样式
还有⾃动剔除 css 样式和 span 标签等等很多⼩问题
这些问题虽然不会严重影响使⽤,但是有可能造成前台⽹页的 css 样式丢失和排版错乱,对于菲菲博客这样的强迫症患者显然是⽆法忍受的,这⾥记录下来再次遇到就不⽤再踩坑折腾了。
问题⼀:
标签内⾃动添加
的解决⽅法
打开 ueditor.all.js ⽂件,到 15159 ⾏开始的 utils.each 函数,整体注释掉即可。
问题⼆:关于css最新
标签⾃动引⽤样式的问题
继续在 js ⽂件中搜索 list-paddingleft-\w+/(15313⾏),将所在的整⾏注释掉即可。
由于 UEditor 主体 JS 代码量庞⼤,差不多要两万⾏,修改 ueditor.all.js 后要进⾏压缩处理再调⽤替换到线上环境。以上笔记对应为⽬前最新的 UEditor 1.4.3.3 版本。
这⾥参考了 CSDN 上的⼀篇博⽂ 关于UEditor 编辑器⾃动替换样式的解决⽅法,其他⼀些奇奇怪怪的样式问题可以参考。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论