基于 dp.SyntaxHighlighter 写的代码着色工具(增加了对 Groovy 的支持)

本程序是基于 dp.SyntaxHighlighter 写的代码语法着色的工具。支持的语言有
java/xml/sql/jscript/groovy/css/cpp/c#/python/vb/perl/php/ruby/delphi。

可方便用于你的博客中粘贴代码,只要自定相应的样式 (highlight.css 的内容,.Text 支持自定义样式或在模板里加上语法样式),然后复制用这个工具生成的 HTML 代码就能让你的代码着高亮显示。

可以加入更多语种的支持,本程序就是在 dp.SyntaxHighlighter 的基础上扩展了对 Perl 语言的支持,网上可以找到相应语法的 JS 代码和 CSS。语言扩展支持通过在 shCore.js 和 highlight.css 加入相应代码即可。

程序截图如下 

CodeRender1.JPG 

操作很容易,Source Code 中贴上你要着色的代码,然后选择语种,点击 Render 按钮就会在 HTML Code 中生成相应的 HTML 代码,同时在 HTML Preview 中可以预览到效果。

简要说明:Lang 下拉框可以选择所支持的语法,Options 右边的 Gutter、Controls、CollapseAll、FirstLine、Columns 是控制生成的额外的元素,逐一点试试就知道了。每个内容显示(输入)区都提供了 Copy/Paste/Clear 快捷操作链接,还有一个总的 Clear 按钮。

生成 HTML 代码后就可以 Copy 到你的 HTML 文件,记得为你的 HTML 文件中引入下面这个样式表文件

<link href="highlight.css" rel="Stylesheet" type="text/css"/>

就能在你的网页里重现程序界面预览里的效果

代码下载:CodeRender(Unmi)(Groovy).rar

本程序参考自 dp.SyntaxHighlighter http://code.google.com/p/syntaxhighlighter/
灵感来自 JavaEye 对 dp.SyntaxHighlighter 的灵活应用

CodeRender 作者:Unmi (隔叶黄莺) ,只作了一下包装而已。
              博客:http://unmi.blogjava.net/

Monday, September 01, 2008

类别: Groovy. 标签: , . 阅读(355). 订阅评论. TrackBack.

Leave a Reply

11 Comments on "基于 dp.SyntaxHighlighter 写的代码着色工具(增加了对 Groovy 的支持)"

avatar
trackback

[...] 用过插件syntaxhighlighter,但是用WLW写日志的话貌似还要下个WLW的插件,而且最主要是插件加载了大量JS和CSS,实在不值得这么麻烦,最后还是用CodeRenderUnmi这个软件,他其实就是在要高亮的地方加入一些标签,生成HTML 代码,并通过自定相应的样式显示出来。我直接把highlight.css加进主题: [...]

Bill
Guest
Bill

@隔叶黄莺

太笨了,呵呵,不过终于研究明白了,谢谢!

隔叶黄莺
Guest

@Bill

你看看的某篇日志的源文件,研究一下就能发现怎么实现的。

Bill
Guest
Bill

不过您是如何实现的?用哪种方法?

Bill
Guest
Bill

@隔叶黄莺

谢谢!

隔叶黄莺
Guest

两个方法

1. 把这个 css 里的代码写在自定义 css 里

2. 把 highlight.css 扩展名改为 zip 或 rar,上传到你的博客上,然后 link 指向这个文件

在 blogjava 上比较方便,别的博客空间你得费点脑子了。

Bill
Guest
Bill

这个我理解,关键的是我不知道如何把这个文件上传到博客里,呵呵!

隔叶黄莺
Guest

href="highlight.css"

这是一个相对路径,理解相对路径和绝对路径就知道了,这里也就是要把 highlight.css 放在 HTML 文件所在目录

Bill
Guest
Bill

呵呵,问的问题太稚嫩了,楼主不给回复了!

Bill
Guest
Bill

“生成 HTML 代码后就可以 Copy 到你的 HTML 文件,记得为你的 HTML 文件中引入下面这个样式表文件

<link href="highlight.css" rel="Stylesheet" type="text/css"/>

就能在你的网页里重现程序界面预览里的效果”

这个highlight.css样式文件放在哪里?或者是如何给准备的?

山风小子
Guest

“增加了对 Groovy 的支持”
感谢您对Groovy所做的贡献 :)

寻道者
Guest

不错啊。

wpDiscuz