欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

百度编辑器ueditor代码高亮效果实现方法

时间: 2018-12-02 08:26 阅读: 作者:素材无忧网

相信很多朋友在使用ueditor,同样地,我之前也一直使用ueditor,其中有个功能是插入代码,但是当我使用这个功能时发现,在编辑器中的代码有行数,而且样式显示也不一样,但是,前台展示的页面上却没有行数,以及样式,后来查看后台发现需要引用2个js,我便试着加入,果然,有了行数:下面这就是个例子:加入的js为:

<script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>   

<link rel="stylesheet" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />

这个我加到头上,在最后面又加入一行:

<script>   

SyntaxHighlighter.all() //执行代码高亮   

</script>


版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: 百度编辑器ueditor代码高亮效果实现方法

标签:  
模板推荐