用过dedecms的朋友都知道dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果。现在广大用dedecms的朋友们,你们有福啦!我们可以利用百度的Ueditor编辑器来改变这一状况,让dede的文本编辑功能变得更加的强大。
下面我教大家如何利用百度的(ueditor)编辑器替换dede自带的编辑器:
第一步:下载相对应编辑器的版本
首先,去百度搜索“百度ueditor编辑器”,然后点击进入官网,找到下载页面。找到我们想要的编辑器的版本,这点相信不要我多说了。下载下来,然后修改名称为“ueditor”,并进行打包上传到include目录下。
温馨提示:在安装前,最好备份下所要修改的文件。
第二步:修改inc_func_funcAdmin.php文件
打开include下的inc文件夹内的inc_func_funcAdmin.php找到184行,贴入以下代码。
01 | else if ($GLOBALS[ 'cfg_html_editor' ]== 'ueditor' ) |
03 | $fvalue = $fvalue== '' ? '<p></p>' : $fvalue; |
04 | $code = '<script type = "text/javascript" charset= "utf-8" |
05 | src= "/include/ueditor/ueditor.config.js" ></script> |
06 | <script type = "text/javascript" charset= "utf-8" |
07 | src= "/include/ueditor/ueditor.all.js" ></script> |
08 | <link rel= "stylesheet" type = "text/css" |
09 | href= "/include/ueditor/themes/default/css/ueditor.css" /> |
10 | <textarea name= "'.$fname.'" id = "'.$fname.'" |
11 | style= "width:100%;" > '.$fvalue.' </textarea> |
12 | <script type = "text/javascript" >var ue = new |
13 | baidu.editor.ui.Editor();ue.render( "'.$fname.'" );</script>'; |
|
如图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/89dcedd5c7562611ab0fd46f844efa9e.jpeg)
(此图片来源于网络,如有侵权,请联系删除! )
第三步:修改配置
进入网站后台-->系统-->系统基本参数-->核心设置-->将 Html编辑器的值改为 ueditor ,然后保存。 到了这一步,那么恭喜你,文本编辑器已经替换成功!
----end----
由于之前有位朋友跟我说添加了百度编辑器,使其内容无法保存。解决办法如下:
1、修改\dede\templets\ 目录下 的 catalog_edit.htm 及 catalog_add.htm两个文件。
2、搜索到function checkSubmit() 在函数 return true; 前 添加以下代码:
1 | document.getElementsByName( "content" )[0].innerHTML = ue.getContent(); |
|
3、修改后的代码如下:
03 | if (document.form1.typename.value== "" ){ |
05 | document.form1.typename.focus(); |
08 | document.getElementsByName( "content" )[0].innerHTML = ue.getContent(); |
|