突出显示 javascript 中的代码
Highlights code from javascript
我使用 SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter/download/
我如何突出显示 javascript 中的代码?
我试试
var pre = document.createElement("pre");
pre.id = "preXml";
pre.setAttribute("class", "brush: xml");
pre.innerText = myXmlAsString;
但代码看起来就像没有颜色的文本
按照installation instructions,需要包含核心JS、刷机JS、核心CSS和主题
您可以像往常一样在 JavaScript 中添加 pre
元素,但请确保将子元素附加到页面上已经存在的元素,在本例中为 `body.
然后您需要调用SyntaxHighlighter.all()
来执行格式化。
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()
<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>
我使用 SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter/download/ 我如何突出显示 javascript 中的代码? 我试试
var pre = document.createElement("pre");
pre.id = "preXml";
pre.setAttribute("class", "brush: xml");
pre.innerText = myXmlAsString;
但代码看起来就像没有颜色的文本
按照installation instructions,需要包含核心JS、刷机JS、核心CSS和主题
您可以像往常一样在 JavaScript 中添加 pre
元素,但请确保将子元素附加到页面上已经存在的元素,在本例中为 `body.
然后您需要调用SyntaxHighlighter.all()
来执行格式化。
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()
<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>