富文本编辑器:UEditor与wangEditor 初使用总结-优快云博客

本文总结了初次使用UEditor和wangEditor这两个流行的富文本编辑器的经验，探讨了它们的特性和在前端开发中的应用，尤其在PHP和JavaScript环境下的集成与配置。

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

## 1、UEditor

 1. UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。
 2. 插件多，基本满足各种需求


### 1.1、环境

> 环境搭建，结合了XAMPP(建站集成软件包)搭建后台，图片上传功能实现的必备-结合后台

### 1.2、使用

>1、研究官方文档，使用官方提供的一些[方法][1]
2、[工具栏定制][2]
3、本次研究主要研究UEditor的图片上传功能
4、研究具体文件中具体功能的事件执行
...
### 1.3、遇见的问题
> 1、复制的图片有些不能上传到服务器上
2、批量上传--重复，顺序错乱
3、从word文档中复制图片--空白显示

### 1.4、问题点
>1、对于不能上传的服务器上的，比如冲网上复制粘贴的，只要被复制的文件是以图片格式保存的就可以上传到服     务器上，但是如果不是图片格式的，复制到编辑器中的图片就指向他原来的服务器上
2、图片上传重复，Uploader.class.php 中 的随机数函数$randNum = rand(1, 10000000000) . rand(1,           10000000000); 这个取值范围太大了，超过了int的范围，从而导致了错误。
3、图片上传错乱，多图上传使用插件webuploader，他是多线程上传的，ueditor对“uploadSuccess”的处理是上传   成功一张，就加入到数