在使用PbootCMS建站时,如果需要在专题内容中加入含有HTML代码的文字,但发现编辑器将 div 标签转换成了 p 标签,可以通过以下步骤进行修改。

修改步骤

  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 行,取消注释并修改相关配置。

具体操作步骤

修改 ueditor.all.js 文件

  1. 找到 core->extend->ueditor->ueditor.all.js 文件。
  2. 在大约第 10830 行,将 allowDivTransToP: true 改为 allowDivTransToP: false
    javascript
     
    // 原始代码
    allowDivTransToP: true,

    // 修改后的代码
    allowDivTransToP: false,

修改 ueditor.config.js 文件

  1. 找到 core->extend->ueditor->ueditor.config.js 文件。
  2. 在大约第 560-565 行,取消注释并修改相关配置。
    // 原始代码
    // 默认过滤规则相关配置项目
    //,disabledTableInTable: false  // 禁止表格嵌套
    // 允许进入编辑器的 div 标签自动变成 p 标签
    //,allowDivTransToP: false
    
    // 修改后的代码
    // 默认过滤规则相关配置项目
    ,disabledTableInTable: false  // 禁止表格嵌套
    // 允许进入编辑器的 div 标签自动变成 p 标签
    ,allowDivTransToP: false

总结

通过以上两个步骤,可以防止百度 UEditor 编辑器将 div 标签转换成 p 标签,从而保留原始 HTML 结构。具体步骤如下:

  1. 修改 ueditor.all.js 文件中的 allowDivTransToP 属性。
  2. 修改 ueditor.config.js 文件中的 allowDivTransToP 属性。