如何使用

这个插件提供了几种方法来实现相同的事情

• 不要使用 <pre><code> 元素，请使用 <script type="text/plain">

  <script type="text/plain" class="language-markup">
  <p>Example</p>
  </script>

• 使用 HTML 注释来转义代码

  <pre class="language-markup"><code><!--
  <p>Example</p>
  --></code></pre>

  这仅适用于当 code 元素只包含一个评论且没有其他内容（甚至包括空格）时。例如，<code> <!-- some text --></code> 和 <code>text<!-- more text --></code> 将不起作用。

示例

查看源代码可以了解到以下内容不需要转义（除了 </script>，那是必需的）

下一个示例使用 HTML 注释方法

常见问题

为何不使用 HTML <template> 标记？

因为获取它的 textContent 是件麻烦事，并且需要毫无意义地克隆它。但是，如果你愿意，可以自己实现它并发送拉取请求。

我可以在行内使用它吗？

不能直接使用，因为我认为输入 <script type="text/plain"> 比转义行内代码中需要转义的 1-2 个 < 字符更麻烦。此外，行内代码并不是经常复制粘贴，这原本让我写这个插件的主要原因。