介紹

開發人員需要語法突出顯示工具作為輔助符號的一種形式，以幫助我們在結構化程式語言或標記中編寫代碼。有些代碼高亮庫附帶了額外的功能，例如拼寫檢查器，代碼摺疊，以及提高文本上下文中總體代碼可讀性的功能，從而使編碼人員可以檢測可能跨越幾頁的代碼中的錯誤。筆者將在本文介紹10個語法高亮庫

1.SHJS

SHJS是一個JavaScript庫，可以在瀏覽器上突出顯示客戶端的HTML原始碼。它使用GNU原始碼突出顯示的語言定義，從而使其能夠突出顯示以多種語言編寫的原始碼。SHJS帶有Highlight程序中的幾個主題，並根據GNU v3許可證分發。

http://shjs.sourceforge.net/

2. SyntaxHighlighter

SyntaxHighlighter是功能齊全的客戶端語法突出顯示工具。

https://github.com/syntaxhighlighter

3. highlight.js

Highlight.js是Web的語法突出顯示庫。它的功能包括對185種語言和89種樣式的支持。它具有自動語言檢測和多語言代碼突出顯示功能。它也可用於所有node.js，並可以與任何標記一起使用，並且與任何其他JS框架完全兼容。

https://github.com/highlightjs/highlight.js

4. Rainbow

Rainbow是一個輕量級的代碼突出顯示器（1.4kb），只需要一個JS模塊即可突出顯示所展示的語言。顏色和字體是通過CSS主題支持定製的。通過按快捷鍵組合，它可以幫助開發人員輕鬆按顏色跟蹤許多變量。

https://github.com/ccampbell/rainbow

5. Microlight.js

Microlight.js是一個開源庫，通過突出顯示（儘管提供了程式語言）並且沒有其他語言包或樣式來改進代碼段。與其他代碼突出顯示庫不同，它使用常規突出顯示策略。它突出顯示代碼，而不考慮程式語言或代碼結構。

https://github.com/asvd/microlight

6. CodePress

CodePress是一個基於Web的編輯器，其語法突出顯示代碼是用JavaScript編寫的。在瀏覽器上輸入文字時，它將實時為文本著色。它具有代碼片段，快捷方式，自動完成和多窗口功能。

http://codepress.sourceforge.net/

7. Jush JavaScript Syntax Highlighter

JavaScript Syntax Highlighter（Jush）用於以以下語言突出顯示客戶端語法：HTML，JavaScript，CSS，PHP，HTTP和SMTP協議，SQL，PHP.ini和Apache配置。

https://jush.sourceforge.io/

8. Prism.js

Prism.js是一個輕量級的語法突出顯示工具，它考慮了可擴展的內置現代Web標準。如今，它已在數千個網站中實現。它簡單，直觀，輕如羽毛，高度可擴展，更快且易於樣式化。

https://prismjs.com/

9. Syntax.js

Syntax.js是一個簡單的代碼語法突出顯示庫，對於任何程式語言而言，該語法都很小，靈活，主題化且速度更快，它有三個內置主題：

https://github.com/rainner/syntaxy-js

10. CodePrinter

CodePrinter是一個JavaScript可視代碼編輯器，它支持語法突出顯示，自定義代碼格式以及13種內置主題。

https://www.cssscript.com/demo/lightweight-code-editor-with-pure-javascript-codeprinter/