建站经验技巧织梦CMS5.7更换为百度编辑器Ueditor的步骤

织梦CMS5.7更换为百度编辑器Ueditor的步骤

织梦DEDECMS自带的编辑器界面不美观,显得有些过时了,而功能方面也并不是很好用,而百度的Ueditor是一款很不错的编辑器,所以将dedecms的编辑器改为Ueditor是个不错的选择,下面我们一起来看看如何更换:

首先,到百度Ueditor官方网站下载编辑器,官方提供了很多版本,我们dedecms当然是用php版,这里我们下载一个最新版的php版来演示。

官方下载地址:http://ueditor.baidu.com/website/download.html 

下载到电脑上后,解压,然后将解压后的文件夹重命名为ueditor,不带版本号。

接着,将这个ueditor文件夹上传到dedecms的include文件夹下。

然后,将include下的inc文件夹内的inc_func_funcAdmin.php文件备份一下,然后用文本编辑器打开该文件,找到大约185行,加入下面的代码:

else if($GLOBALS['cfg_html_editor']=='ueditor')
{
        $fvalue = $fvalue=='' ? '<p></p>' : $fvalue;
        $code = '<script type="text/javascript" charset="utf-8" src="/include/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/include/ueditor/ueditor.all.js"></script>
<link rel="stylesheet" type="text/css" href="/include/ueditor/themes/default/css/ueditor.css"/>
<textarea name="'.$fname.'" id="'.$fname.'" style="width:700px; height:400px;">'.$fvalue.'</textarea>
<script type="text/javascript">var ue = new 
baidu.editor.ui.Editor();ue.render("'.$fname.'");</script>';
        if($gtype=="print")
        {
            echo $code;
        }
        else
        {
            return $code;
        }
}

更换ueditor编辑器2.png

代码添加后,保存文件,然后进入网站后台——系统——基本参数——核心设置-->将html编辑器这一项修改为ueditor,然后保存设置。

更换ueditor编辑器3.png

接下来清理一下浏览器的缓存,在dedecms后台点添加文章试试,我们可以看到编辑器已经成功的换成Ueditor了,如下图:

更换ueditor编辑器4.png

站长Colin Gao,85后自由职业者,爱钻研,爱学习网页设计。建立本站的目的是整理学习笔记,分享学习经验,认识更多的朋友。感谢您阅读本站的文章,部分内容参考了网上的一些教程,但我会尽量根据自己的理解写更多原创的东西,本站网址如下,欢迎转载:
如果方便的话,转载请注明来自:http://www.cssaaa.com/website/59.html