UEditor是百度的一个javascript富文本编辑器,功能强大,常见的富文本编辑器中总有它的一席之地,今天我们就写一个简单的demo来学习如何在vue-cli中使用它,以及图片上传!
第一步,先下载依赖
npm i vue-ueditor-wrap -S
第二步,引入到项目中
import VueUeditorWrap from 'vue-ueditor-wrap'
第三步,注册组件
components: {
VueUeditorWrap
}
第四步,在模板中使用组件
<template>
<div>
<VueUeditorWrap/>
</div>
</template>
这个时候我们已经可以在页面中看到编辑器的样子了