设为首页 - 加入收藏
您的当前位置:主页 > CMS教程 > 织梦CMS > 正文

织梦CMS如何安装百度ueditor编辑器的方法

来源:网络收集 点击数: 时间:2018-01-20

织梦CMS自带的ckeditor编辑器是一款年代久远的编辑器,只能实现一些基本的文字编辑功能,现在看来十分落后。而百度旗下的Ueditor编辑器是目前功能最齐全的一款编辑器,利用它能实现很多功能,那么如何在织梦CMS中安装百度Ueditor编辑器呢?

一、先Ueditor编辑器文件

首先百度“百度ueditor编辑器”,点击官网;

织梦CMS安装百度ueditor编辑器的方法

进入下载页面,找到自己需要的版本,点击下载;

织梦CMS安装百度ueditor编辑器的方法

把解压后的文件提取出来命名为“ueditor”;

织梦CMS安装百度ueditor编辑器的方法

最后,将ueditor文件夹上传到网站根目录的include文件夹下。

二、修改inc_func_funcAdmin.php文件

找到include/inc/inc_func_funcAdmin.php文件,先备份好,再修改,将以下代码加入到第184行:



    //百度编辑器
        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:100%;">'.$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;
        }
            }
 

如图:

织梦CMS安装百度ueditor编辑器的方法

 

三、修改后台配置

依次进入[后台]-[系统]-[系统基本参数]-[核心设置]Html编辑器(ckeditor,需要fck的用户可以去官网下载):“这一选项修改为:ueditor;

织梦CMS安装百度ueditor编辑器的方法

四、在Dede后台发布文章或者修改文章,我们会发现编辑器已经成功替换,是不是很方便呢?快去试试吧!

织梦CMS安装百度ueditor编辑器的方法

如果,要修改附件(图片或文件)的上传目录,请猛戳:《百度ueditor编辑器图片及文件上传配置修改》。

栏目分类

A3站长网 站长网 站长网技术网 站长教程网 织梦CMS教程 织梦模板 帝国CMS模板 联系QQ:26991496 邮箱:26991496@qq.com

A3站长网:欢迎您!谢谢您的访问...

Top