网页语法高亮jquery插件SyntaxHighlighter使用教程
来源:互联网 发布:迪杰斯特拉算法 编辑:程序博客网 时间:2024/05/01 15:29
先去 http://alexgorbatchev.com/SyntaxHighlighter/download/ 下载syntaxhighlighter最新版本3.0.83这个插件。
- 在页面引入核心js和css,这里我要对js代码高亮,所以引用了JScript.js这个文件。
- <link rel="stylesheet" type="text/css"href="css/SyntaxHighlighter.css"/>
- <script type="text/javascript"src="js/shCore.js"></script>
- <script type="text/javascript"src="js/shBrushJScript.js"></script>
- 把代码写到一个<pre>或者<textarea>标签里,如图。
需要注意是这里的name和class属性,name是需要通过插件获取才能应用高亮样式,class设置语言的类别及样式选择。
- <pre name="code"class="js">
- function a(){
- alert("a");
- }
- </pre>
- 在页面底部加上
- <scripttype="text/javascript">
- dp.SyntaxHighlighter.HighlightAll('code');//这里的‘code’ 为上面放置代码的容器
- </script>
另外附上语言的别名。
C++cpp, c, c++C#c#, c-sharp, csharpcsscssDelphidelphi, pascalJavajavaJava Scriptjs, jscript, javascriptPHPphpPythonpy, pythonRubyrb, ruby, rails, rorSqlsqlVBvb, vb.netXML/HTMLxml, html, xhtml, xslt
class允许配置的选项。
nogutter将不会显示行号nocontrols将不会在顶部显示控制器collapse将默认折叠代码firstline[value]行计数开始值。默认值是 1showcolumns将在第一行显示行列
这些选项和别名放置在一起,使用冒号 : 字符分隔。
- <pre name="code"class="html:nocontrols:firstline[10]">
- <html>
- <body></body>
- </html>
- </pre>
0 0
- 网页语法高亮jquery插件SyntaxHighlighter使用教程
- 网页中代码高亮插件SyntaxHighlighter
- 代码高亮(SyntaxHighlighter)插件的使用
- SyntaxHighlighter代码高亮插件
- SyntaxHighlighter代码高亮插件
- 代码高亮插件SyntaxHighlighter
- 代码高亮插件SyntaxHighlighter
- SyntaxHighlighter代码高亮插件
- SyntaxHighlighter代码高亮插件
- WordPress代码高亮插件SyntaxHighlighter终极使用详解
- WordPress代码高亮插件SyntaxHighlighter使用详解
- 代码高亮javascript 插件 syntaxhighlighter 使用介绍
- 使用SyntaxHighlighter高亮代码
- 语法高亮显示 SyntaxHighlighter简单操作
- 通用代码高亮插件(SyntaxHighlighter)
- 通用代码高亮插件(SyntaxHighlighter)
- 通用代码高亮插件(SyntaxHighlighter)
- SyntaxHighlighter插件代码高亮显示使用方法
- JCreator工具三种方法(1.实现Servlet接口2.继承GenericServlet3.继承HttpServlet)开发Servlet
- 小马哥---山寨小米平板电脑刷机拆机主板图与开机识别图 界面图 多图展示 精仿版本 购买警惕
- Open MPI的目标、概念及实现
- Coco2d-js/Cocos2d-html5中Android返回键实现
- Kmeans聚类算法-二维度数组(Java实现)
- 网页语法高亮jquery插件SyntaxHighlighter使用教程
- 高功耗的USR-WIFI232-2b的sta+ap配置可以使手机连上互联网
- HDU 3830 - Checkers(二分LCA)****
- 中国剩余定理 poj1006
- lua元表
- 安装post man
- Cocos2d-js 3.2 技能冷却按钮的简单实现
- C语言中的异常处理机制
- c:foreach标签使用详解