vue 引入wangeditor(轻量级富文本框)
Wangeditor官网链接1:使用npm下载://(注意 wangeditor 全部是小写字母)npm install wangeditor2: 直接在项目模板中引用import E from 'wangeditor'3:HTML<div id="editorElem" style="text-align:left">&
·
1:使用npm下载:
//(注意 wangeditor 全部是小写字母)
npm install wangeditor
2: 直接在项目模板中引用
import E from 'wangeditor'
3:HTML
<div id="editorElem" style="text-align:left"></div>
<button v-on:click="getContent">查看内容</button>
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()
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)