search

LuRenJiasWorld / WP-Editor.md

或许这是一个WordPress中最好，最完美的Markdown编辑器
https://wordpress.org/plugins/wp-editormd/
GNU General Public License v3.0
744 stars 87 forks source link

[BUG]代码块里的html标签无法正常渲染 #587

Open web-mobli opened 1 year ago

web-mobli commented 1 year ago

BUG描述 | Describe the bug

复现方法 | To Reproduce

代码块里面输入html标签可以复现，见下方示例代码，js或者其他语言高亮就正常显示，并且也没问题

期望行为 | Expected behavior

截图 | Screenshots

预览的时候标签就没了

image

发布后文章页的截图，标签全部没了，并且代码块高亮也没有展示

image

查看html源码，里面所有的标签都被去掉了

image

但js是正常，高亮也正常

image

测试代码如下

<h2>1. 这是代码块 1</h2>
<pre><code class="language-html"><body>
    <p>这是一个p标签</p>
    <button>按钮1个</button>

    <script>
      let str = '这是一个字符串'
      console.log(1111)
    </script>
</body>
</code></pre>
<h2>2. 这是代码块 2</h2>
<pre><code class="language-html"><p>Hello World</p>
<button>change</button>
<script>
  var h1 = document.querySelector("h1");
  var btn = document.querySelector("button");

  // 死循环指定的时间
  function delay(duration) {
    var start = Date.now();
    while (Date.now() - start < duration) {}
  }

  btn.onclick = function () {
    h1.textContent = "你好，世界！";
    delay(3000);
  };
</script>
</code></pre>
<h3>2.1. 这是代码块 3</h3>
<pre><code class="language-html"><p>Hello World</p>
<button>change</button>
<div>这是一个div</div>
</code></pre>
<h3>2.2. 这是 js 代码</h3>
<pre><code class="language-js">let str = 'hello word!'
concole.log(str)

function sum(a, b){
    return a + b
}

sum(1, 3)
</code></pre>

调试信息 | Debugging info

wp-editormd-debug-info