자바 스크립트의 하이라이트 코드

Question

SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter/download/ 어떻게 자바 스크립트에서 코드를 강조 표시 할 수 있습니까? 당신은 핵심 JS, 브러시 JS, 핵심 CSS 및 테마를 포함 할 필요가 나는

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

을 시도하지만 코드는 installation instructions 당으로 컬러

Answer 1

없이 단지 텍스트처럼 보인다.

JavaScript에서 pre 요소를 추가 할 수 있지만 페이지의 이미 존재하는 요소 (이 경우 '본문)에 하위 요소를 추가해야합니다.

그런 다음 서식을 실행하려면 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>