亮點代碼從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()執行格式化。

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>