[[282579]]

介紹

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

1.SHJS

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

http://shjs.sourceforge.net/

2. SyntaxHighlighter

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

https://github.com/syntaxhighlighter

3. highlight.js

Highlight.js是Web的語法突出顯示庫。它的功能包括對(duì)185種語言和89種樣式的支持。它具有自動(dòng)語言檢測(cè)和多語言代碼突出顯示功能。它也可用于所有node.js，并可以與任何標(biāo)記一起使用，并且與任何其他JS框架完全兼容。

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

4. Rainbow

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

https://github.com/ccampbell/rainbow

5. Microlight.js

Microlight.js是一個(gè)開源庫，通過突出顯示(盡管提供了編程語言)并且沒有其他語言包或樣式來改進(jìn)代碼段。與其他代碼突出顯示庫不同，它使用常規(guī)突出顯示策略。它突出顯示代碼，而不考慮編程語言或代碼結(jié)構(gòu)。

https://github.com/asvd/microlight

6. CodePress

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

http://codepress.sourceforge.net/

7. Jush JavaScript Syntax Highlighter

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

https://jush.sourceforge.io/

8. Prism.js

Prism.js是一個(gè)輕量級(jí)的語法突出顯示工具，它考慮了可擴(kuò)展的內(nèi)置現(xiàn)代Web標(biāo)準(zhǔn)。如今，它已在數(shù)千個(gè)網(wǎng)站中實(shí)現(xiàn)。它簡(jiǎn)單，直觀，輕如羽毛，高度可擴(kuò)展，更快且易于樣式化。

https://prismjs.com/

9. Syntax.js

Syntax.js是一個(gè)簡(jiǎn)單的代碼語法突出顯示庫，對(duì)于任何編程語言而言，該語法都很小，靈活，主題化且速度更快，它有三個(gè)內(nèi)置主題：

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

10. CodePrinter

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

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