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

秋天来啦,秋天来啦;天空像一块覆盖在大地上的蓝宝石,它已经给秋风抹试得洁净而明亮。棉花笑嘻嘻的来了,它听说好朋友—秋姑娘来了,笑的咧开了嘴。玉米在房顶上唱着歌跳着舞,别提多开心了。路边两只黑色的小狗在玩耍,看它那可爱的样子,让人忍不住的笑。石榴也许太兴奋了,竟然笑破了肚皮,苹果跑着来了,当然脸蛋是红彤彤的。

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

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

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

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

<script>

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

</script>

以上就是百度编辑器ueditor代码高亮效果如何实现方法。坚不可催是因为经历过狂风暴雨;无畏世界是因为做到了中心无敌。更多关于百度编辑器ueditor代码高亮效果如何实现方法请关注haodaima.com其它相关文章!

标签: ueditor