javascript - js SyntaxHighlighter 中的自动换行

Question

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

我现在似乎一直在谷歌搜索整个世界，但无法真正找到如何启用换行符。 Instad 我得到了一个水平滚动条，这有时很好但在我的场景中不是。

在例子中

有人知道解决这个问题的方法吗？

Answer 1

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

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;
}