博客列表 >百度编辑器ueditor代码高亮效果前台不显示的解决方法

百度编辑器ueditor代码高亮效果前台不显示的解决方法

忧郁之子的博客
忧郁之子的博客原创
2017年08月19日 11:43:091084浏览

百度ueditor是一款非常不错的富文本编辑器,在国内很多公司都在使用,当我们在发表文章添加内容时,有时需要在内容中编写类似于php、javascript等语言代码,那么本篇就教大家怎么使用ueditor的代码高亮:

首先在文章页面head部分引入js、css文件如下,具体路径根据自己的编写   

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

添加语言时,在代码语言处可以选择您需要的语言

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


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议