在Vue里面使用wangeditor编译器，如何获取到内容？

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