织梦dede自带编辑器替换百度ueditor编辑器

暴力小野兽 技术杂谈评论17阅读模式

用过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=http://blog.aftss.cn/a/dedejq/"/include/ueditor/ueditor.config.js"></script>
 <script type="text/javascript" charset="utf-8"
src=http://blog.aftss.cn/dedejq/"/include/ueditor/ueditor.all.js"></script>
<link rel="stylesheet" type="text/css"
href=http://blog.aftss.cn/a/dedejq/"/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;
}
}

如图所示:

织梦dede自带编辑器替换百度ueditor编辑器

第三步:修改配置

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

—-end—-

由于之前有位朋友跟我说添加了百度编辑器,使其内容无法保存。解决办法如下:

 

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

 

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

document.getElementsByName("content")[0].innerHTML=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;
}

 

上一篇:织梦DEDECMS整站动态化或整站静态化设置方法

下一篇:织梦dede让编辑文档也能自动更新主页和列表页

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

 

 
暴力小野兽
  • 本文由 暴力小野兽 发表于 2024年 3月 14日 21:40:02
  • 转载请务必保留本文链接:https://blog.chunchunhd.com/2684.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证