Question

我想展示一些文档的代码。但每当我尝试时，浏览器实际上将其呈现为HTML而不是文本。

如何阻止此事？

<pre>
  <code class="html">
    <div class="alert-wrap g--5">
      <input type="checkbox" id="alert-check">
      <label for="alert-check">CLOSE</label>
      <div class="alert card">
        <p>Surface rules! That is all.</p>
      </div>
    </div>
  </code>
</pre>

Answer 1

您可以对HTML进行编码，以避免将其解释为HTML ...

dplyr::add_rownames()

Answer 2

您可以使用在线转换器。

&lt;pre&gt;
  &lt;code class=&quot;html&quot;&gt;
    &lt;div class=&quot;alert-wrap g--5&quot;&gt;
      &lt;input type=&quot;checkbox&quot; id=&quot;alert-check&quot;&gt;
      &lt;label for=&quot;alert-check&quot;&gt;CLOSE&lt;/label&gt;
      &lt;div class=&quot;alert card&quot;&gt;
        &lt;p&gt;Surface rules! That is all.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/code&gt;
&lt;/pre&gt;

在线转换器

http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

预编码html呈现而不是显示文本

2 个答案: