推荐一个HTML的语法高亮解析器
Usage
How to use SyntaxHighlighter.
Usage
Placing the code
Place your code on the page and surround it with <pre> tag. Set name attribute to code and class attribute to one of the language aliases you wish to use.
<pre name="code" class="c-sharp">
... some code here ...
</pre>
NOTE: One important thing to watch out for is opening triangular bracket <. It must be replaced with an HTML equivalent of < in all cases. Failure to do won't break the page, but might break the source code displayed.
An alternative to <pre> is to use <textarea> tag. There are no problems with < character in that case. The main problem is that it doesn't look as good as <pre> tag if for some reason JavaScript didn't work (in RSS feed for example).
<textarea name="code" class="c#" cols="60" rows="10">
... some code here ...
</textarea>
Extended configuration
There's a way to pass a few configuration options to the code block. It's done via colon separated arguments.
<pre name="code" class="html:collapse">
... some code here ...
</pre>
Making it work
Finally, to get the whole thing to render properly on the page, you have to add JavaScript to the page.
<link type="text/css" rel="stylesheet" href="css/SyntaxHighlighter.css"></link>
<script language="javascript" src="js/shCore.js"></script>
<script language="javascript" src="js/shBrushCSharp.js"></script>
<script language="javascript" src="js/shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
For optimal result, place this code at the very end of your page. Check HighlightAll for more details about the function.
转载于:https://www.cnblogs.com/momo0789/archive/2009/09/08/1562592.html
推荐一个HTML的语法高亮解析器相关推荐
- java定义语法解析器,java开发工具intellij idea使用教程:定义语法和解析器.pdf
java开发工具intellij idea使用教程:定义语法和解析器.pdf 还剩 3页未读, 继续阅读 下载文档到电脑,马上远离加班熬夜! 亲,喜欢就下载吧,价低环保! 内容要点: 慧都 科技 -- ...
- boost::spirit模块实现一个类似于 XML 的小型解析器的测试程序
boost::spirit模块实现一个类似于 XML 的小型解析器的测试程序 实现功能 C++实现代码 实现功能 boost::spirit模块实现一个类似于 XML 的小型解析器的测试程序 C++实 ...
- boost::spirit模块实现一个类似于 XML 的小型解析器,Karma 用于打印生成的 AST
boost::spirit模块实现一个类似于 XML 的小型解析器,Karma 用于打印生成的 AST 实现功能 C++实现代码 实现功能 boost::spirit模块实现一个类似于 XML 的小型 ...
- TinyXML:一个优秀的C++ XML解析器
读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...
- Phinecos(洞庭散人) 专注于开源技术的研究与应用 TinyXML:一个优秀的C++ XML解析器
读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...
- 推荐一个好用的PDF阅读器
电脑上推荐轻量的Sumatra PDF阅读器.在左上角-设置-高级选项里面,修改FixedPageUI 里的BackgroundColor即可.推荐设置为灰色#909090,具体按喜好来 其他几种电脑 ...
- 推荐一个小巧轻便的RSS阅读器
自从在博客园安家以来,博客园已经成了生活中不可缺少的一部分,每天不上来看看总觉得少点什么.但由于我们用的是网通线路,打开网站的确是有点慢.用RSS阅读器是一个非常不错的办法,我向大家推荐的是新浪的点点 ...
- 推荐一个国外用Flex制作播放器的源码
最近一直在研究Flex技术,网上用到flex技术做的主要有flash播放器,在线录制,视频聊天,截图,上传等功能. 先看看它的界面,因为全是用actionscript3写出来的.界面是有点土,但核心的 ...
- 推荐一个Chrome插件--JSON数据格式解析编辑插件--JSON-handle
对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑插件: https://chrome.google.com/webstore/detail/json-handle/iah ...
最新文章
- 一周内咸鱼疯转 2.4W 次,最终被所有大厂封杀!
- C++赋值运算符和拷贝构造函数区别
- Win10上线摸鱼神器,已经被玩疯了!
- 初探ES6中的Map和WeakMap
- 将JacpFX客户端与JSR 356 WebSockets一起使用
- 信息学奥赛一本通C++语言——1003:对齐输出
- Android多线程之IntentService源码解析
- 浙江师范大学c语言函数实验答案,浙江师范大学《C语言程序设计》考试卷
- oracle数据库mgmt,19c rac数据库如何添加mgmt
- 传统语音识别介绍【二】—— 特征提取
- 小程序:emoji等表情base64后乱码解决方案
- 微信答题小程序开发遇到过的坑
- 选股小技巧|如何选股
- 手机兼职赚钱,分享2个手机可操作的项目给你!
- android安装nodejs6,使用安卓手机搭建node-red
- lambada表达式总结
- linux 文件夹的作用是什么,Linux个文件夹的作用及含义
- 【笔记】GEE之python学习
- 香港科技大学计算机博导陈,香港科技大学计算机科学及工程系丁存生教授访问我校...
- 命令行pdf转jpg