在Vue里面使用wangeditor编译器,如何获取到内容?
1:使用npm下载://(注意 wangeditor 全部是小写字母)npm install wangeditor 122: 直接在项目模板中引用import E from 'wangeditor'13:HTML<div id="editorElem" style="text-align:left"></div&am
·
1:使用npm下载:
//(注意 wangeditor 全部是小写字母)
npm install wangeditor
- 1
- 2
2: 直接在项目模板中引用
import E from 'wangeditor'
- 1
3:HTML
<div id="editorElem" style="text-align:left"></div>
<button v-on:click="getContent">查看内容</button>
- 1
- 2
4:js代码
export default {
name: 'editor',
data () {
return {
editorContent: ''
}
},
methods: {
getContent: function () {
alert(this.editorContent)
}
},
mounted() {
var editor = new E('#editorElem')
editor.customConfig.onchange = (html) => {
this.editorContent = html
}
editor.create()
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
5:哈哈 然后就搞定啦 附录 原作者github 地址
https://github.com/wangfupeng1988/wangEditor/blob/master/README.md
更多推荐
已为社区贡献6条内容
所有评论(0)