如何使用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>
标签:插件
分类:编程笔记 时间:2021年03月07日 浏览:357