加截中...

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.jsueditor.config.js文件。

2. 编辑文件

使用合适的代码编辑器打开这两个文件,找到对应的代码行进行修改。

3. 保存文件

修改完成后,保存这两个文件。

4. 清除缓存

为了确保修改生效,建议清除浏览器缓存和 PbootCMS 的缓存。

在线客服
服务热线

服务热线

13648088499

微信咨询
二维码
返回顶部