推荐一个HTML的语法高亮解析器


支持高亮的语法如下
Language Aliases C++ cppcc++ C# c#c-sharpcsharp CSS css Delphi delphipascal Java java Java Script jsjscriptjavascript PHP php Python pypython Ruby rbrubyrailsror Sql sql VB vbvb.net XML/HTML xmlhtmlxhtmlxslt

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 &lt; 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值