在使用 PbootCMS 构建网站的过程中,您可能会遇到需要在专题内容中插入包含 HTML 代码的情况。然而,当您尝试这样做时,会发现编辑器自动去除了部分标签元素,并且将所有的 div 标签转换为了 p 标签。那么,我们该如何解决这个问题呢?
AB模板网的专家表示,这是由于编辑器自身的机制导致的。无论是 CKEditor 还是 UEditor,这些常用的在线编辑器都会对输入的内容进行过滤和格式化。PbootCMS 使用的是百度开发的 UEditor 编辑器,因此我们需要针对这个编辑器进行相应的调整。
首先,找到位于 core->extend->ueditor->ueditor.all.js 的文件。在这个文件中,大约在第 10830 行,您可以找到如下代码:
allowDivTransToP: true,
将其修改为:
allowDivTransToP: false,
接下来,打开 core->extend->ueditor->ueditor.config.js 文件,在大约第 560-565 行的位置,您会看到一段被注释掉的代码。请将这段代码前面的注释符号移除,并直接设置为以下内容:
// 默认过滤规则相关配置项目
,disabledTableInTable:false // 禁止表格嵌套
// 允许进入编辑器的 div 标签自动变成 p 标签
,allowDivTransToP:false
完成以上两步操作后,请确保保存所有修改并刷新页面。此时,UEditor 编辑器将不再自动将 div 标签转换为 p 标签,同时也不会再过滤掉您希望保留的 HTML 代码。
通过这样的调整,您可以更加灵活地使用 PbootCMS 的专题内容功能,轻松实现复杂的布局和设计需求。如果您还有其他关于 PbootCMS 的问题或需要进一步的帮助,请随时访问我们的网站或联系技术支持团队。