行业资讯

织梦dede5.7安装百度【ueditor】编辑器详细方法

标签: | 来源:全宝鑫 | 作者:网络助手 | 浏览()次
30
Nov
2018

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


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


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

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

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


第二步:修改inc_func_funcAdmin.php文件

打开include下的inc文件夹内的inc_func_funcAdmin.php找到185行,贴入以下代码。

加入代码.jpg

如图所示:

 

    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编辑器的值改为 ueditor ,然后保存。 到了这一步,那么恭喜你,文本编辑器已经替换成功!

如图所示:

最终效果图.jpg

 

第四步:解决单页和栏目内容都无法写入和读取

手动整合百度的ueditor编辑器后单页和栏目内容都无法写入和读取,下面全宝鑫教大家修复写入读取方法:


⑴、栏目内容修复,打开你的后台/templets/目录
分别找到 catalog_add.htm和catalog_edit.htm 两个文件并打开
两个文件分别找

  1. function checkSubmit()

在return false;前一行加入

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

两个文件都按上面方法修改,修改完后保存!


完成后如下图:



⑵、单页内容修复你的后台/templets/目录
分别找到 templets_one_add.htm和templets_one_edit.htm 两个文件并打开
两个文件分别找

  1. function checkSubmit()

在最后一个“}”符号前一行加入

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

两个文件都按上面方法修改,修改完后保存!


以上是本人亲自测试过,完全可以用,才介绍给大家!




网站优化专区

本月热点资讯
咨询热线:
137-6042-7131
在线客服:
售前服务 点击这里给我发消息
售前服务 点击这里给我发消息
售前服务 点击这里给我发消息
售后服务 点击这里给我发消息
联系微信:
手机网站: