pbootcms编辑器过滤div代码解决办法

在使用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 属性。
posted @   黄文Rex  阅读(26)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示