syntaxhighlighter 使用 配置 参数 详解 代码高亮 纯JS

syntaxhighlighter 使用 配置 参数 详解 代码高亮 纯JS
2008-09-26 20:33
将你要高亮显示的代码放在 pre 或 textarea 中

name=" 
   code" 
   class=" 
   c-sharp"> 
   
... some code here ...






class选项允许你单独配置文本块。

nogutter     将不会显示行号。
nocontrols     将不会在顶部显示控制器。
collapse     将默认折叠代码。
firstline[value]     行计数开始值。默认值是 1
showcolumns     将在第一行显示行列。

这些选项和别名放置在一起,使用冒号 : 字符分隔。

code" 
   class=" 
   html:nocontrols:firstline[10]"> 
   
... some code here ...




语言     别名
C++     cpp, c, c++
C#     c#, c-sharp, csharp
CSS     css
Delphi     delphi, pascal
Java     java
Java Script     js, jscript, javascript
PHP     php
Python     py, python
Ruby     rb, ruby, rails, ror
Sql     sql
VB     vb, vb.net
XML/HTML     xml, html, xhtml, xslt






在页面最后添加JS和CSS引用    JS有很多,若是语言固定的话,只要引入 shCore 和 shBrushXml(相应) 的JS文件就行了
SyntaxHighlighter.css">







    * SyntaxHighlighter-HighlightAll 方法

这是一个全局函数,它找出网页上所有的代码块,将他们转换成高亮的代码块。
参数

function dp.SyntaxHighlighter.HighlightAll(name, [showGutter], [showControls],
[collapseAll], [firstLine], [showColumns])

name         必要    
 
   


 
   
程序源代码放在这儿afds
dp.SyntaxHighlighter.HighlightAll('code');
dp.SyntaxHighlighter.HighlightAll('code2');

   

adsfadfadf


    -------------------
<h1>adsfadfadf</h1>








你可能感兴趣的:(syntaxhighlighter 使用 配置 参数 详解 代码高亮 纯JS)