PbootCMS 编辑器过滤 div 代码
一、问题现象
在使用 PbootCMS 搭建网站时,有时需要在专题内容中加入包含 HTML 代码的文字。然而,在添加后会发现编辑器自动去除了一些标签元素,并且将所有的div
标签都转换为了p
标签,这可能会影响页面的布局和样式。
二、问题原因
这种现象是由于编辑器的过滤机制导致的。像 ckeditor、ueditor 等常见的编辑器都会有类似的操作,而 PbootCMS 使用的是 ueditor 百度编辑器。为了解决这个问题,我们需要对 ueditor 的相关配置文件进行修改。
三、解决方法
1. 修改 ueditor.all.js 文件
找到core->extend->ueditor->ueditor.all.js
文件,大约在 10830 行的位置,将以下代码:
allowDivTransToP: true
修改为:
allowDivTransToP: false
2. 修改 ueditor.config.js 文件
找到core->extend->ueditor->ueditor.config.js
文件,大约在 560-565 行的位置,将相关代码修改为:
// 默认过滤规则相关配置项目 ,disabledTableInTable: false // 禁止表格嵌套 // 允许进入编辑器的 div 标签自动变成 p 标签 ,allowDivTransToP: false
四、修改步骤
1. 定位文件
根据上述路径,在 PbootCMS 项目的文件结构中找到ueditor.all.js
和ueditor.config.js
文件。
2. 编辑文件
使用合适的代码编辑器打开这两个文件,找到对应的代码行进行修改。
3. 保存文件
修改完成后,保存这两个文件。
4. 清除缓存
为了确保修改生效,建议清除浏览器缓存和 PbootCMS 的缓存。