最近在作公司的一个博客站,博文里不免有些代码,须要高亮一下,最后使用UEidtor富文本编辑器javascript
一、UEditor的代码高亮功能是经过第三方插件实现的 third-party\SyntaxHighlighter, 因此咱们要在编辑器中载入此插件css
编辑ueditor.config.js前端
,highlightJsUrl:URL + "third-party/SyntaxHighlighter/shCore.js" ,highlightCssUrl:URL + "third-party/SyntaxHighlighter/shCoreDefault.css"
新版的UEditor已经作自动载入了,可能没有这两项了,我也不肯定,不行就本身+上,注意json格式
java
二、前端也须要作一些改动json
<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了编辑器