SyntaxHighlighter -调用SyntaxHighlighter.all()来突出显示动态生成的XML

Question

我有生成XML的javascript代码，并调用SyntaxHighlighter.all()方法突出显示添加的XML。我没有收到控制台中的错误，但高亮显示也不会发生。

javascript:

<script type="text/javascript" src="js/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="js/syntaxhighlighter_3.0.83/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="js/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"

<script>
    function generateXML()
        {
            var result="<test>WHATEVA</test>";

            alert(result);

            var regex1 = new RegExp('<', 'g');
            var regex2 = new RegExp('>', 'g');

             result = "<pre class='brush: xml'>" + result.replace(regex1,'&lt;').replace(regex2,'&gt;')+"</pre>";

            document.getElementById("generatedXML").innerHTML = result;     
        }
</script>

    <input id="addOUTPUTButton" type="button" value="Generate XML"  onclick="generateXML()"/>
    <input id="test" type="button" value="Test"  onclick="SyntaxHighlighter.all();"/>
<div id="generatedXML">
</div>

Answer 1

解决方案是使用highlight()而不是all()。

下面是一个JSFiddle，注意使用了外部资源：http://jsfiddle.net/menelaosbgr/TXzZH/

Answer 2

明白了。我希望得到一个同样支持更新版本的答案。无论哪种方式，jsfiddle都被打破了，因此，至少添加一个注释，提到版本可能会有帮助。

谢谢你的回复。