百度ueditor编辑器代码高亮

百度的ueditor是国内比较好用的富文本编辑器，这里要讲解的是ueditor中一个很小的功能：代码高亮；

对于我们这些写个博客三句不离代码的码农们来说，能看到段高亮的代码那欣喜是无以言表的；

没图我说个。。；上图；以上篇文章为例；

示例环境：ueditor1.4.3

未高亮的代码：

 

代码高亮后：

如此大的反差；就不废话再吹嘘它的优美了；重点来说使用ueditor如何代码高亮；

很简单，但是很多人都不知道这个功能，或者是不知道怎么用；

首先在编辑文章的时候选择对应的代码语言；

 

然后在文章展示页面的head头内引入

1 2 3 4 5

<script type="text/javascript" src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" href="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCoreDefault.css"> <script type="text/javascript">     SyntaxHighlighter.all(); </script>

自行调整自己实际项目中的路径即可；

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客www.baijunyao.com