一、問題現象
在使用 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.js
和ueditor.config.js
文件。
2. 編輯文件
使用合適的代碼編輯器打開這兩個文件,找到對應的代碼行進行修改。
3. 保存文件
修改完成后,保存這兩個文件。
4. 清除緩存
為了確保修改生效,建議清除瀏覽器緩存和 PbootCMS 的緩存。