当前位置:主页 > 教程 > cms教程 >

dede版百度编辑器-简单三步实现代码高亮
栏目分类:cms教程   发布日期:2016-05-30   作者:素年    来源:未知

之前感觉博客(dede)后台自带的编辑器功能太少的原因,所以才换了比较强大的百度编辑器(ueditor)。但是发现百度编辑器: 还是有那么一点点的不够完善,不知道是不是一些小的BUG。为什么这样说呢?因为现在很多博客文章里面写的代码,都实现了代码格式化(代

之前感觉博客(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>

三、在后台切换语言

    在后端编辑页面,点击语言切换。如下图:

百度编辑器实现代码高亮的功能

然后把你的代码贴入其中就可大功告成!是不是很简单呢?

 

Copyright © 2016-2020 我爱分享网 版权所有   豫ICP备16008703号-1   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
特效 教程 资源 资讯 福利