织梦如何添加百度编辑器？

核心思路

织梦默认使用的是ckeditor编辑器，要更换为百度UEditor，我们需要做以下几件事：

1. 下载UEditor：从百度官方获取最新的UEditor编辑器文件。
2. 替换文件：将织梦原生的编辑器文件替换为UEditor的文件。
3. 修改模板：修改织梦后台的内容编辑模板，使其加载UEditor。
4. 配置UEditor：根据需要配置UEditor的功能和上传路径。

第一步：下载百度UEditor

1. 访问官网：前往百度UEditor的官方发布页面：https://ueditor.baidu.com/website/download.html
2. 选择版本：
   • 开发版：包含源码，适合学习和深度定制，文件较大。
   • 最小部署版：只包含核心运行文件，体积小，适合直接使用。
   • 完整版：包含所有功能，文件较大，但功能最全。
3. 选择语言：选择 PHP 版本。
4. 下载并解压：下载完成后，将压缩包解压到一个临时文件夹，你会得到一个类似 ueditor1_4_3_3-php 的文件夹。

第二步：上传UEditor文件到织梦服务器

1. 找到织梦编辑器目录：通过FTP或文件管理器，登录你的网站服务器，找到织梦编辑器的存放目录，通常位于：

   /dede/

   在这个目录下,你会看到一个名为 editor 的文件夹。

2. 备份原编辑器：强烈建议先备份原有的 editor 文件夹，以防操作失误可以恢复。

3. 上传新文件：

   
   （图片来源网络，侵删）
   • 将第一步解压出的UEditor文件夹内的所有内容,全部覆盖上传到织梦的 /dede/editor/ 目录下。
   • 确保目录结构大致如下：

     /dede/
     ├── editor/
     │   ├── dialogs/      // 弹出对话框目录
     │   ├── lang/         // 语言包目录
     │   ├── themes/       // 主题样式目录
     │   ├── ueditor.config.js // UEditor核心配置文件
     │   ├── ueditor.all.js    // UEditor核心JS文件
     │   └── ... (其他文件)
     │
     ├── (织梦其他文件...)

第三步：修改织梦模板以加载UEditor

这是最关键的一步,我们需要修改织梦后台的模板文件，让它在编辑内容时调用UEditor，而不是原来的编辑器。

1. 找到模板文件：在织梦后台，进入“模板” -> “默认模板管理”，我们需要修改的是内容发布相关的模板，它们位于 article_add.htm 和 article_edit.htm。

2. 修改 article_add.htm (添加文章模板)：

   • 在后台模板管理中找到并点击 article_add.htm 进行编辑。
   • 在模板代码中找到 function showEditor() { ... } 这个JavaScript函数。
   • 删除 showEditor 函数内部的所有原有代码（通常是关于ckeditor的初始化代码）。
   • 将 showEditor 函数的替换为以下代码：

   function showEditor(str1,str2) {
       var res = str2 + " ";
       if(document.getElementById(str1)) {
           document.getElementById(str1).value = res;
       } else {
           document.getElementById(str1).innerHTML = res;
       }
       try {
           UE.getEditor('body').setContent(res);
       } catch (e) {
           console.error('UEditor初始化失败，请检查文件是否上传完整。', e);
       }
   }

   • 找到 <textarea name="body" id="body"></textarea> 这一行。
   • 将其完全删除，并替换为以下代码：

     <script type="text/plain" id="body" name="body" style="width:100%;height:400px;"></script>
     <script>
     UE.getEditor('body');
     </script>

3. 修改 article_edit.htm (编辑文章模板)：

   
   （图片来源网络，侵删）
   • 同样地,在后台模板管理中找到并编辑 article_edit.htm。
   • 重复上面 article_add.htm 的两个步骤：替换 showEditor 函数，并替换 <textarea>

4. 清空缓存：完成模板修改后，务必在后台点击“系统” -> “一键更新网站” -> “更新所有”，或者直接在“系统” -> “性能选项”中“清空所有缓存”。