当前位置 : 主页 > 极光教程 > 织梦教程 >

dede版百度编辑器-简单三步实现代码高亮

栏目分类:织梦教程  发布日期:2018-08-24    作者:哒哒

之前感觉博客(dede)后台自带的编辑器功能太少的原因,所以才换了比较强大的百度编辑器(ueditor)。但是发现百度编辑器:还是有那么一点点的不够完善,不知道是不是一些小的BUG。为什么这样说呢?因为现在很多博客文章里面写的代码,都实现了代码格式化(代码高亮)。而百度编辑器却不能。直到现在我才明白:是我误解了,原来是没引用相关的文件而产生的。好了废话不多说,下面就分享下:怎么让百度编辑器实现代码高亮的功能!
一、引用相关的文件
    找到相关的JS、CSS文件,把他们引入到网页中,而这个两个文件在ueditor文件下。
    路径为:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css
二、对函数进行调用
    在文章页面进行函数调用,引入以下代码:

1
2
3
4
5
   <script type="text/javascript">
        SyntaxHighlighter.highlight();
        var editor_a = new baidu.editor.ui.Editor();
        editor_a.render( 'myEditor' );
    </script>
三、在后台切换语言
然后把你的代码贴入其中就可大功告成!是不是很简单呢?

手机批发 手机批发