Vue中集成百度UEditor

前言

最近项目中有集成富文本编辑的需求,在市面上搜索了很多插件,发现还是百度的UEditor比较适合,功能强大,兼容性好。对于jQuery架构的前端项目,引入UEditor并不是什么难事,但是在vue中确实需要稍作改变

路径配置

  1. 下载UEditor,我下载的jsp版本的
  2. 将下载的文件放入vue项目中
  3. 打开ueditor.config.js
  4. 设置window.UEDITOR_HOME_URL为项目绝对路径地址
  // 我将下载下来的UEditor文件放在了根路径下的"static/js/ueditor"文件夹中
  window.UEDITOR_HOME_URL = "/static/js/ueditor/"
  1. 找到window.UEDITOR_CONFIG这个对象,注释其serverUrl字段(如果不注释会报上传文件地址错误的问题)
  2. 打开vue的入口模板html文件,设置cdn引用
  
  
  
  

至此,前期准备工作已经完成

实际使用





你可能感兴趣的:(Vue中集成百度UEditor)