DedeCMS整合百度ueditor编辑器

明迪

已于 2022-10-20 04:33:56 修改

阅读量660

点赞数

CC 4.0 BY-SA版权

分类专栏： DEDE织梦文章标签： DedeCMS 百度ueditor编辑器前端

于 2022-10-19 05:14:28 首次发布

本文链接：https://blog.csdn.net/edsoki/article/details/127400011

DEDE织梦专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何在DedeCMS 5.7.101版本中整合百度Ueditor编辑器，包括文件夹结构调整、配置文件修改、图片路径设置，以及针对七牛云存储的定制版本下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DedeCMS版本：UTF-8 V5.7.101正式版(更新日期:2022-09-30) 官方下载

Ueditor版本：UTF-8 v1.4.3.3 官方下载

一、整合编辑器

1、将Ueditor下载后解压，并且修改文件夹名为：ueditor

2、将 ueditor 文件夹复制到 DedeCMS 路径下的 include 文件夹下

3、修改 \include\inc\inc_fun_funAdmin.php 文件

在当前文件的187行代码 else if($GLOBALS['cfg_html_editor']=='ckeditor') 的上方增加以下代码

    // 百度ueditor编辑器----开始
    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%;height: 600px;">'.$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;
                }
    }
    // 百度ueditor编辑器----结束

如图所示：