最近在做公司的一个博客站,博文里难免有些代码,需要高亮一下,最后使用UEidtor富文本编辑器
1、UEditor的代码高亮功能是通过第三方插件实现的 third-party\SyntaxHighlighter, 所以我们要在编辑器中载入此插件
编辑ueditor.config.js
,highlightJsUrl:URL + "third-party/SyntaxHighlighter/shCore.js"
,highlightCssUrl:URL + "third-party/SyntaxHighlighter/shCoreDefault.css"
新版的UEditor已经做自动载入了,可能没有这两项了,我也不确定,不行就自己+上,注意json格式
2、前端也需要做一些改动
<link href="编辑器路径/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="编辑器路径/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script>
SyntaxHighlighter.all();//执行代码高亮
</script>
就OK了