vue2.x结合百度UEditor富文本编辑器

Posted on 2018-12-20 16:46  郑小胖  阅读(443)  评论(0编辑  收藏  举报

1.首先下载UEditor源码(https://ueditor.baidu.com/website/),将整个文件放到static文件夹中

2.在src/components文件夹下创建公共组件UEditor.vue文件,作为编辑器组件

 

3.通过ueditor.config.js来改变编辑器所显示的选项

  3.1设置图片上传路径

  

  3.2上传图片,并显示在编辑器中(js原型)

  

4.单页面调用

<UEditor :config="config" ref="ueditor"></UEditor>