html编辑器自动添加a标签,解决百度编辑器自动添加<p>标签的方法

本文针对UEditor在使用过程中出现的自动添加样式、自动引用样式等问题提供了具体的解决办法,包括如何修改ueditor.all.js文件来避免这些样式问题,确保前端页面的CSS样式正确呈现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

UEditor 是百度开发的一款优秀的开源 HTML 编辑器,上手简单,界面美观,功能强大,因此俘获了一大批站长的“芳心”,但是毕竟众口难调,也有一些小问题需要我们自个儿动手解决。

比如昨晚上菲菲君就踩了几枚深坑:

默认代码下,列表样式

标签下会自动嵌套

标签

同时父级

  • 标签也会自动添加引用 style 和 class 样式

还有自动剔除 css 样式和 span 标签等等很多小问题

这些问题虽然不会严重影响使用,但是有可能造成前台网页的 css 样式丢失和排版错乱,对于菲菲博客这样的强迫症患者显然是无法忍受的,这里记录下来再次遇到就不用再踩坑折腾了。

问题一:

标签内自动添加

的解决方法

打开 ueditor.all.js 文件,找到 15159 行开始的 utils.each 函数,整体注释掉即可。

35729b920267011f633e782bf7755d80.png

问题二:关于

  • 标签自动引用样式的问题

继续在 js 文件中搜索 list-paddingleft-\w+/(15313行),将所在的整行注释掉即可。

d5b1101493ed9272459e94799c68cbf8.png

由于 UEditor 主体 JS 代码量庞大,差不多要两万行,修改 ueditor.all.js 后要进行压缩处理再调用替换到线上环境。以上笔记对应为目前最新的 UEditor 1.4.3.3 版本。

这里参考了 优快云 上的一篇博文 关于UEditor 编辑器自动替换样式的解决方法,其他一些奇奇怪怪的样式问题可以参考。

文章转载:https://www.feifeiboke.com/website/3723.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值