我用的是 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,注意大小写,最后保存。
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!