使用wangEditor报错如下:
Uncaught (in promise) Error: 初始化节点已存在编辑器实例,无法重复创建编辑
image.png
原因是: 重复创建了编辑器的原因。
解决办法:用ref初始化实例
editor 初始化基础模板
<template>
<div>
<div ref="editor" class="editor-wrapper"></div>
</div>
</template>
<script>
import WEditor from "wangeditor";
export default {
name: "WangEditor",
data() {
return {
editor: null
};
},
mounted() {
this.initEditor();
},
methods: {
getText() {
this.editor.txt.text();
},
setText(val) {
this.editor.txt.html(val);
},
initEditor() {
this.editor = new WEditor(this.$refs.editor);
this.editor.create();
}
}
};
</script>










网友评论