14、vue-cli webpack 引入 wangeditor

相关网址：https://blog.csdn.net/u013165804/article/details/76241560

原作者github 地址：https://github.com/wangfupeng1988/wangEditor/blob/master/README.md

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()

      }

    }