Ueditor开启代码高亮设置

    ueditor在网站后台常用的富文本编辑器。html代码在后台编辑器内输入文本框后 前台想要完整的展现出来一真是个问题。百度ueditor1.4.3原本有这样的插件整合着，我们设置一下就可以开启

    先看看效果图

1. 后台原代码不用改动，如何调用百度ueditor按文档原样子调用

2. 前台需要如下图调用百度第三方目录的代码高亮设置

   

3. shCoreDefault.css是代码高亮的样式，可以修改自己喜欢的样式

   网站很多文章没有上面4和6的步骤。

   
   

   有可能他们是从代码高亮官网直接下载的SyncaxHighlighter插件，然后调用。 百度ueditor前台显示的content是经过处理的，必须使用uParse函数进行二次处理后显示。

/*这是网上许多的教程代码，这是不够的，这些都没有自己尝试过，从其他文章复制过来的代码*/

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

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/1108.html

很赞哦！ ()