1、创建一个新的Vue项目
vue create wangeditor-demo
2、进入创建的新项目
cd wangeditor-demo
3、安装vue项目所需的依赖
npm install
4、下载安装wangeditor包
npm install wangeditor
5、进入vue项目中,在App.vue中编辑如下:
<template>
<div id="editor" style="height: 800px"></div>
</template>
<script>
import E from "wangeditor"
export default {
data() {
return {
editor: ''
}
},
methods: {
setWangEditor() {
// 创建编辑器
this.editor = new E('#editor')
this.editor.create()
}
},
mounted() {
this.setWangEditor()
}
</script>
6、运行Vue项目
npm run serve
Ok,你已经把wangeditor整合进你的vue项目中了,localhost访问就能看到了。