欢迎光临
我们一直在努力

百度ueditor编辑器代码高亮

购买童装可电话联系:13783019327 同微信 巩义本地可去实体店选购。

百度的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

未经允许不得转载:随缘小居 » 百度ueditor编辑器代码高亮
购买童装可电话联系:13783019327 同微信 巩义本地可去实体店选购。
5

评论 抢沙发

评论前必须登录!

 

不跟随,有视角焦点的博客

联系我们联系我们