Tag Archives: jquery

Introduction Code on Web，简称COW。是一个基于SyntaxHighlighter 3.0.83 将代码转换为HTML的在线小工具。 一般我们在网页上展示各种计算机语言（C、C++、C#、PHP、JAVA…….）的源代码有3个途径 将原始代码写在HTML标签（比如、），然后通过客户端的JavaScript让原始代码转换为HTML让浏览器解析。SyntaxHighlighter就是其中一个很优秀的工具之一，其他的还有Google的Prettify等等。这是一种最为流行的方法， 优点：节省带宽、节省硬盘。 缺点：占用客户端资源较多。如果你使用了wordpress的tinymce等WYSIWYG编辑器，在可视和HTML视图之间切换的时候，你的所有原始代码将会被弄乱。 第二种方法是将存储在数据库、文件系统里面的代码通过正则表达式提取，然后在服务器端进行转换，直接将生成的HTML代码输出到浏览器。 优点：节省带宽、节省硬盘。 缺点：代码多了，需要考虑服务器性能。 第三种就是Code on Web这种将生成好的HTML代码直接贴到网页上。 优点：客户端CPU资源占用少，无需任何server/client端脚本支持。 缺点：需要耗费更多的硬盘、网络带宽。因为显然HTML代码大小是原始代码的数倍。。 原理 原理很简单，就是将原始代码通过正则表达式、字符串替换等方法转化为可读性强的HTML代码。HTML代码标签只含有具有一定意义的class属性,后续可以通过修改引用的css来美化代码样式.可以说也是具有一定的灵活性. 一个小例子 1 2 3 4 5 6 7 8 /*  *    check the time ,disable update post_name where it is … Continue reading →