七仔的博客

七仔的博客GithubPages分博

0%

代码高亮插件:SyntaxHighlighter的简单使用

SyntaxHighlighter是一款代码高亮插件,支持多种语言、多种主题

代码高亮插件:SyntaxHighlighter的简单使用

SyntaxHighlighter

一、 引入CSS文件

css文件列表

其中shCore.css是必须引用的,shCoreDefault.css和shThemeRDark.css是单选,是插件的效果比如暗风格和亮风格,当然还有其他的,可以去下。

二、 引入JS文件

js文件列表

其中shAutoloader.js是必须引用的,其他的是多选,主要看你加载的页面有哪些代码。

三、 有代码区的网页

1
2
3
<pre class="brush:js;">
alert("hello world");
</pre>

四、 SyntaxHighlighter的启动

(一)、一般使用

1
SyntaxHighlighter.all();

(二)、动态加载时

1
SyntaxHighlighter.highlight();

五、 SyntaxHighlighter官网地址:

http://alexgorbatchev.com/SyntaxHighlighter

对了,双击代码区可以全选代码,之后可以复制

此为博主副博客,留言请去主博客,转载请注明出处:https://www.baby7blog.com/myBlog/8.html

欢迎关注我的其它发布渠道