果断收藏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 AJAX回调函数this指向问题
Feb 08 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
node.js中的fs.closeSync方法使用说明
Dec 17 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
JSX在render函数中的应用详解
Sep 04 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 23 Javascript
js闭包和垃圾回收机制示例详解
Mar 01 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使用iconv中文截断问题的解决方法
2015/02/11 PHP
PHP生成指定随机字符串的简单实现方法
2015/04/01 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
json简单介绍
2008/06/10 Javascript
Extjs学习笔记之八 继承和事件基础
2010/01/08 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
2014/01/09 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
Vue中使用 setTimeout() setInterval()函数的问题
2018/09/13 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
vue模式history下在iis中配置流程
2019/04/17 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
假日旅行社实习自我鉴定
2013/09/24 职场文书
上级检查欢迎词
2014/01/18 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
排查MySQL生产环境索引没有效果
2022/04/11 MySQL