突出显示来自javascript的代码

Question

我使用SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter/download/ 我如何突出javascript代码？ 我试试

var pre = document.createElement("pre");
pre.id = "preXml";
pre.setAttribute("class", "brush: xml");
pre.innerText = myXmlAsString;

但代码看起来就像没有颜色的文本

Answer 1

根据installation instructions，您需要包含核心JS，画笔JS，核心CSS和主题。

您可以在JavaScript中添加pre元素，但请确保将子项附加到页面上已存在的元素，在本例中为`body。

然后，您需要调用SyntaxHighlighter.all()来执行格式化。

＆＃13;

＆＃13;

var xml = "<div>Test</div>";

var pre = document.createElement("pre");
pre.id = "preXml";
pre.setAttribute("class", "brush: xml");
pre.innerText = xml;
document.body.appendChild(pre);
SyntaxHighlighter.all()

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreDefault.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.min.js"></script>

＆＃13;

＆＃13;

＆＃13;