Vue中整合wangeditor

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访问就能看到了。

上一篇:06-数据存储


下一篇:vscode一些有意思的更新