解决 PbootCMS 编辑器去除 HTML 标签的问题

在使用 PbootCMS 建站时,有时需要在专题内容中插入包含 HTML 代码的文字。然而,编辑器可能会自动去除某些标签元素,并将 <div> 标签转换为 <p> 标签。这通常是由于编辑器的默认过滤规则导致的。PbootCMS 使用的是 UEditor 百度编辑器,因此可以通过修改 UEditor 的配置文件来解决这个问题。

以下是详细的修改步骤:

1. 修改 ueditor.all.js 文件

  1. 找到文件路径

    • 文件路径:core->extend->ueditor->ueditor.all.js
  2. 定位代码行

    • 大约在第 10830 行,找到以下代码:
      javascript
       
      allowDivTransToP: true,
  3. 修改代码

    • 将 true 改为 false
      javascript
       
      allowDivTransToP: false,

2. 修改 ueditor.config.js 文件

  1. 找到文件路径

    • 文件路径:core->extend->ueditor->ueditor.config.js
  2. 定位代码行

    • 大约在第 560-565 行,找到以下被注释掉的代码:
      javascript
       
      //默认过滤规则相关配置项目 ,disabledTableInTable:false //禁止表格嵌套 // 允许进入编辑器的 div 标签自动变成 p 标签 ,allowDivTransToP:false
  3. 修改代码

    • 取消注释并确保 allowDivTransToP 设置为 false
      javascript
       
      //默认过滤规则相关配置项目 ,disabledTableInTable:false //禁止表格嵌套 ,allowDivTransToP:false
wx.jpg ywfw.jpg
热门