果断收藏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 相关文章推荐
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
May 05 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
详细分析Node.js 多进程
Jun 22 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 17 Javascript
基于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+DBM的同学录程序(1)
2006/10/09 PHP
第二节--PHP5 的对象模型
2006/11/16 PHP
php数组总结篇(一)
2008/09/30 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
老生常谈PHP位运算的用途
2017/03/12 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
浅谈laravel框架sql中groupBy之后排序的问题
2019/10/17 PHP
jQuery 前的按键判断代码
2010/03/19 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
2019/09/10 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
理解JavaScript中的对象
2020/08/25 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python通过socket查询whois的方法
2015/07/18 Python
Python中将字典转换为列表的方法
2016/09/21 Python
python中正则的使用指南
2016/12/04 Python
python将unicode转为str的方法
2017/06/21 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
python归并排序算法过程实例讲解
2020/11/04 Python
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
以下的初始化有什么区别
2013/12/16 面试题
借款协议书范本
2014/04/22 职场文书
代领毕业证委托书
2014/08/02 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android
PO模式在selenium自动化测试框架的优势
2022/03/20 Python