UEditor富文本编辑器代码高亮的实现

网站技术 ayflying 1606℃ 评论

UEditor是百度的一款富文本编辑器,里面自带的代码高亮直接使用是没有效果的,需要前台配合高亮代码才能实现,代码高亮的好处就不详谈了,下面放出方法

<script type="text/javascript" src="__PUBLIC__/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="__PUBLIC__/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>

记得需要改为自己的ueditor目录,改代码放在需要显示文章的页面头部就可以了!是不是很简单!

转载请注明:七彩悠悠博客 | 心悠悠 情悠悠 » UEditor富文本编辑器代码高亮的实现

高效,专业,悠悠博客

联系我们