果断收藏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 相关文章推荐
javascript中函数作为参数调用的方法
Feb 09 Javascript
jQuery插件bxSlider实现响应式焦点图
Apr 12 Javascript
JavaScript实现瀑布流布局
Jun 28 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
Dec 16 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
js实现百度登录框鼠标拖拽效果
Mar 07 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
Nov 05 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的配置文件php.ini
2006/10/09 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
使用dump函数,给php加断点测试
2013/06/25 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
2016/12/02 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
JS操作input标签属性checkbox全选的实现代码
2017/03/02 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示
2018/05/25 DOTA
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
Zabbix实现微信报警功能
2016/10/09 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
淮阳太昊陵导游词
2015/02/10 职场文书
物业接待员岗位职责
2015/04/15 职场文书
python中os.path.join()函数实例用法
2021/05/26 Python
python数据可视化JupyterLab实用扩展程序Mito
2021/11/20 Python