时间:2021-05-26
1、下载
SyntaxHighlighter 3.0.83 : http://alexgorbatchev.com/SyntaxHighlighter
2、配置
(1) SyntaxHighlighter解析的默认标签,默认为pre
复制代码 代码如下:
SyntaxHighlighter.config.tagName="div";
(2) 去除HTML换行标记
如果您的软件会在每行末尾添加< br /> 标记,此选项允许您忽略这些标记。
shCore.js中实现代码为:
复制代码 代码如下:
if (sh.config.stripBrs == true)
str = str.replace(br, '');
SyntaxHighlighter.config.stripBrs=true;
(3) 不显示工具条
复制代码 代码如下:
SyntaxHighlighter.defaults['toolbar'] = false;
3、代码中使用
3.1 brush为必选项,其余为可选:
复制代码 代码如下:
<div class="brush:java;class-name:mycode;highlight:[1,3];">some java code</div>
brush取值:java/xml/sql/c/js/css等,详见:http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
3.2 着色调用:
复制代码 代码如下:
SyntaxHighlighter.highlight();
或
复制代码 代码如下:
SyntaxHighlighter.all();
all()与highlight()区别在于all()是注册到onload()事件中的。
4、在博客园中使用
博客园默认支持SyntaxHighlighter。代码修改默认值(因为jQuery不支持设置!important的样式所以需要设置cssText):
复制代码 代码如下:
var sh = $(".syntaxhighlighter");
var code = sh.find("code");
var line = sh.find(".line");
var caption = sh.find("table caption");
sh.css("cssText", "width: auto !important");
code.add(line)
.add(caption)
.css("cssText", "font-size: 20px !important;white-space: nowrap !important;line-height: 1.5em !important;");
以上就是本文的全部内容了,小伙伴们对SyntaxHighlighter的使用方法是否有了新的认识呢,希望大家能够喜欢本文。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
笔记本电脑已然成为了现代年轻人的必备的一款生活用品了。现在人们在生活中的时候使用笔记本电脑的频率是比较的高的。我们不仅仅会使用笔记本电脑娱乐,同时我们也会利用笔
笔记本电池充不进电怎么办笔记本电池修复方法 很多人使用笔记本电脑的时候,只要有电源就插着电源用笔记本导致笔记本。导致笔记本的电源没有全部利用起来。所以正确
笔记本电脑已经成为现代人必备的装备之一,使用笔记本电脑,人们几乎可以随时随地的使用笔记本电脑来处理各项事务,进行娱乐游戏。联想笔记本是深受人们喜爱的一种电脑品牌
电脑充电的时候可以正常使用,并不影响。现在的笔记本一般都是锂电池,在充电的时候使用笔记本,一般是不会影响电池的。不过在电池充满之后,如果还要继续使用笔记本,请将
华为笔记本电脑充电常识如下: 1、充满电后拔掉电源 在笔记本电脑电池已经充满电的情况下,不应再外接电源使用笔记本电脑。因为在装载电池情况下使用笔记本电脑,实