如何在html中实现代码高亮语法着色
来源:互联网 发布:淘宝搜索排行榜 编辑:程序博客网 时间:2024/05/17 02:31
论坛上有学友问起来怎样在网页中实现代码的这种效果?
开始误以为是如何在网页中实现上边的编程,解释后才知道
“想问的是怎样实现图片中那样,在网页里实现插入的各种源程序代码的高亮显示。”
其实这就是用syntaxhighlighter 实现的代码高亮语法着色
这里找了一下硬盘以前存的资料。分享如下
------------------------------------------------------------
syntaxhighlighter
官方网址:http://alexgorbatchev.com/wiki/SyntaxHighlighter
目前的最新版本是 syntaxhighlighter2.1.364,具体怎么用大家可以下个zip包用浏览器一打开就知道了,这里摘录如下
- <script type="text/javascript" src="scripts/shCore.js"></script>
- <script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
- <link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
- <link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>
- <script type="text/javascript">
- SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
- SyntaxHighlighter.all();
- </script>
- <pre class="brush: c-sharp;">
- function test() : String
- {
- return 10;
- }
- </pre>
网上能找到最多的是 1.5版本 网址:http://code.google.com/p/syntaxhighlighter/(我这正用的fckeditor的就是1.5的插件)
注意这个版本代码里没有demo,参考调用如下:
- <link type="text/css" rel="stylesheet" href="SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
- <script language="javascript" src="SyntaxHighlighter/Scripts/shCore.js"></script>
- <script language="javascript" src="SyntaxHighlighter/Scripts/shBrushCSharp.js"></script>
- <script language="javascript">
- window.onload = function () {
- dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/Scripts/clipboard.swf';
- dp.SyntaxHighlighter.HighlightAll('code');
- }
- </script>
- <pre name="code" class="c-sharp">
- ... 这里写c#代码 ...
- </pre>
附说明:
如果网页的html,css,js等等连基本的都看不懂的话,不要这么急着学这些旁门左道的; 互联网的的信息多,太多了的时候对初学者就是海量垃圾,本来5分钟搞定的资料 可能初学者在网上用了5小时。
这也是为什么我一直建议 学习的人一定要找个面对面的老师,不要自学的原因之一,
- 如何在html中实现代码高亮语法着色
- jQuery语法高亮插件,代码着色,页面代码着色
- 在word中实现代码的语法高亮
- 在word中实现代码的语法高亮
- 在word中实现代码的语法高亮
- Query语法高亮插件,代码上色,页面代码着色
- 在html页面中实现java,javascript,xml文件的语法高亮显示
- 如何添加Notepad++自定义语法着色(高亮)文件?
- 使用Notepad++在word中实现代码的语法高亮
- 在word中使用notepad++实现代码的语法高亮
- 在word中使用notepad++实现代码的语法高亮
- 在 Microsoft Word 文档 中粘贴代码实现语法高亮的方法
- 「巨作!超长篇!纯GDI+实现」支持语法高亮和代码折叠的快速着色文本框控件
- 怎样在WPS上实现代码语法高亮.
- 怎样在WPS上实现代码语法高亮
- 在网页中语法高亮显示代码的例子
- Ext ExtJS中嵌入Editarea作在线代码编辑工具 支持多种语言语法高亮 语法着色 代码补全
- 利用代码扫描器实现简单的语法高亮显示(代码转为HTML)
- 月薪6000与月薪30000
- 要期末考了
- 初学ibatis
- 比较好的二级公共基础题
- study
- 如何在html中实现代码高亮语法着色
- 从今天开始,我每天要坚持学java
- 2010年IT经理必须拥有的五项管理技术
- 被127次掌声打断的浙江大学教授郑强的经典语录.(大家都看
- = =
- 新加的!!
- 全年计划
- 【立志】印度80后帅哥网络创业 赚20亿只是开始
- 《冒号课堂》连载之十九——情景范式