欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

果斷收藏9個Javascript代碼高亮腳本

 更新時間:2016年01月06日 08:29:35   作者:jerrylsxu  
這篇文章主要為大家分享了9個實用的Javascript代碼高亮腳本,相信一定對大家的學習有所幫助,感興趣的小伙伴們可以參考一下

代碼高亮很有用,特別是在需要在網(wǎng)站或者blog中顯示自己編寫的代碼的時候,或者給其他人查看或調(diào)試語法錯誤的時候。我們可以將代碼高亮,以便閱讀者可以十分方便的讀取代碼塊,增加用戶閱讀代碼的良好體驗。

目前,有很多免費而且有用的代碼高亮腳本。這些腳本大多是由Javascript語言編寫,也有些使用其它語言(比如java、Phyton或Ruby)等寫的。

下面來推薦最受歡迎、最實用的9個Javascript代碼高亮腳本。

1.SyntaxHighlighter

我相信這是最普遍代碼高亮代碼。它支持多種不同的語言,而且如果你使用的語言不被默認支持,你也可以很簡單的創(chuàng)建新“刷子”。

2.SHJS

SHJS是Syntax Highlighting in Javascript的簡寫。It 來自于GNU 源碼高亮語言。并支持很多種編程語言。經(jīng)測試SHJS 支持主流瀏覽器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

3.beautyOfCode

beautyOfCode 是一款jQuery 代碼高亮插件。它使用SyntaxHighlighter 的腳本,并使其更好的兼容XHTML。

4.Chili

Chili 是一個jQuery代碼高亮插件。它捆綁了很多種語言支持,并支持多個設置選項。

5.Lighter.js

Lighter.js是一款免費的MooTools代碼高亮插件。使用lighter.js簡單到只需要在你的頁面中添加一段簡單的腳本就OK了。

6.Highlight.js

highlight.js是一款非常容易使用的高亮腳本,支持多種編程語言。它還有一些很有用的插件,很容易的部署到其它CMS、論壇或博客。

7.DlHighlight

DlHighlight是一款簡單的代碼高亮腳本,它只支持4種編程語言:JavaScript, CSS, XML, HTML.

8.Google Code Prettify

Google Code Prettify 有一個JavaScript模型和CSS文件,支持HTML頁面中的語法高亮。

9.JUSH

JUSH是另一個jQuery語法高亮插件,支持多種編程語言,比如: HTML、CSS、 PHP、PY 和 SQL.

總之,收藏幾款代碼高亮的腳本對于做開發(fā)的朋友是一個明智的選擇,希望大家喜歡。

相關文章

  • javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法詳解)

    javascript操作table(insertRow,deleteRow,insertCell,deleteCell方

    本篇文章主要介紹了javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法)需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • 使用TypeScript?V8來改進您的JavaScript代碼

    使用TypeScript?V8來改進您的JavaScript代碼

    TypeScript?V8是一個強大的JavaScript類型系統(tǒng),它可以幫助你發(fā)現(xiàn)JavaScript代碼中的錯誤和潛在問題,并在編譯時捕獲它們,以便您可以解決它們,TypeScript?V8為JavaScript提供一系列的類型注釋,包括自定義類型和其他高級功能
    2023-08-08
  • JS下載文件|無刷新下載文件示例代碼

    JS下載文件|無刷新下載文件示例代碼

    JS下載文件的實現(xiàn)在網(wǎng)上可以找到很多教程,不過本文為大家介紹的是無刷新下載文件,貌似更酷一點是吧
    2014-04-04
  • JS前端攻堅淺析instanceof實現(xiàn)原理

    JS前端攻堅淺析instanceof實現(xiàn)原理

    這篇文章主要為大家介紹了JS前端攻堅淺析instanceof實現(xiàn)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • 原生JS實現(xiàn)左右箭頭選擇日期實例代碼

    原生JS實現(xiàn)左右箭頭選擇日期實例代碼

    原生JS 左右箭頭選擇日期,就是用左右尖括號可改變中間日期的值,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下
    2017-03-03
  • JavaScript對象之深度克隆介紹

    JavaScript對象之深度克隆介紹

    這篇文章主要介紹了JavaScript對象之深度克隆介紹,本文詳細的講解了什么是對象深度克隆,并給出了示例代碼,需要的朋友可以參考下
    2014-12-12
  • Javascript 自適應高度的Tab選項卡

    Javascript 自適應高度的Tab選項卡

    選項卡的原理其實比較簡單,就是設置2種狀態(tài),選中和未選中的2中不同CSS狀態(tài),因此也有直接不用JS之用css就能實現(xiàn)的效果
    2011-04-04
  • js圖片放大鏡效果實現(xiàn)方法詳解

    js圖片放大鏡效果實現(xiàn)方法詳解

    這篇文章主要為大家詳細介紹了js圖片放大鏡效果的實現(xiàn)方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • Express與NodeJs創(chuàng)建服務器的兩種方法

    Express與NodeJs創(chuàng)建服務器的兩種方法

    本文主要介紹了NodeJs創(chuàng)建Web服務器;Express創(chuàng)建Web服務器的兩種方法,具有一定的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JavaScript中二分查找的例題詳解

    JavaScript中二分查找的例題詳解

    二分查找在我們學習算法中是很重要的一部分,而且面試的時候會經(jīng)常的讓我們手寫一些算法。所以這篇文章將通過三個場景帶大家深入了解二分查找算法
    2023-03-03

最新評論