dedecms5.7安装百度(ueditor)编辑器的方法

2017-04-13 21:01:08 dedecms

用过dedecms的朋友都知道dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果。现在广大用dedecms的朋友们,你们有福啦!我们可以利用百度的Ueditor编辑器来改变这一状况,让dede的文本编辑功能变得更加的强大。

下面我教大家如何利用百度的(ueditor)编辑器替换dede自带的编辑器:

第一步:下载相对应编辑器的版本

首先,去百度搜索“百度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; } }

如图所示:

HTML = ue.getContent();

3、修改后的代码如下:

function checkSubmit() { if(document.form1.typename.value==""){ alert("栏目名称不能为空!"); document.form1.typename.focus(); return false; } document.getElementsByName("content")[0].innerHTML = ue.getContent(); return true; }

注:

本解决办法由网友提供,暂没亲测(

因为我没有遇到此情况

)。

如果你也遇到此网友一样的问题,不妨可以尝试一下。若有其他解决办法,也可以私信我。跟我一起来帮助大家!