SyntaxHighlighter插件代码高亮显示使用方法
2013-08-30 15:02
871 查看
使用领域: 此插件会对做个人技术博客之类的开发者有用处哦~ 它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言:C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 下载地址: http://www.dreamprojections.com/syntaxhighlighter/ 或 http://code.google.com/p/syntaxhighlighter/ 效果如图: 方法一: 1. head部分引用 <link type=”text/css” rel=”stylesheet” href=”SyntaxHighlighter/Styles/SyntaxHighlighter.css”> 2. 在网页要显示程序源代码的地方插入以下代码,若是HTML类型的话,用XML(其它的如class="js"表示以js语法显示源代码,其他可设定的 class值分别为c#、css、c、elphi、java、js、php、python、ruby、sql、vb、xml): <textarea name="code" class="js"rows="15" cols="100"> 程序源代码放在这儿 </textarea> 3. 在网页尾部的</body>之前插入 <script class="javascript" src=" SyntaxHighlighter/Scripts/shCore.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushCSharp.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushPhp.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushJScript.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushJava.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushVb.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushSql.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushXml.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushDelphi.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushPython.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushRuby.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushCss.js"></script> <script class="javascript" src=" SyntaxHighlighter/Scripts/shBrushCpp.js"></script> <script class="javascript"> dp.SyntaxHighlighter.HighlightAll('code'); </script> 方法二: 1. <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" src="SyntaxHighlighter/Scripts/shBrushXml.js"></script> <scriptlanguage="javascript"> window.onload = function () { dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/Scripts/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); } </script> 2. 显示代码部分,两种方式 (1) <pre name=”code” class=”c-sharp”> 显示代码部分 </pre> <textareaname="code" class="c#" cols="60"rows="10"> ... 显示代码部分 ... </textarea> |
描述:代码高亮显示插件 附件: SyntaxHighlighter.rar 原文地址:http://bbs.lampbrother.net/read-htm-tid-151749.html |
0
上一篇:新学的GD2库,自己做了一个中文验证码,与兄弟们分享(已有新版本更新)
下一篇:Try catch
相关热门文章
诺基亚进入平板电脑市场有多达...
石家庄月嫂工资八九千 行业竞...
米开朗基罗作品欣赏=
承恒现金回收Agilent E4405B E...
现金采购HP8593A/HP8593E频谱...
html中制表符(TAB)的转义字符...
京东SSO单点登陆实现分析...
jsp页面传值给另一个jsp页面,...
利用mathtex/mimetex在网页上...
jquery设置div,tr不显示
大家都是用什么来管理hadoop集...
网站被人挂了吗,添加了些程序...
Nginx如何保证不走宕机的那个...
大家谈谈MYSQL客户端和服务器...
以下代码运行后为何会输出5?...
给主人留下些什么吧!~~
评论热议
相关文章推荐
- CKEditor代码高亮显示插件Code Snippet安装及使用方法
- 代码高亮显示插件——dp.SyntaxHighlighter的使用
- dede代码编辑器,插入代码并高亮显示代码插件安装使用教程
- 使用SyntaxHighlighter实现HTML高亮显示代码的方法
- 代码高亮插件Codemirror使用方法及下载
- WordPress代码高亮插件CodeColorer正确使用方法
- 使用SyntaxHighlighter实现HTML高亮显示代码的方法
- Google的代码高亮工具Syntaxhighlighter使用方法——让你的代码显示更漂亮
- jQuery ui插件的使用方法代码实例
- Discuz5.5.0代码高亮显示+运行代码框合成插件 下载第1/4页
- 使用storyboard显示UITableView时,如果不修改系统默认生成的tableView:cellForRowAtIndexPath:方法中的代码,则必须为UITableViewCell注册(填写)重用标识符:identifier.必须要代码方法中的标识符一致.
- CKEditor使用Code Snippet让代码高亮显示
- Word中使用代码高亮插件
- 弹出层blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏
- 百度编辑器ueditor代码高亮效果前台不显示的解决方法
- 阿里巴巴Java开发手册及Java代码规约扫描eclipse和IDEA插件使用方法
- LaTeX中使用对C语言代码高亮显示
- StatSVN插件使用方法总结-项目代码分析工具 工作量图表生成工具
- 插件insertpre+语法高亮插件google-code-prettify,解决CKEditor4代码高亮显示问题