前端视角漫谈百度ueditor编辑器前后端分离配置

此文旨在前后端分离的前提下，配置ueditor联通前后端接口，实现ueditor的文件上传（一般是图片上传）并在编辑器中反显

---

目录结构

百度的ueditor组件提供了各种主流的后端语言（Java，Asp，Php，Net。当然，没有node是一个遗憾）资源包，目录结构如下图

给前后端分离工作提供了很好的铺垫，这里不得不赞叹我们的百度工程师！

前端使用vue-cli，内置了webpack服务，后端使用java

前端目录结构是这样

配置静态资源

配置

首先配置ueditor的静态资源地址，配置成功后，css样式、语言包、各子组件等文件将会由组件自行加载

找到ueditor.config.js文件的URL字段，配置为

  var URL = '/static/ueditor/'

即可

引入

由于ueditor不具备前端模块化的前提，因此当成静态资源引入是一个更好的选择