片段jQuery插件问题

Question

这可能相当简单但我无法在任何地方找到解决方案。 使用时：

http://www.steamdev.com/snippet/

$("pre.htmlCode").snippet("html",{style:"greenlcd"});

<pre class="htmlCode" style="float:left;">
    <h1>Snippet style selector</h1>
    <div class="instructions">
        <p>Choose your style below.</p>
        <p>Preview your style here.</p>
    </div>
    <!-- 39 styles to choose from! -->
</pre>

这似乎有效，除了像这样处理标签：

如何防止这种情况发生？我希望这很清楚！

Answer 1

使用<而不是＆lt;

Answer 2

在<pre>中，您需要转义HTML。

<pre class="htmlCode" style="float:left;">
    &lt;h1>Snippet style selector&lt;/h1>
    &lt;div class="instructions">
        &lt;p>Choose your style below.&lt;/p>
        &lt;p>Preview your style here.&lt;/p>
    &lt;/div>
    &lt;!-- 39 styles to choose from! -->
</pre>

或者在XHTML的情况下，使用<[CDATA[ ... ]]>