vue 引入wangeditor(轻量级富文本框)

 Wangeditor官网链接

1:使用npm下载:

//(注意 wangeditor 全部是小写字母)
npm install wangeditor 

2: 直接在项目模板中引用

import E from 'wangeditor'

 3:HTML

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

 

你可能感兴趣的:(vue.js)