果断收藏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操作方法集合
Oct 31 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
jqTransform form表单美化插件使用方法
Jul 05 Javascript
JavaScript使用cookie记录临时访客信息的方法
Apr 07 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
javascript中闭包概念与用法深入理解
Dec 15 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
JS实现字符串去重及数组去重的方法示例
Apr 21 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
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
Sony CFR 320 修复改造
2020/03/14 无线电
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
《javascript少儿编程》location术语总结
2018/05/27 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
利用Python演示数型数据结构的教程
2015/04/03 Python
Python3利用print输出带颜色的彩色字体示例代码
2019/04/08 Python
python 列表推导式使用详解
2019/08/29 Python
使用python写一个自动浏览文章的脚本实例
2019/12/05 Python
python通过移动端访问查看电脑界面
2020/01/06 Python
Python 在函数上添加包装器
2020/07/28 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
英国手机零售商:Metrofone
2019/03/18 全球购物
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
优秀交警事迹材料
2014/01/26 职场文书
入学申请自荐信范文
2014/02/26 职场文书
出纳员岗位职责
2014/03/13 职场文书
房屋转让协议书范本
2014/04/11 职场文书
《李广射虎》教学反思
2014/04/27 职场文书
小学六一主持词开场白
2015/05/28 职场文书
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android