dp.SyntaxHighlighter这几天在改版blog模版,为了给这个技术blog增加个代码语法高亮功能,扒了不少地方,终于选定了
dp.SyntaxHighlighter,这东西yahoo都在用它,支持多种语言。
只需要将代码放到<textarea>标签内,它就可以自动根据class指定的语言来对textarea内容进行着色,还提供了行号、打印等功能。如:
可以说是我目前所见最强大的一款js实现的语法高亮产品了。
不过存在个问题,在blogger.com编辑框里面无法使用<textarea>标签,所以我后来又写了段js代码,用来将<pre>转换成<textarea>。当然,绝大多数情况下,这点不成为问题。
Javascript code prettifier
这个东东是今天才在网上发现的,googlecode出品。它支持的语言也不少,功能也不错(当然,相比dp来说,还是弱了不少的),不过没有行号功能挺遗憾的。另外就是它用的是<pre>和<code>标签,看了下它的sample,里面是用id来区分代码语言的,这个貌似不是很好吧。
如:
// code here...
Chili鉴于本人对于jQuery的喜爱,对于这个以jQuery插件模式实现的代码高亮工具本人也给于不错的评价,实现方式及效果都要好于prettyprint,当然,与dp相比还是有着不小的差距,谁叫丫是最强呢。地址看
这儿。
示例:
copy all
alert( "Hello World!" );
分享到:
相关推荐
Google语法高亮JavaScript脚本源码,包含示例和Wiki的教程文档。 Google语法高亮JavaScript脚本源码,包含示例和Wiki的教程文档。
利用html高亮javascript语法
JS实现的代码语法高亮检测工具 支持C/C++、C#、CSS、Delphi/Kylix、Pascal、Java、Vb/Vb.net、J(ava)Script、ActionScript、Php、Python、Ruby/Rails、Perl、Assembly、批处理、UNIX Shell、AWK、Sql、xml/xhtml20...
与EditPlus软件配合,对javascript代码进行语法高亮显示
styled-components的语法高亮实现
默认可能已经有九个配置:/L1"C/C++"表示c的高亮,最后/L9"JavaScript"是JavaScript的高亮配置。 现在我们添加其他文件类型的查看方式,添加 Makefile 的查看方式 打开这个文件UltraEdit\WORDFILE.uew,可以...
下面介绍的是一些纯javascript实现的语法高亮插件。 英文原文:http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/ 1. SyntaxHighlighter我相信这个插件是我们使用多的,它支持超多的...
WPF4上使用的语法高亮文本编辑器。从SharpDevelopment里面提取出来的。本人修改过源代码,使控件支持MySql语法。控件原生支持的语法有:ASP.NET,Boo, Coco/R grammars, C++, C#, HTML, Java, JavaScript, Patch ...
JavaScript语法高亮器1.1版
highlight-syntax在HTML中高亮显示源代码语法
JavaScript 语法高亮插件 带后端脚本语言耦合Demo 这是一个开源的JS图像库 用于将各种代码进行自动语法检查和高亮显示
该脚本允许开发人员创建支持语法高亮的输入框。然后你可以代码嵌入到网站中的任何地方 下载库 首先我们需要Github上下载ACE代码。 下载完成后解压缩,在你的header部分引入js文件 代码如下: <script src=”src-...
微信小程序开发助手 for VSCode,代码提示 语法高亮
CodePress是一款在线的实时代码编辑器,支持语法高亮,目前支持ASP, CSharp, CSS, HTML, Java, JavaScript, Perl, PHP, Ruby, SQL and VBScript 等语言。支持自动完成,代码段输入等功能。
一个小的Web应用,可以帮助你复制 粘贴语法高亮显示的代码到幻灯片
jQuery.Syntax 是一个超级快和轻量级的语法着色器,可动态加载语法源文件并通过css对代码进行格式化显示,提供 DokuWiki 和 WordPress 的插件。
src2png将您的源代码变成漂亮带语法高亮显示的图片
超过 120 种语言的语法高亮显示(可以导入TextMate/Sublime/ .tmlanguage文件) 超过 20 个主题(可以导入TextMate/Sublime/ .tmtheme文件) 自动缩进和升级 一个可选的命令行 处理巨大的文档(最后检查,4,000,000 ...
科科多命令、html、javascript、css 的语法高亮。用法 <!-- colocodo default theme -->< link rel =" stylesheet " href =" colocodo.css " ><!-- colocodo js module exports global namespace of ...
1 自定义语法高亮,支持HTML, XML, CSS, JavaScript, VBScript, ASP, PHP, CSS, Perl/CGI,C/C++, C#, Java, VB, Pascal, Assembler, SQL, Python, NSIS,INI, REG, INF, BAT, DIFF等众多文件 2 支持ANSI,...