SyntaxHighlighter 使用参考(八) – html-script 属性
Name(属性名) | Value(默认值) | Description(描述) |
---|---|---|
html-script | false | 该属性可以开启或关闭代码块中的 HTML/XML 标签着色特性,这在 WEB 开发中非常常见。开启该属性需要 shBrushXml.js 的支持,同时你的 brush 也需要支持该特性。 |
例1:html-script: true 的 HTML 代码及显示效果
HTML 代码
<pre class="brush: css; html-script: true; auto-links: false"> <script type="text/javascript"> function void InitSyntaxHighlighter() { SyntaxHighlighter.config.clipboardSwf = 'file:///C:/SyntaxHighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); } </script> </pre>
显示效果
<script type="text/javascript"> function void InitSyntaxHighlighter() { SyntaxHighlighter.config.clipboardSwf = 'file:///C:/SyntaxHighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); } </script>
例2:html-script: false 的 HTML 代码及显示效果
HTML 代码
<pre class="brush: css; html-script: false; auto-links: false"> <script type="text/javascript"> function void InitSyntaxHighlighter() { SyntaxHighlighter.config.clipboardSwf = 'file:///C:/SyntaxHighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); } </script> </pre>
显示效果
<script type="text/javascript"> function void InitSyntaxHighlighter() { SyntaxHighlighter.config.clipboardSwf = 'file:///C:/SyntaxHighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); } </script>
系列文章索引:http://www.cnblogs.com/duxiuxing/archive/2012/05/29/2524243.html