果斷收藏9個(gè)Javascript代碼高亮腳本
代碼高亮很有用，特別是在需要在網(wǎng)站或者blog中顯示自己編寫(xiě)的代碼的時(shí)候，或者給其他人查看或調(diào)試語(yǔ)法錯(cuò)誤的時(shí)候。我們可以將代碼高亮，以便閱讀者可以十分方便的讀取代碼塊，增加用戶閱讀代碼的良好體驗(yàn)。
目前，有很多免費(fèi)而且有用的代碼高亮腳本。這些腳本大多是由Javascript語(yǔ)言編寫(xiě)，也有些使用其它語(yǔ)言(比如java、Phyton或Ruby)等寫(xiě)的。
下面來(lái)推薦最受歡迎、最實(shí)用的9個(gè)Javascript代碼高亮腳本。
我相信這是最普遍代碼高亮代碼。它支持多種不同的語(yǔ)言，而且如果你使用的語(yǔ)言不被默認(rèn)支持，你也可以很簡(jiǎn)單的創(chuàng)建新“刷子”。
2.SHJS
SHJS是Syntax Highlighting in Javascript的簡(jiǎn)寫(xiě)。It 來(lái)自于GNU 源碼高亮語(yǔ)言。并支持很多種編程語(yǔ)言。經(jīng)測(cè)試SHJS 支持主流瀏覽器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.
beautyOfCode 是一款jQuery 代碼高亮插件。它使用SyntaxHighlighter 的腳本，并使其更好的兼容XHTML。
4.Chili
Chili 是一個(gè)jQuery代碼高亮插件。它捆綁了很多種語(yǔ)言支持，并支持多個(gè)設(shè)置選項(xiàng)。
Lighter.js是一款免費(fèi)的MooTools代碼高亮插件。使用lighter.js簡(jiǎn)單到只需要在你的頁(yè)面中添加一段簡(jiǎn)單的腳本就OK了。
highlight.js是一款非常容易使用的高亮腳本，支持多種編程語(yǔ)言。它還有一些很有用的插件，很容易的部署到其它CMS、論壇或博客。
DlHighlight是一款簡(jiǎn)單的代碼高亮腳本，它只支持4種編程語(yǔ)言：JavaScript, CSS, XML, HTML.
Google Code Prettify 有一個(gè)JavaScript模型和CSS文件，支持HTML頁(yè)面中的語(yǔ)法高亮。
9.JUSH
JUSH是另一個(gè)jQuery語(yǔ)法高亮插件，支持多種編程語(yǔ)言，比如： HTML、CSS、 PHP、PY 和 SQL.
總之，收藏幾款代碼高亮的腳本對(duì)于做開(kāi)發(fā)的朋友是一個(gè)明智的選擇，希望大家喜歡。
相關(guān)文章
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方
本篇文章主要介紹了javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法)需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
使用TypeScript?V8來(lái)改進(jìn)您的JavaScript代碼
TypeScript?V8是一個(gè)強(qiáng)大的JavaScript類型系統(tǒng),它可以幫助你發(fā)現(xiàn)JavaScript代碼中的錯(cuò)誤和潛在問(wèn)題,并在編譯時(shí)捕獲它們,以便您可以解決它們,TypeScript?V8為JavaScript提供一系列的類型注釋,包括自定義類型和其他高級(jí)功能2023-08-08
JS下載文件的實(shí)現(xiàn)在網(wǎng)上可以找到很多教程，不過(guò)本文為大家介紹的是無(wú)刷新下載文件，貌似更酷一點(diǎn)是吧2014-04-04
JS前端攻堅(jiān)淺析instanceof實(shí)現(xiàn)原理
這篇文章主要為大家介紹了JS前端攻堅(jiān)淺析instanceof實(shí)現(xiàn)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
原生JS實(shí)現(xiàn)左右箭頭選擇日期實(shí)例代碼
原生JS 左右箭頭選擇日期,就是用左右尖括號(hào)可改變中間日期的值，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-03-03
這篇文章主要介紹了JavaScript對(duì)象之深度克隆介紹,本文詳細(xì)的講解了什么是對(duì)象深度克隆,并給出了示例代碼,需要的朋友可以參考下2014-12-12
Javascript 自適應(yīng)高度的Tab選項(xiàng)卡
選項(xiàng)卡的原理其實(shí)比較簡(jiǎn)單，就是設(shè)置2種狀態(tài)，選中和未選中的2中不同CSS狀態(tài)，因此也有直接不用JS之用css就能實(shí)現(xiàn)的效果2011-04-04
這篇文章主要為大家詳細(xì)介紹了js圖片放大鏡效果的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Express與NodeJs創(chuàng)建服務(wù)器的兩種方法
本文主要介紹了NodeJs創(chuàng)建Web服務(wù)器；Express創(chuàng)建Web服務(wù)器的兩種方法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
二分查找在我們學(xué)習(xí)算法中是很重要的一部分，而且面試的時(shí)候會(huì)經(jīng)常的讓我們手寫(xiě)一些算法。所以這篇文章將通過(guò)三個(gè)場(chǎng)景帶大家深入了解二分查找算法2023-03-03