dede织梦更换ueditor百度编辑器详解

发布时间:2019-01-15作者:小灵龙点击:109

1,去百度编辑器官网下载最新的插件,http://ueditor.baidu.com/website/download.html#ueditor    UTF-8 版本和GBK版本,看好自己版本再下载。下载完成之后把文件夹(utf8-php)改名为  ueditor。

2,把改完名字之后的 ueditor 文件夹复制到 dedecms 根目录下的 include 文件夹之中,


3,找到 include\inc\inc_fun_funAdmin.php 文件,找到 230行左右的代码:添加下面的代码:

elseif($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.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%;">'.$fvalue.'</textarea> 

        <script type="text/javascript"> var ue = UE.getEditor("'.$fname.'");</script>'; 

        if($gtype=="print") 

        { 

        echo $code; 

        } 

        else 

        { 

        return $code; 

        } 

    }
4,dedecms后台中的: 系统 - 系统基本参数 - 核心设置 -  Html编辑器(ckeditor,需要fck的用户可以去官网下载):修改成 ueditor

至此,已经全部修改完成,可以更新一下缓存这样就可以了。如果编辑过程中出现什么问题,可以查看下面的扩展,也能帮


扩展:
 

a,修改 include\ueditor\php\config.json 配置文件,(其实这一步也可以省略,虽然不影响使用,但是我们在添加文章时目录会生成一些新的目录) 原始文件都是类似这样的:/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}    意思就上传时会保存在跟目录下生成这样的目录格式,我们需要把它修改为dedecms默认的图片文件存放地址 uploads 下,我的命名规则是这样的:

/uploads/image/{yyyy}{mm}{dd}/{time}{rand:6}    当然你们也可以修改为你们自己想要的目录格式。
b,

如果后台发布一篇超长的文章,编辑器的高度是自动延伸的话,需要修改配置文件, include\ueditor\ueditor.config      打开这几行的注释:

//,autoHeightEnabled:true  

 

//,scaleEnabled:false

//,minFrameWidth:800    //编辑器拖动时最小宽度,默认800

//,minFrameHeight:220  //编辑器拖动时最小高度,默认220

 

initialFrameWidth :800,//设置编辑器宽度

initialFrameHeight:250,//设置编辑器高度

把宽高改为你想要的即可。
c,在编辑单页文档和栏目内容的时候,百度编辑器不能够保存新增或已修改数据,经过排查后发现问题出现在catalog_edit.htm、catalog_add.htm这两个文件
 c_1,第一种办法:
 首先打开catalog_edit.htm,找到大概109行的return true;

在这行代码上面加入(以下代码中不能使用回车换行):
    备用:     document.getElementsByName("content")[0].innerHTML = ue.getContent();


    document.form1.content.value = document.getElementById("ueditor_0").contentWindow.document.body.innerHTML;

然后打开catalog_add.htm,找到大概第113行的return true;

同样在上面加入(以下代码中不能使用回车换行):

    document.form1.content.value = document.getElementById("ueditor_0").contentWindow.document.body.innerHTML;

保存文件即可使百度编辑器正常工作
c_2,第二种办法:

修改后台文件dede》templets》catalog_add.htm和catalog_edit.htm。这两个文件中的form表单换个位置就行。

在catalog_add.htm大概155行修改form表单位置,把form开头部分放在td内。catalog_edit.htm同样的道理,换个位置。



 

d,使用百度编辑器后,如果不添加缩略图,而是想在文章内容里面直接调用第一张图片为缩略图,必须设置下载远程图片和资源,把勾去掉。因为百度编辑器已经把远程图片本地化了,所以不需要再本地化。

 


标签:dede编辑器,dede更换uedito