UEditor代碼高亮無效的解決方法(wordpress版插件一樣適用)

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

相關文章
相關標籤/搜索