如何使用ueditor里面的SyntaxHighlighter实现代码高亮
本系统默认百度编辑器ueditor,其自身便集成了通用代码高亮插件SyntaxHighlighter,只要把其调用出来就可以实现文章代码高亮。
方法很简单:
1、引入以下的js和css文件,要使用哪种刷子就引用哪种语言的刷子文件,下面有详细的讲解。
<link rel="stylesheet" href="http://blog.qianmu.net/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"> <script src="http://blog.qianmu.net/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
2、在head标签中加入以下js代码
<script> SyntaxHighlighter.all(); </script>
3、将要高亮显示的代码放在一个 pre 标签中,并标记上刷子别名
<pre class="brush:html;toolbar:false"> SyntaxHighlighter.all(); </pre>
标签:插件