dedecms5.7怎么安装百度编辑器

用过dedecms的朋友都知道dede自带的文本编辑器很很差用,且有些功能还须要咱们本身手动去修改源码,才能完成咱们想要的效果。如今广大用dedecms的朋友们,大家有福啦!咱们能够利用百度的Ueditor编辑器来改变这一情况,让dede的文本编辑功能变得更加的强大。javascript

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

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

首先,去百度搜索“百度ueditor编辑器”,而后点击进入官网,找到下载页面。找到咱们想要的编辑器的版本,这点相信不要我多说了。下载下来,而后修更名称为“ueditor”,并进行打包上传到include目录下。html

舒适提示:在安装前,最好备份下所要修改的文件。java

第二步:修改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; } }

 

如图所示:网站

加入代码.jpg

第三步:修改配置 ui

进入网站后台-->系统-->系统基本参数-->核心设置-->将 Html编辑器的值改成 ueditor ,而后保存。 到了这一步,那么恭喜你,文本编辑器已经替换成功!spa

如图所示:

最终效果图.jpg

 

 

-------- 2016-5-21 更新 -------

 

因为以前有位朋友跟我说添加了百度编辑器,使其内容没法保存。解决办法以下:

 

一、修改\dede\templets\ 目录下 的 catalog_edit.htm 及 catalog_add.htm两个文件。

 

二、搜索到function checkSubmit() 在函数 return true; 前 添加如下代码:

document.getElementsByName("content")[0].innerHTML = ue.getContent();

 

 

三、修改后的代码以下:

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

 本文出处:https://www.jkys120.com/

相关文章
相关标签/搜索