UEditor百度编辑器会自动清除编辑好的code标签
迅睿框架 更新 2024-10-15 09:20:33
TmmT
TmmT
ueditor百度编辑器 使用 Highlight.js插件实现代码高亮，出现自动清除<code></code>，比如我手动输入：<pre><code>代码区</code></pre>，发布后只剩下<pre>代码</pre>。
经测试，需要进入文章源代码中重新加入<code></code>才会显示。这个问题如何解决？
用JS解决code自动过滤问题。 <!-- 遍历pre标签，如果没有code自动补充并且将内容放到code标签内 --><script>document.addEventListener("DOMContentLoaded", function() { var preElements = document.getElementsByTagName('pre'); for (var i = 0; i < preElements.length; i++) { var preElement = preElements[i]; var codeElement = preElement.querySelector('code'); if (!codeElement) { var newCodeElement = document.createElement('code'); while (preElement.firstChild) { newCodeElement.appendChild(preElement.firstChild); } preElement.appendChild(newCodeElement); } } });</script>