Javascript Html代码段的Html代码块？

这一定是有史以来最令人沮丧的事情了，哈哈

我用prettify.js给代码添加了语法颜色，但是当我编码html时，使用prettify.js或prism.js，我必须像下面那样在

<

之前写一个句点，否则我的语法会被#标记弄乱

我的问题是，prettify.js如何/为什么用

.tag

div

包装

div

？为什么我需要在

div

之前添加一些字符才能工作？你知道它为什么这么做吗

---

仅供参考，

div

之前的任何字符都将显示块，但在

&lr；div

由

标记包裹，它显示了一个带有#标记的块。

您可能需要查看以下内容：

<code>
  <DIV class="modal modal--medium modal--middle">
    <DIV class="center-module">
      <INPUT type="text" placeholder="email">
      <BUTTON class="button button--primary">send</BUTTON>
    </DIV>
  </DIV>
</code>

邮寄

问题到底是什么？：）我在想，这就像“当我编码html时，我必须在

<

之前写上句点，否则我的语法会被

标记弄乱。我如何在

<

之前没有句点地写它，并且让它没有

标记？”我假设的问题是你为什么需要句点。这似乎表明你不需要它。你能给我们更多的代码吗？是的，对不起，我应该说的。我错了，但这很让人恼火。让我试着解释一下我的环境，我有prettify.js脚本，我对html进行了编码，并将其设置在pre标记中。这么简单，但我得到了这些散列，所以是的，我的问题是，为什么在我乞求编码的html片段之前我必须有一个

字符

？@drs9222我将小提琴直接复制到sublime中，没有任何空格，但仍然得到了相同的结果，发生的情况是

div

prettify.js将

div

包装在

.tag

中。

.<div class="modal modal--medium modal--middle">
    <div class="center-module">
        <input type="text" placeholder="email">
        <button class="button button--primary">send</button>
    </div>
</div>

#<DIV class="modal modal--medium modal--middle"#>
    #<DIV class="center-module"#>
        #<INPUT type="text" placeholder="email"#>
        #<BUTTON class="button button--primary"#>send#</BUTTON>
    #</DIV#>
#</DIV#>

<code>
  <DIV class="modal modal--medium modal--middle">
    <DIV class="center-module">
      <INPUT type="text" placeholder="email">
      <BUTTON class="button button--primary">send</BUTTON>
    </DIV>
  </DIV>
</code>