如何在块内显示代码

Question

如何在stackoverflow之类的块内显示代码：

<p> <strong> strong text <em> strong and emphasised text </em> </strong> <em> just emphasised text </em> </p>

注意：我将所有文本包裹在div中并从数据库中检索

感谢

Answer 1

构成HTML代码的字符将转换为相应的HTML entities ...

<pre>
  <code>
    &lt;p&gt; &lt;strong&gt; strong text &lt;em&gt; strong and emphasised text &lt;/em&gt; &lt;/strong&gt; &lt;em&gt; just emphasised text &lt;/em&gt; &lt;/p&gt;
  </code>
</pre>

Answer 2

如果您想抓取代码，然后转换代码进行查看，只需将<替换为<，将>替换为>。这是一个简单的demo就是这样做的。

var html = $('#html').html(),
    code = $.trim(html); // remove leading & trailing carriage returns

// replace angled brackets
code = code.replace(/[<>]/g, function(m){
        return {
            '<' : '&lt;',
            '>' : '&gt;'
        }[m];
    });

$('pre').html(code);