主页 > 知识库 > SyntaxHighlighter 语法高亮插件的使用教程

SyntaxHighlighter 语法高亮插件的使用教程

热门标签:智能电销机器人真的好吗 长春防封卡电销卡套餐 株洲外呼营销系统有哪些 四平电话机器人哪家好 企业电话机器人办理 灵声智能电话机器人招聘 长春销售外呼系统业务 天津电销卡外呼系统线路 兴化400电话办理多少钱
首先到这里下载其源码。里面东西挺多的,我们基本上可以把它放到两个文件夹就是。其中shCore.js与shCore.js与clipboard.swf放到js文件夹中,shCore.css还有另一个CSS文件(随你挑一个吧)与所有图片放到style文件夹中。如果你想高亮html或xml代码,那么就在js多放一个shBrushXml.js,如果要高亮javascript代码,就要多加一个shBrushJScript.js代码。最后就是在我们的网页上引用它们。
复制代码 代码如下:

link type="text/css" rel="stylesheet" href="style/shCore.css"/>
link type="text/css" rel="stylesheet" href="style/shThemeRDark.css"/>
script src="js/shCore.js" type="text/javascript" >/script>
script src="js/shBrushJScript.js" type="text/javascript" >/script>
script src="js/shBrushCss.js" type="text/javascript" >/script>
script src="js/shBrushXml.js" type="text/javascript" >/script>

然后再在页面上新建一个script标签,在里面添加代码,进行配置与调用那个flash文件。
复制代码 代码如下:

SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf';
SyntaxHighlighter.all();

这些代码是无需放于window.onload中的。再最后是如何使用,把要高亮的代码放于一个pre文件中,这些代码记得要事先处理,把变成lt;,把>变成gt;。然后添加一个特殊的类型,brush加引号加上你们的代码的类型。如要高亮javascript则要class="brush:javascript",高亮css则要class="brush:css"。当然成功与否还在于你是否引进相关的javascript文件(指shBrushJScript.js等)

注意,这时代码不但只高亮了,还会多出行号与工具栏,这就要更细致的配置。它们都在那个类名上做手脚,如把行号禁止了,就要class="brush:javascript;gutter:false;"。

这些参数具体可见这里

复制代码 代码如下:

pre class="brush:javascript;gutter:false;toolbar:false">
dom.ready(function(){
test("dom.ready");
});
/pre>

您可能感兴趣的文章:
  • 使用SyntaxHighlighter实现HTML高亮显示代码的方法
  • SyntaxHighlighter代码加色使用方法
  • FCKEditor SyntaxHighlighter整合实现代码高亮显示
  • syntaxhighlighter 使用方法
  • 代码着色之SyntaxHighlighter项目(最流行的代码高亮)
  • ckeditor syntaxhighlighter代码高亮插件,完美修复
  • SyntaxHighlighter语法高亮插件使用说明
  • SyntaxHighlighter 3.0.83使用笔记
  • SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
  • syntaxhighlighter 去掉右上角问号图标的三种方法
  • SyntaxHighlighter自动识别并加载脚本语言

标签:黑龙江 贵港 青海 漯河 运城 巴彦淖尔 新疆 石嘴山

巨人网络通讯声明:本文标题《SyntaxHighlighter 语法高亮插件的使用教程》,本文关键词  SyntaxHighlighter,语法,高亮,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《SyntaxHighlighter 语法高亮插件的使用教程》相关的同类信息!
  • 本页收集关于SyntaxHighlighter 语法高亮插件的使用教程的相关信息资讯供网民参考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推荐文章