最近在作公司的一個博客站,博文裏不免有些代碼,須要高亮一下,最後使用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了編輯器