本文给大家详细讲述了Vue2.0中集成UEditor富文本编辑器的方法以及相关注意事项做了讲述，有兴趣的朋友学习下。

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。 1.首先下载UEditor源码，将整个文件放到static文件夹中 2.然后将UEditor集成到项目中去。 找到src/main.js，在main.js中 import '../static/ueditor/ueditor.config.js' import '../static/ueditor/uedit

本资源为ueditor富文本编辑器压缩包，里面包含ueditor.all.min.js等文件，有需要的读者可以自行下载。

ssm框架实现的富文本编辑器的一个demo可登录账号，查看信息，增删改查都有。，参考使用

# ueditor_aliyun_oss 一、本项目里面的所有阿里云配置均已禁用，因此需要修改阿里云的配置信息 OSSKey.properties 配置文件参数描述 useStatus true/false是否启用云存储， autoCreateBucket true/false是否添加新的存储仓库，默认false key 仓库权限key secret 仓库权限secret bucketName 云存储仓库的名称 ossEndPoint ueditor显示图片的访问域名 ossCliendEndPoint 阿里云文件存储的endpoint,在仓库概览里面可以看到 useCDN true/false是否启用cdn加速 cdnEndPoint cdn加速域名配置 useLocalStorager 是否启用本地存储 useAsynUploader 是否启用异步上传 二、启动运行项目 1、本项目编译环境，1.6及以上环境，idea 2016.2 2、测试http://localhost:8080/ueditor/jsp/controller.jsp 如果不能正常访问那么上传文件就不能使用 3、可以直接运行，idea运行时的测试路径，因个人环境配置有直接关系，eclipse需要加上项目名称才能运行 http://localhost:8080/ueditor/index.html 三、直接使用编译后的本项目到页面环境配置 1、直接将编译后的文件放进tomcat即可使用

springboot整合ueditor，由于项目是springcloud分布式项目,注册中心和其他服务未上传,下载的同学看代码路径和配置即可.资料参考地址: https://blog.csdn.net/a1053765496/article/details/105965560

springboot和ueditor的整合，自己写完测试过可以用，下载下来只需要修改index.html中的地址就可以。具体搭建的步骤在：https://www.jianshu.com/p/231e83c13610 中，大家可以参考。

UploadHandler类中的 process方法修改对应的上传阿里云OSS对象后的业务逻辑

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

百度ueditor富文本编辑器utf-8-jsp版, 有完整demo，直接引用