隔叶黄莺 The Blog of Unmi

〖隔叶黄莺三四声,挂壁飞瀑千万尘。若是人间无净土,此处为何妙语真! 隔叶黄莺四字,本非取自此句,而有寄寓他意,因见妙语,亦与予心合!〗

BlogJava 首页 新随笔 联系 聚合 管理
  380 Posts :: 106 Stories :: 1181 Comments :: 0 Trackbacks

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

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

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

程序截图如下

CodeRender.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"/>

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

代码下载:http://www.blogjava.net/Files/Unmi/CodeRender(Unmi).rar

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

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

Saturday, May 03, 2008




[版权声明]
本站内文章,如未特别注明,均系原创或翻译之作,本人 Unmi 保留一切权利。本站原创及译作未经本人许可,不得用于商业用途及传统媒体。网络媒体可随意转载,或以此为基础进行演译,但务必以链接形式注明原始出处和作者信息,否则属于侵权行为。另对本站转载他处文章,俱有说明,如有侵权请联系本人,本人将会在第一时间删除侵权文章。及此说明,重之之重。
posted on 2008-05-03 17:39 隔叶黄莺 阅读(1335) 评论(8)  编辑  收藏 所属分类: JS/AJAX

Feedback

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-03 22:08 Edward's
在blog中怎么使用?  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-04 00:30 隔叶黄莺
不妨看看这篇日志的评论
http://www.blogjava.net/Unmi/archive/2008/02/27/182342.html#182466
应该就能看出点名堂来。  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-04 14:53 三人行,必有我师焉
有什么工具可以把Java文件自动转为着色好的html代码?就像java2html,不过要PHP版的  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-04 15:58 Unmi
可以改造这个啊,javascript 用 fso(File System Object) 来写文件就行了。  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-04 16:12 Edward's
@隔叶黄莺
搞定  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-04 16:37 隔叶黄莺
不错,那样看起来比 blogjava 的代码清爽多了吧。  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-05-05 23:07 Edward's
爽多了,发现好多blog多能这样用  回复  更多评论
  

# re: 基于 dp.SyntaxHighlighter 写的代码语法着色工具 2008-08-23 09:40 Bob-wei
这回写百度博客爽多了。谢谢~~  回复  更多评论
  



标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-05-03 17:52 编辑过