jQuery语法高亮插件支持各种程序源代码语法着色加亮_jquery

1) highlightjs

Highlight.js能够对页面中的各种程序源代码语法着色加亮。支持的语言包括:

•Python
•Ruby
•Perl
•PHP
•XML
•HTML
•CSS
•Django
•Javascript
•VBScript
•Delphi
•Java
•C++
•RenderMan (RSL and RIB)
•SQL
•SmallTalk
•Axapta
•1C
•Ini
•Diff
•DOS .bat
•Bash

2) google-code-prettify

Google Code Prettify是一个JavaScript库,用来对各种页面上的源码进行语法着色高亮显示。Google Code Prettify很小巧,解压后也只有85K的大小。支持大部分常用的语言。不需要指定语言。

3) SyntaxHighlighter

SyntaxHighlighter,是一款用于web页面的代码着色工具,可以用来着色多种语言,可以是 HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被 goolge收编。

它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言:C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML。

4) Chili – jQuery Plugin

Chili是jQuery代码高亮插件。

5) pygments

Pygments是一个实现的格式化高亮代码的Python库。包含四个模块:

  1. lexer - 将代码解析成token流,每个一token都包含两个属性,一个是当前token的类型,一个是当前token的值。Pygments支持的语言很多,具体可以参考附录A。
  2. filters - 通过lexer解析出来的token流送入filter,可以根据条件修改某些token的属性或者值。
  3. formatter - token流最终输出是根据formater的定义,输出成实现定义好的格式,例如HTML, LaTex或者RTF。
  4. style - 定义了输出的风格,例如不同类型的token按照不同的颜色显示,或者是否粗体。

6) ultraviolet

Ultraviolet是一个基于Textpow的语法高亮引擎、Ultraviolet同时也是一个独立的命令行实用程序和Ruby库。

7) GESHi

GeSHi(Generic Syntax Highlighter)用于在HTML页面中高亮显示各种源代码。支持超过60种语言:PHP、HTML、C、Java、Java5、C#、 Actionscript、Delphi、C++、Groovy、Javascript、Perl、PL/SQL、Ruby、Python、SQL、 XML等,并易于集成到Dokuwiki,Mambo,phpBB,WordPress和WikkaWiki等系统中使用。

8) snippet

Snippet是一个很酷的jQuery语法高亮插件,基于SHJS脚本,你可以在SourceForge上找到源码。Snippet提供了简单而且快捷的方法,可以方便的为你带来高亮语法的提示.可以在IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62中运行.

时间: 2024-11-02 06:32:21

jQuery语法高亮插件支持各种程序源代码语法着色加亮_jquery的相关文章

9个javascript语法高亮插件 推荐_javascript技巧

下面介绍的是一些纯javascript实现的语法高亮插件. 英文原文:http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/ 1. SyntaxHighlighter我相信这个插件是我们使用多的,它支持超多的语言,如果遇到不支持的语法还支持自定义. 2. SHJSSHJS 是js语法高亮插件的代表,它支持很多编程语言,兼容Firefox 2 &3, IE 6 & 7, Opera 9.6,

10款jQuery文本高亮插件

[编者按]本文作者为 Julian Motz,主要介绍十款 jQuery 文本高亮插件的现状.文章系国内 ITOM 管理平台 OneAPM 编译呈现. 很多应用或网站都为用户提供搜索关键词的方法.为了加快这一过程,提供良好的用户体验,帮助用户准确地查找到他们搜索的内容,你可以在页面中动态高亮这些搜索关键字. 这里有10款jQuery文本高亮插件,可以实现这一功能. 1. mark.js 这是用于搜索术语或自定义正则表达式的关键字高亮插件,使用ES6语言编写,基于几十个跨浏览器的单元测试,以及代码

highlight v3.4发布 程序源代码语法着色加亮

Highlight.js能够对页面中的各种程序源代码语法着色加亮.支持的语言包括:Python.http://www.aliyun.com/zixun/aggregation/13430.html">Ruby.Perl.PHP.XML.HTML.CSS.Django.Javascript.VBScript.Delphi.Java.C++.RenderMan (RSL and RIB).SQL.SmallTalk.Axapta.1C.Ini.Diff.DOS .bat.Bash. Highl

WLW(windows live writer) 语法高亮插件

本人也在各种地方找过很多语法高亮的插件,要满足我的基本需求,能支持如下几种语法高亮: JavaScript Java SQL XML CSS 可惜一直没找到自己满意的插件,总是有各种各样的问题,特别是有些插件名字叫语法高亮,根本就不能高亮,只有个缩进排版什么的,浪费过很多时间. CodeSnippet是我目前为止感觉最好的,对很多语法都有支持.其次还有很多效果,比如使用容器,隔行换色,显示行号等. 没有对xml的直接支持.不过用HTML就行了: <session-factory> <!-

JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】[原创]_javascript技巧

本文实例讲述了JavaScript语法高亮库highlight.js用法.分享给大家供大家参考,具体如下: highlight.js是一款基于JavaScript的语法高亮库,目前支持125种编程语言,有63种可供选择的样式,而且能够做到语言自动识别,和目前主流的JS框架都能兼容,可以混合使用. 这款高亮库可以用在博客系统中,其使用方法及其简单,几乎不需要任何学习成本,下面介绍highlight.js的使用. 1.获取highlight.js库,用户可以从官网获取: 地址:https://hig

10 个 WordPress 的代码语法高亮插件

1. Developer Formatter 该插件使用 GeSHi 高亮引擎,支持超过110种语言,包括 PHP, ASP, Html, JavaScript, CSS, Java, Python, Delphi, C++, C, Visual Basic 等 2. WordPress Plugin – FV Code Highlighter FV Code Highlighter 可高亮显示 PHP, HTML, CSS and XML 代码 3. File Inliner 4. CodeC

jQuery插件支持同一页面被多次调用_jquery

更新 1.2版本 删除回调函数的控制台输出调试,因为在IE6下没有控制台会造成插件出错, 完成build功能. 提示信息按钮支持多个,此版本为最新的稳定版. 近期将会提供更加详细的data书写格式说明,build时html格式说明,详细的options参数说明.补充内容类型的切换展示案例. Introduction: jquery imageShown 插件可以完成多种形式的内容轮显切换, 所有我提供的Demo中虽然都是导航带动的轮显图片,但是它还能完成内容的切换,即可以完成Tab功能,单纯的图

SyntaxHighlighter语法高亮插件使用说明_javascript技巧

javascript语法高亮 复制代码 代码如下: (function(){ var el=document.getElementById("img"); var doc=document.documentElement,docBody=document.body; var oldY=(doc.scrollTop || docBody.scrollTop)+(doc.clientHeight/2 || docBody.clientHeight/2); (function(){ var

jQuery的Scrollify插件实现滑动到页面下一节点_jquery

有时我们需要做一个单页面介绍产品特性,而单页面内容非常多且页面非常长,为了快速定位到产品特性节点,我们使用js侦听用户滚轮事件,当用户触发滚轮滑动或者使用手势触屏滑动时,即可定位到相应的节点.一款jQuery插件叫Scrollify帮我们做到了. Scrollify需要jQuery 1.6+以及缓冲动画easing插件配合来实现.HTML基本结构如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8&