jquery - 片段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

使用<而不是 <

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[ ... ]]>