vue中使用KindEditor富文本编辑器

vue中使用KindEditor

1. 插件安装 npm install kindeditor

2. 组件中引入

import "kindeditor/themes/default/default.css";
import "kindeditor/kindeditor-all-min.js";
import "kindeditor/lang/zh-CN.js";

3. html中添加textarea输入框

<textarea
id="kind_editor"
v-model="content"
style="width: 100%; min-height: 600px"
/>

4. 初始化

data(){
    return {
        editor: null,
        content: ""
    }
},
mounted(){
    this.initEditor();
}
methods: {
    initEditor(){
        this.editor = window.KindEditor.create("#kind_editor");
    }
}

5. 初始化参数 官方文档

6. 尽情使用