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

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

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

之前感觉博客(dede)后台自带的编辑器功能太少的原因,所以才换了比较强大的百度编辑器(ueditor)。但是发现百度编辑器:还是有那么一点点的?#36824;?#23436;善,不知道是不是一些小的BUG。为什么这样?#30340;兀?#22240;为现在很多博客文章里面写的代码,都实现了代码格式化(代码高亮)。而百度编辑器却不能。直到现在我才明白:是我误解了,原来是没引用相关的文件而产生的。好了废话不多说,下面就分享下:怎么让百度编辑器实现代码高亮的功能!

一、引用相关的文件

    找?#36739;?#20851;的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   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
特效 教程 资源 资讯 福利
破解快三单双大小规律
江苏体彩七位数综合走势图 江苏七位数所有历史号 那个梭哈好玩 竞彩足球彩票app下载 手机免费赚钱正规平台 北京赛车历史开奖记录盛兴 内蒙古快3预测今天推荐 大乐透走 辽宁35选7的开奖号码是多少钱 双色球开奖直播17085 河南11选5网上购买投注 032特码心水论坛 江苏11选5号码遗漏查询 云南快乐10分开奖 大乐透基本走势图100