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了

转载于:https://my.oschina.net/sallency/blog/464531

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值