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

  • 编辑时间: 2016-05-21
  • 浏览量: loading
  • 作者: 段亮

用过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;
}
}

如图所示:

加入代码.jpg

第三步:修改配置 

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

如图所示:

最终效果图.jpg



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


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


1、修改\dede\templets\ 目录下 的 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;
}

注:本解决方法由网友提供,暂没亲测(因为我没有遇到此情况)。

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


本文由段亮个人博客原创出品;如需转载请注明出处

本文出处:http://www.duanliang920.com/learn/dede/265.html

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 冰凉情节
    2016-09-09 13:51:57发表

    博主,装了1.4.3最新版百度编辑器之后上传图片无法自动提取缩略图和添加水印有没有解决办法

  • my love
    2016-09-04 20:55:19发表

    对,可能是百度编辑器直接把html代码过滤掉了,后台那里只要是html的标签成对出现,当点击保存后再回去修改html代码就没了,博主你没有遇到这种情况吗?怎么破?

  • 段亮自媒体博客
    2016-09-04 18:07:59发表

    这应该是百度编辑器自身的原因。

  • my love
    2016-09-04 14:47:22发表

    博主我按照你的文章操作遇到了个问题,就是编辑代码html,点击保存更新后文章也可以正常显示,但我回后台修改的时候发现js、css的代码还在,但html的代码那里没了(我编写的html代码格式:div/div),博主你有遇到这种

  • 段亮自媒体博客
    2016-06-01 21:07:35发表

    你代码位置放对没,基本按照我的走。不出意外都会出现的

  • ls19890611
    2016-06-01 15:03:37发表

    楼主你好,按照你的方法和网上别的类似方法做了,编辑器区域是空白的,里面只有两个P标签,求解,找了好久都解决不了,本地和服务器上都试了

  • Axl
    2016-05-30 15:52:04发表

    表头出现乱码 字体选择、字号这些全是乱码

  • 唯美的句子
    2016-05-28 19:34:17发表

    还是不行

  • 动画城
    2016-05-03 11:08:54发表

    请问这个支持BGK的dede5.7版本吗

  • 汇海时代-网建维护1
    2016-03-16 15:23:38发表

    注意 代码 放入的位置 要放在 if($GLOBALS[cfg_html_editor]==fck){ } 的外面

  • 段亮自媒体博客
    2016-02-03 09:04:11发表

    看是否报错什么的

  • 酷站网
    2016-01-31 16:03:12发表

    编辑器直接不显示了?怎么回事啊

  • 段亮自媒体博客
    2015-12-03 09:26:53发表

    经测试,我的是可以的!

  • 张增伟
    2015-12-02 19:26:57发表

    确实是这样的。

  • 段亮自媒体博客
    2015-11-16 09:10:44发表

    关于栏目无法的问题,刚才在网上找到了解决问题。先找到这两个文件:/dede/templates/catalog_edit.htm、/dede/templates/catalog_add.htm然后找到下面代码在GetEditor前面添加$GLOBALS[cfg_html_editor]=ckedito

  • 段亮自媒体博客
    2015-11-16 08:50:21发表

    刚测试了下,修改栏目内容时,是会出现无法保存。这应该是ueditor的问题

  • 子涵
    2015-11-15 21:37:04发表

    那个栏目内容的时候会无法保存,需要手动的去缩放浏览器;我不知道我是配置不对还是什么的,在使用1.4的时候,后台编辑页面有时候会出不来。

  • 段亮自媒体博客
    2015-11-15 09:47:47发表

    不知道你说的BUG是在哪些地方,我测试了下能用,版本是1.4.3.1PHP版本,就是最新的

  • 段亮自媒体博客
    2015-11-15 09:30:16发表

    可能吧!

  • 激情聊天室
    2015-10-31 00:00:26发表

    想看激情表演点我名称在织梦会自动生成怎么解决~~~

  • 激情聊天室
    2015-10-30 23:58:09发表

    http://www.fuli889.com-26uuu午夜成人聊天室-你懂的

  • 松井玲奈
    2015-10-27 03:28:50发表

    [ali追]

  • 我舌头很卷
    2015-10-20 16:20:25发表

    [蜡烛]

  • 歪妖内涵网
    2015-09-01 17:05:05发表

    网站不错,雁过留痕,欢迎互访!

  • 段亮自媒体博客
    2015-08-19 15:42:53发表

    应该不是吧!

  • jx_che
    2015-08-19 09:28:35发表

    后来查看源代码,原因是ueditor.all.js没有引用成功,但是我的那个文件真实存在,通过浏览器url访问该文件,提示访问不到,是什么原因,是这个文件权限问题吗?

  • 段亮自媒体博客
    2015-08-18 18:37:43发表

    那就不清楚了,本地可以的话,服务器应该也没多大问题。看下是否是其它原因

  • jx_che
    2015-08-18 17:32:46发表

    本地可以,上传阿里云服务器,上面那些工具菜单都不显示,只显示一个内容框?

  • 段亮自媒体博客
    2015-07-30 08:34:09发表

    为什么我的可以

  • tonygeng
    2015-06-17 09:35:04发表

    后台栏目编辑时,单页栏目编辑无法保存,这个教程太多了,都是到这一步,但是后面的无法保存,图片出问题。

  • 段亮自媒体博客
    2015-06-03 19:25:24发表

    不可能吧!我暂时没发现这样的问题

  • 冉煜
    2015-06-03 18:53:29发表

    上传图片说上传成功 但是服务器上并没有 还显示找不到临时文件 怎么弄啊 亲

  • 段亮自媒体博客
    2015-05-27 18:50:05发表

    仔细检查下代码吧!我的能行

  • 阿鬼哥
    2015-05-27 09:23:10发表

    我怎么不能用,就是按照教程改的,后台出不来呢

  • 段亮自媒体博客
    2015-04-09 18:41:48发表

    必须能用啊!

  • 小小的失落
    2015-04-09 16:00:37发表

    能用?添加附件 图片可以 ?

  • 王鹏宇
    2015-01-06 17:43:23发表

    感谢!起码不是复制党!

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客