zoukankan      html  css  js  c++  java
  • dedecms5.7怎么安装百度编辑器

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

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

  • 相关阅读:
    【Leetcode周赛】从contest-81开始。(一般是10个contest写一篇文章)
    【LeetCode】抽样 sampling(共4题)
    【LeetCode】拓扑排序 topological-sort(共5题)
    【LeetCode】几何学 geometry(共2题)
    【读书笔记】C/C++程序员面试秘籍
    【读书笔记】程序员面试笔记
    【sql】牛客网练习题 (共 61 题)
    HDU 6119 小小粉丝度度熊 双指针
    2017多校第7场 HDU 6128 Inverse of sum 推公式或者二次剩余
    2017多校第7场 HDU 6121 Build a tree K叉树,思维
  • 原文地址:https://www.cnblogs.com/zqw111/p/11106528.html
Copyright © 2011-2022 走看看