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了编辑器

相关文章
相关标签/搜索