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


Posted in Javascript onJanuary 06, 2016

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

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

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

1.SyntaxHighlighter

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

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

2.SHJS

SHJS是Syntax Highlighting in Javascript的简写。It 来自于GNU 源码高亮语言。并支持很多种编程语言。经测试SHJS 支持主流浏览器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

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

3.beautyOfCode

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

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

4.Chili

Chili 是一个jQuery代码高亮插件。它捆绑了很多种语言支持,并支持多个设置选项。

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

5.Lighter.js

Lighter.js是一款免费的MooTools代码高亮插件。使用lighter.js简单到只需要在你的页面中添加一段简单的脚本就OK了。

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

6.Highlight.js

highlight.js是一款非常容易使用的高亮脚本,支持多种编程语言。它还有一些很有用的插件,很容易的部署到其它CMS、论坛或博客。

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

7.DlHighlight

DlHighlight是一款简单的代码高亮脚本,它只支持4种编程语言:JavaScript, CSS, XML, HTML.

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

8.Google Code Prettify

Google Code Prettify 有一个JavaScript模型和CSS文件,支持HTML页面中的语法高亮。

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

9.JUSH

JUSH是另一个jQuery语法高亮插件,支持多种编程语言,比如: HTML、CSS、 PHP、PY 和 SQL.

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

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

Javascript 相关文章推荐
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
Apr 26 Javascript
学习javascript面向对象 理解javascript原型和原型链
Jan 04 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
angular双向绑定模拟探索
Dec 26 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 Javascript
解决vue无法侦听数组及对象属性的变化问题
Jul 17 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 #Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 #Javascript
javascript实现简单的全选和反选功能
Jan 05 #Javascript
Javascript原型链的原理详解
Jan 05 #Javascript
深入浅析JavaScript系列(13):This? Yes,this!
Jan 05 #Javascript
基于javascript实现图片懒加载
Jan 05 #Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 #Javascript
You might like
PHP 配置文件中open_basedir选项作用
2009/07/19 PHP
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
nodejs npm包管理的配置方法及常用命令介绍
2014/06/05 NodeJs
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
nodejs连接mysql数据库简单封装示例-mysql模块
2017/04/10 NodeJs
vue快捷键与基础指令详解
2017/06/01 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
python简单实现基数排序算法
2015/05/16 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Python任务调度利器之APScheduler详解
2020/04/02 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
P D PAOLA法国官网:西班牙著名的珠宝首饰品牌
2020/02/15 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
英语专业毕业生自荐信范文
2013/12/31 职场文书
领导干部保密承诺书
2014/08/30 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
保送生自荐信
2015/03/06 职场文书
高中运动会前导词
2015/07/20 职场文书
汽车销售员工作总结
2015/08/12 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
HttpClient实现文件上传功能
2022/08/14 Java/Android