
SyntaxHighlighter是一款代码高亮插件,支持多种语言、多种主题
代码高亮插件:SyntaxHighlighter的简单使用
一、 引入CSS文件
其中shCore.css是必须引用的,shCoreDefault.css和shThemeRDark.css是单选,是插件的效果比如暗风格和亮风格,当然还有其他的,可以去下。
二、 引入JS文件
其中shAutoloader.js是必须引用的,其他的是多选,主要看你加载的页面有哪些代码。
三、 有代码区的网页
1 | <pre class="brush:js;"> |
四、 SyntaxHighlighter的启动
(一)、一般使用
1 | SyntaxHighlighter.all(); |
(二)、动态加载时
1 | SyntaxHighlighter.highlight(); |
五、 SyntaxHighlighter官网地址:
http://alexgorbatchev.com/SyntaxHighlighter
对了,双击代码区可以全选代码,之后可以复制
此为博主副博客,留言请去主博客,转载请注明出处:https://www.baby7blog.com/myBlog/8.html