果断收藏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 相关文章推荐
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 Javascript
js中typeof的用法汇总
Dec 12 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
Nov 26 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
使用webpack搭建vue项目及注意事项
Jun 10 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 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
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
深入解析php中的foreach函数
2013/08/31 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
php for 循环使用的简单实例
2016/06/02 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
document.documentElement && document.documentElement.scrollTop
2007/12/01 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
2015/03/02 Javascript
js中this用法实例详解
2015/05/05 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
2019/06/13 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
Python动态加载模块的3种方法
2014/11/22 Python
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
举例详解Python中yield生成器的用法
2015/08/05 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
python数据结构链表之单向链表(实例讲解)
2017/07/25 Python
Python爬虫实例扒取2345天气预报
2018/03/04 Python
python 日期排序的实例代码
2019/07/11 Python
django框架auth模块用法实例详解
2019/12/10 Python
jupyternotebook 撤销删除的操作方式
2020/04/17 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
css3实现平移效果(transfrom:translate)的示例
2020/11/13 HTML / CSS
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
4s店总经理岗位职责
2013/12/31 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
就业推荐表院系意见
2015/06/05 职场文书
高中生军训感言
2015/08/01 职场文书
python中print格式化输出的问题
2021/04/16 Python