UEditor代码高亮无效的解决方法(wordpress版插件同样适用)

最近在做公司的一个博客站,博文里难免有些代码,需要高亮一下,最后使用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了

你可能感兴趣的:(ueditor代码高亮)