基于 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

本文链接 https://yanbin.blog/dp-syntaxhighlighter-groovy-support/, 来自 隔叶黄莺 Yanbin Blog

[版权声明] Creative Commons License 本文采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。

Subscribe
Notify of
guest

12 Comments
Inline Feedbacks
View all comments
trackback

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

寻道者
16 years ago

不错啊。

山风小子
16 years ago

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

Bill
Bill
15 years ago

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

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

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

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

Bill
Bill
15 years ago

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

隔叶黄莺
15 years ago

href="highlight.css"

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

Bill
Bill
15 years ago

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

隔叶黄莺
15 years ago

两个方法

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

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

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

Bill
Bill
15 years ago

@隔叶黄莺

谢谢!

Bill
Bill
15 years ago

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

隔叶黄莺
15 years ago

@Bill

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

Bill
Bill
15 years ago

@隔叶黄莺

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