DedeCMS织梦整合ueditor百度编辑器

2019-11-19 二次开发 热度 °
我用的是 dedecms5.7 版本,自带的 ckeditor 编辑器在后台为指定的栏目添加新文档和编辑栏目内容时无法显示,于是就找了百度的编辑器 ueditor,版本是 1.4.3.1。整合也很简单,但问题也出现不少,先说整合步骤。

整合步骤

步骤一:先把自己网站备份一下(非常重要)!
步骤二:去官网下载最新版的ueditor(这样的目前是最新 1.4.3),注意要对应自己的网站编码,我用的是 utf-8 的,官网也有 gbk 的,自己选择!
步骤三:解压后有 2 个文件夹,分别是 utf8-php,__MACOSX,__MACOSX 是苹果机的相关文件,可以不管,把 utf8-php 改名为 ueditor,注意大小写,然后复制到 dedecms/include/下。
步骤四:打开 dedecms/include/inc 下的 inc_func_funcAdmin.php,找到 else if($GLOBALS['cfg_html_editor']=='ckeditor'),大约 184 行,在这之前插入以下代码:
 else if($GLOBALS['cfg_html_editor']=='ueditor')
        {
            $fvalue = $fvalue=='' ? '<p></p>' : $fvalue;
            $code = '<script type="text/javascript" charset="utf-8" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/ueditor.config.js"></script>
            <script type="text/javascript" charset="utf-8" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/ueditor.all.min.js"></script>
            <link rel="stylesheet" type="text/css" href="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/themes/default/css/ueditor.css"/>
            <textarea name="'.$fname.'" id="'.$fname.'" style="width:100%;height:100%;min-height:300px;">'.$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 不能保存内容,看下面,在 dedecms/dede/templates/下,找到 catalog_edit.htm,catalog_add.htm 这 2 个文件,找到下面的代码
        function checkSubmit(){
            if(document.form1.typename.value==""){           
                alert("栏目名称不能为空!");           
                document.form1.typename.focus();          
                return false;  
            }
            returntrue;
        }
在 return true;前一行加入
document.form1.content.value = document.getElementById("ueditor_0").contentWindow.document.body.innerHTML;
注意 getElementById("ueditor_0")这里,如果不是 ueditor1.4.3.1 版本有可能是 getElementById("baidu_editor_0"),根据自己情况修改。
步骤六:进入后台->系统->系统基本参数->核心设置->将 Html 编辑器的值改为 ueditor,注意大小写,最后保存。