vue+ wangEditor富文本编辑器加持

vue+ wangEditor富文本编辑器加持

安装

npm install wangEditor --save

组件中调用

<template>
    <div id="editor" ref="editor" style="text-align:left"></div>
</template>
<script>
    import E from 'wangeditor'
    export default {
        mounted() {
            var editor = new E(this.$refs.editor)
            editor.customConfig.onchange = (html) => {
                this.editorContent = html
            }
            editor.customConfig.zIndex = 1;
            editor.customConfig.uploadImgServer = '/upload';
            editor.create()

        },
    }
</script>

创建成功

image