• 河南网站建设-郑州网站设计-郑州网站建设-手机建站-郑州建站-上海建站

  • 专注网站建设 服务热线: 13061801310

当前位置:好东东网 > 近期动态 > 网站建设观点 > 正文

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

发布时间:2021-04-30 | 发布者: 东东工作室 | 浏览次数:
相信很多朋友在使用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>
 

转载请标注:东东工作室——百度编辑器ueditor代码高亮效果实现方法