建站
咨詢
售后
建站咨詢
新聞中心
[[282579]]
創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站建設、網站設計、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯(lián)網時代的順城網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！
介紹
開發(fā)人員需要語法突出顯示工具作為輔助符號的一種形式，以幫助我們在結構化編程語言或標記中編寫代碼。有些代碼高亮庫附帶了額外的功能，例如拼寫檢查器，代碼折疊，以及提高文本上下文中總體代碼可讀性的功能，從而使編碼人員可以檢測可能跨越幾頁的代碼中的錯誤。筆者將在本文介紹10個語法高亮庫
1.SHJS
SHJS是一個JavaScript庫，可以在瀏覽器上突出顯示客戶端的HTML源代碼。它使用GNU源代碼突出顯示的語言定義，從而使其能夠突出顯示以多種語言編寫的源代碼。SHJS帶有Highlight程序中的幾個主題，并根據(jù)GNU v3許可證分發(fā)。
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
[[282580]]
4. Rainbow
Rainbow是一個輕量級的代碼突出顯示器(1.4kb)，只需要一個JS模塊即可突出顯示所展示的語言。顏色和字體是通過CSS主題支持定制的。通過按快捷鍵組合，它可以幫助開發(fā)人員輕松按顏色跟蹤許多變量。
https://github.com/ccampbell/rainbow
5. Microlight.js
Microlight.js是一個開源庫，通過突出顯示(盡管提供了編程語言)并且沒有其他語言包或樣式來改進代碼段。與其他代碼突出顯示庫不同，它使用常規(guī)突出顯示策略。它突出顯示代碼，而不考慮編程語言或代碼結構。
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協(xié)議，SQL，PHP.ini和Apache配置。
https://jush.sourceforge.io/
8. Prism.js
Prism.js是一個輕量級的語法突出顯示工具，它考慮了可擴展的內置現(xiàn)代Web標準。如今，它已在數(shù)千個網站中實現(xiàn)。它簡單，直觀，輕如羽毛，高度可擴展，更快且易于樣式化。
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/
名稱欄目：專為開發(fā)者準備的10個優(yōu)秀JavaScript語法高亮庫
網站URL：http://www.5511xx.com/article/dpssgsg.html
