javascript - js SyntaxHighlighter中的自动换行符

我正在使用http://alexgorbatchev.com/SyntaxHighlighter/的js SyntaxHighlighter 3.0.83

现在看来，我一直在搜索整个世界，但找不到真正启用换行符的方法。我会得到一个水平滚动条，有时候很好，但在我的情况下却不行。

在例子中

有人知道解决方法吗？

最佳答案

我实际上并没有使用SyntaxHighlight，但是似乎可以将white-space: pre-wrap CSS样式附加到SyntaxHighlight使用的<pre>或<script>标记中。

HTML(使用<pre>):

<pre class="brush: js" class="syntaxhighlight">
    /**
     * SyntaxHighlighter
     */
    function foo()
    {
        if (counter <= 10)
            return;
        // it works!
    }
</pre>

HTML(使用<script>):

<script type="syntaxhighlighter" class="syntaxhighlight brush: js"><![CDATA[
    /**
     * SyntaxHighlighter
     */
    function foo()
    {
        if (counter <= 10)
            return;
        // it works!
    }
]]></script>

CSS:

.syntaxhighlight {
    white-space: pre-wrap;
}