Vue+Element UI使用富文本编辑器案例

Vue+Element UI使用富文本编辑器案例

npm安装编辑器组件

具体方法：npm install vue-quill-editor –save

具体实现
在components文件夹里创建editor.vue组件，具体代码如下：

<!-- 组件代码如下 -->
<template>
    <div>
        <script id="editor" type="text/plain"></script>
    </div>
</template>
<script>
    export default {
        name: 'UE',
        data () {
            return {
                editor: null
            }
        },
        props: {
            defaultMsg: {
                type: String
            },
            config: {
                type: Object
            }
        },
        mounted() {
            const _this = this;
            this.editor = UE.getEditor('editor', this.config); // 初始化UE
            this.editor.addListener("ready", function () {
                _this.editor.setContent(_this.defaultMs