用脚本格式化博客园上文章中的示例代码 (续二)
2007-10-06 23:38
429 查看
在博客上写文章,粘贴代码的时候如何格式化好,是我经常碰到的一个问题。用博客园提供的那些格式化工具倒也很方便,不过要做些更改的话就比较麻烦。而且像我这样比较喜欢直接编辑 HTML 的不是很喜欢使用这些工具。因为要使用这些工具,必须换到可视化编辑状态。而再换回到 HTML 状态的时候,原来格式化好的 HTML 可能就被编辑器给弄得乱七八糟了 :(所以我就打算用 javascript 写一个格式化代码的工具。
现在总算把这个格式化代码的小工具做的差不多了!修正了以前的几个bug,也添加了一些新的功能。另外,我也把这个脚本放到一个类库的工程里面,写成了一个控件;这样大家也可以直接在后台代码里面操作了。
这是现在最新的文件:
http://files.cnblogs.com/Kellin/CodeFormatter.js
http://files.cnblogs.com/Kellin/CodeFormatter.rar
现阶段这个格式化工具的主要功能包括:
添加行号
为一些指定的语言类型高亮关键字、字符串以及注释等。这些语言包括 C#、C/C++、JavaScript、Java。 HTML、XML和一般的编程语言的高亮模式不太一样,这里我还没有实现
大家可以访问这个页面看看当前的效果:/article/7015158.html。
要使用这个小东东,有两种方法。一是直接引用 CodeFormatter.js 这个脚本文件:
将要格式化的代码放在一个 PRE 元素里面,并添加一个 SourceCode 的属性(指定代码的语言类型)。注意:需要将 PRE 元素代码中的一些特殊字符转换一下(将 & 换成 & 等,或者使用 HttpUtility.HtmlEncode(str) 方法)。如:
在你的博客中添加下面这段 javascript 语句:
二是使用编译好的类库中的 Kellin.Web.UI.WebControls.CodeFormatter 控件。大家可以从这里下载这个类库工程:http://files.cnblogs.com/Kellin/CodeFormatter.rar。
现在总算把这个格式化代码的小工具做的差不多了!修正了以前的几个bug,也添加了一些新的功能。另外,我也把这个脚本放到一个类库的工程里面,写成了一个控件;这样大家也可以直接在后台代码里面操作了。
这是现在最新的文件:
http://files.cnblogs.com/Kellin/CodeFormatter.js
http://files.cnblogs.com/Kellin/CodeFormatter.rar
现阶段这个格式化工具的主要功能包括:
添加行号
为一些指定的语言类型高亮关键字、字符串以及注释等。这些语言包括 C#、C/C++、JavaScript、Java。 HTML、XML和一般的编程语言的高亮模式不太一样,这里我还没有实现
大家可以访问这个页面看看当前的效果:/article/7015158.html。
要使用这个小东东,有两种方法。一是直接引用 CodeFormatter.js 这个脚本文件:
将要格式化的代码放在一个 PRE 元素里面,并添加一个 SourceCode 的属性(指定代码的语言类型)。注意:需要将 PRE 元素代码中的一些特殊字符转换一下(将 & 换成 & 等,或者使用 HttpUtility.HtmlEncode(str) 方法)。如:
<pre sourcecode="html"> public class MyClass { public MyClass() { System.Console.WriteLine( "Hello world!" ); } } </pre>
在你的博客中添加下面这段 javascript 语句:
<script src="http://files.cnblogs.com/Kellin/CodeFormatter.js" type="text/javascript"></script>
二是使用编译好的类库中的 Kellin.Web.UI.WebControls.CodeFormatter 控件。大家可以从这里下载这个类库工程:http://files.cnblogs.com/Kellin/CodeFormatter.rar。
相关文章推荐
- 用脚本格式化博客园上文章中的示例代码
- 用脚本格式化博客园上文章中的示例代码 (续一)
- 在博客文章插入“可运行"js代码-博客园
- python 堆、队列操作、字符串格式化输出、字符串常用函数 示例代码
- php自定义的格式化时间示例代码
- css格式化table的代码示例
- javascript 格式化时间日期函数代码脚本之家修正版
- 博客园文章爬取代码
- 示例 - C#脚本代码采集搜狐NBA球员, 球队和比赛实况
- mac下使用MarsEdit发布文章到博客园并实现代码高亮
- 脚本演示的天堂:共享一个可以提供代码示例和运行结果的非常不错的网站
- 如何在博客园的文章/随笔中添加可运行的js代码
- 基于BigDecimal的精确计算以及格式化输出代码示例
- 代码格式化脚本
- 微服务系列文章示例代码
- vim脚本——格式化变量定义代码
- JS格式化数字保留两位小数点示例代码
- Spring Boot应用的极速部署脚本示例代码
- Android 国际货币格式化的示例代码
- Python脚本调用C#代码数据交互示例(hello world)