标签:npm Vue 项目 wangeditor vue editor 整合
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访问就能看到了。
标签:npm,Vue,项目,wangeditor,vue,editor,整合 来源: https://www.cnblogs.com/Lv-orange/p/15243106.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。