jquery - HTML スニペットの表示に関する問題 and/or

Answer 1

言語を設定し、括弧/引用符をエスケープしてみてください:

<code class="prettyprint lang-html">
    &lt;button class=&quot;primary&quot;&gt;Button&lt;/button&gt;
</code>

アップデート：

<pre>うーん、実際には、代わりに使用する必要があると思います<code>

更新 2: このコードを試してください ( demo ):

$(document).ready(function() {
  $('.prettyprint').html(function(i,h){
    return h.replace(/[<>\"\'\t\n]/g, function(m) { return {
      '<' : '&lt;',
      '>' : '&gt;',
      "'" : '&#39;',
      '"' : '&quot;',
      '\t': '  ',
      '\n': '<br/>' // needed for IE
    }[m]});
  });

  prettyPrint();
});