用过织梦dedecms后台的朋友都知道dede织梦自带的文章文本编辑器很不好用,有些功能过时无效需要手动修改源码,才能达到我们想要的效果。对于初学代码和IT小白来说这很难!其实我们可以利用百度的Ueditor万能编辑器来替换原有编辑器,让dede的文本编辑功能变得更加强大实用。
下面我教大家具体如何利用百度的(ueditor)编辑器替换dede自带的编辑器文本文章编辑器步骤!
百度的(ueditor)编辑器替换dede自带的编辑器步骤
编辑器替换第一步:
下载相对应编码的文章文本编辑器版本。
首先,百度搜索“百度ueditor编辑器”,然后点击进入ueditor编辑器官网,点击下载。找到我们网站后台对应编码版本的编辑器版本,这点我就不多说了。压缩包下载后,修改名称为“ueditor”,之后上传到网站 FTP 后台文件目录 include 目录下。注意文件夹名字必须为ueditor。
编辑器替换第二步:
修改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; } }
添加后代码总体如图所示:
第三步:修改配置
进入网站后台–>系统–>系统基本参数–>核心设置–>将 Html编辑器的值改为 ueditor ,然后保存。到了这里,那么就要恭喜你,文本编辑器已经替换成功!快去试试看吧!织梦编辑器替换教程解说完毕!
相信通过上面的教程步骤,你应该能想到其实ckeditor文件夹就是织梦原来的后台文本编辑器调用文件夹。(嘿嘿!其实现在可以删除ckeditor文件夹了)。更高级的inc_func_funcAdmin.php185行后的代码构架其实也重复了,无用可以删了!当然小白的话,这些无所谓的代码精简看看就好,不然删错了就尴尬了!!!
织梦后台文章编辑器替换成ueditor百度多功能编辑器通用步骤!文章后话:
之前有朋友跟我说:添加替换百度编辑器后,导致文章内容无法保存。解决办法如下:
1、修改dedetemplets 目录下 的 catalog_edit.htm 及 catalog_add.htm两个文件。
2、搜索到function checkSubmit() 在函数 return true; 前 添加以下代码:
document.getElementsByName("content")[0].innerHTML = ue.getContent();
修改后的代码如下:
function checkSubmit() { if(document.form1.typename.value==""){ alert("栏目名称不能为空!"); document.form1.typenlaoji.orgame.focus(); return false; } document.getElementsByName("content")[0].innerHTML = ue.getContent(); return true; }
注:本解决方法由seo会所俱乐部大众网友提供,暂没亲测(因为我没有遇到此情况)。有更多的方法欢迎交流!不懂得欢迎留言讨论!
51分享吧 » 织梦后台文章编辑器替换成ueditor百度多功能编辑器的步骤