果断收藏9个Javascript代码高亮脚本

 更新时间:2016年01月06日 08:29:35   作者:jerrylsxu  
这篇文章主要为大家分享了9个实用的Javascript代码高亮脚本,相信一定对大家的学习有所帮助,感兴趣的小伙伴们可以参考一下

代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验。

目前,有很多免费而且有用的代码高亮脚本。这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的。

下面来推荐最受欢迎、最实用的9个Javascript代码高亮脚本。

1.SyntaxHighlighter

我相信这是最普遍代码高亮代码。它支持多种不同的语言,而且如果你使用的语言不被默认支持,你也可以很简单的创建新“刷子”。

2.SHJS

SHJS是Syntax Highlighting in Javascript的简写。It 来自于GNU 源码高亮语言。并支持很多种编程语言。经测试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.

总之,收藏几款代码高亮的脚本对于做开发的朋友是一个明智的选择,希望大家喜欢。

相关文章

  • 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类型系统,它可以帮助你发现JavaScript代码中的错误和潜在问题,并在编译时捕获它们,以便您可以解决它们,TypeScript V8为JavaScript提供一系列的类型注释,包括自定义类型和其他高级功能
    2023-08-08
  • JS下载文件|无刷新下载文件示例代码

    JS下载文件|无刷新下载文件示例代码

    JS下载文件的实现在网上可以找到很多教程,不过本文为大家介绍的是无刷新下载文件,貌似更酷一点是吧
    2014-04-04
  • JS前端攻坚浅析instanceof实现原理

    JS前端攻坚浅析instanceof实现原理

    这篇文章主要为大家介绍了JS前端攻坚浅析instanceof实现原理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • 原生JS实现左右箭头选择日期实例代码

    原生JS实现左右箭头选择日期实例代码

    原生JS 左右箭头选择日期,就是用左右尖括号可改变中间日期的值,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-03-03
  • JavaScript对象之深度克隆介绍

    JavaScript对象之深度克隆介绍

    这篇文章主要介绍了JavaScript对象之深度克隆介绍,本文详细的讲解了什么是对象深度克隆,并给出了示例代码,需要的朋友可以参考下
    2014-12-12
  • Javascript 自适应高度的Tab选项卡

    Javascript 自适应高度的Tab选项卡

    选项卡的原理其实比较简单,就是设置2种状态,选中和未选中的2中不同CSS状态,因此也有直接不用JS之用css就能实现的效果
    2011-04-04
  • js图片放大镜效果实现方法详解

    js图片放大镜效果实现方法详解

    这篇文章主要为大家详细介绍了js图片放大镜效果的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Express与NodeJs创建服务器的两种方法

    Express与NodeJs创建服务器的两种方法

    本文主要介绍了NodeJs创建Web服务器;Express创建Web服务器的两种方法,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript中二分查找的例题详解

    JavaScript中二分查找的例题详解

    二分查找在我们学习算法中是很重要的一部分,而且面试的时候会经常的让我们手写一些算法。所以这篇文章将通过三个场景带大家深入了解二分查找算法
    2023-03-03

最新评论