果断收藏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中输入验证中一个不错的效果
Aug 21 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
Mar 31 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
JavaScript面试题大全(推荐)
Sep 22 Javascript
javascript 作用于作用域链的详解
Sep 27 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
node thread.sleep实现示例
Jun 20 Javascript
微信小程序自定义toast弹窗效果的实现代码
Nov 15 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
在PHP的图形函数中显示汉字
2006/10/09 PHP
PHP 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
php实现的http请求封装示例
2016/11/08 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
几个javascript操作word的参考代码
2009/10/26 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
python实现网页链接提取的方法分享
2014/02/25 Python
python实现简单ftp客户端的方法
2015/06/28 Python
python Django模板的使用方法
2016/01/14 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
运行django项目指定IP和端口的方法
2018/05/14 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
python实现登录与注册系统
2020/11/30 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
表扬信格式
2014/01/12 职场文书
高一生物教学反思
2014/01/17 职场文书
建筑安全责任书范本
2014/07/24 职场文书
关于工作经历的证明书
2014/10/11 职场文书
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android