果断收藏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 最简单的属性菜单
Oct 08 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
jQuery拖拽 & 弹出层 介绍与示例
Dec 27 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
Javascript动画效果(1)
Oct 11 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
深入理解Javascript中的作用域链和闭包
Apr 25 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 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
递归列出所有文件和目录
2006/10/09 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
PHP获取页面执行时间的方法(推荐)
2016/12/10 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
浅析JS运动
2015/12/28 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
JS实现简单的右下角弹出提示窗口完整实例
2016/06/21 Javascript
JS实现n秒后自动跳转的两种方法
2020/11/30 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
2019/01/27 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
Python 抓取动态网页内容方案详解
2014/12/25 Python
python搜索指定目录的方法
2015/04/29 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
python设计tcp数据包协议类的例子
2019/07/23 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
使用Html5 Stream开发实时监控系统
2020/06/02 HTML / CSS
手机配件第一品牌:ZAGG
2017/05/28 全球购物
巴西购物网站:Estrela10
2018/12/13 全球购物
2014年度思想工作总结
2014/11/27 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
工作简报格式范文
2015/07/21 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
利用 JavaScript 构建命令行应用
2021/11/17 Javascript