syntaxhighlighter evolved如何去掉右上角

html-css026

syntaxhighlighter evolved如何去掉右上角,第1张

方法一

在网页前面,通常是在<head></head>里加上如下代码:

<script

type="text/javascript">SyntaxHighlighter.defaults['toolbar'] =

false</script>

方法二

在pre的class里加上“toolbar:false”(粗体部分),如下所示:

<pre class="brush:

jstoolbar:false">这里放着色代码</pre>

注意:有的着色代码标记符号是textarea,那么方法是一样的。如:

<textarea class="brush:

jstoolbar:false">这里放着色代码</textarea>

方法三

syntaxhighlighter的使用形式有很多,在某些情况下,会发现如上两种方法都无效,那么可以使用直接修改css的方法来去掉右上角的问号图标:

首先找到shCore.css这个文件(通常是在style这个文件夹下),打开它,在里面找到“.syntaxhighlighter

.toolbar

{”(粗体部分),然后在这个类的最后加上“display:none”(粗体部分),就可以了。

UEditor编译器支持代码高亮显示,设置方法如下:

1.页面head引入UEditor类包文件shCore.js、shCoreDefault.css代码

(注:引入文件路径根据需求变更即可)

2.新增js代码

刷新页面,就可以看到页面代码高亮显示。

打开文章相对应的模板,在模板里插入如下代码:

<link rel="stylesheet" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />

<script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>

<script type="text/javascript">SyntaxHighlighter.all()</script>

将上面三行代码放在<head></head>之间,这个还是要说明一下,请在大家注意,另需要注意的是,请自行修你ueditor文件所在的位置,因为我的ueditor放在网站根目录下的include文件夹所以我调用的位置就是/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css,而这个位置大家根据自己的需要进行修改。