您现在的位置是:主页 > 建站知识 > 建站知识

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

方元2020-07-24建站知识人已围观

简介相信很多朋友在使用百度编辑器ueditor,我之前也一直使用ueditor,其中有个功能是插入代码,但是当我使用这个功能时发现,在编辑器中的代码有行数,而且样式显示也不一样,但是,前

相信很多朋友在使用百度编辑器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>
完成!

很赞哦! ()

文章评论

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

站长周边福利领取

最新评论