svelte使用wangeditorV4 节点选择器无效的解决

接上回使用Tinymce，配置上传图片，默认函数会跨域和预检，使用了自定义函数，完了回调报错。 群里问了小伙伴也有这个情况，重装了插件还是一样，小伙伴使用自带的正常上传，我的不行，也不想再折腾这种感觉毫无意义的东西了，于是我又回来拥抱wangeditorv4.

参考了此文-vue+wangEditor无效的节点选择器的解决方法 blog.csdn.net/real_xiaoba…

安装后导入wangEditor.js

data(){
		return{
		  editor:null,
		}
	},
	mounted(){
	  this.init();
	},
	methods:{
	  init(){
		this.editor=new E ('#div1');
		this.editor.create();
	  }
	},

直接粘贴到rollup.config.js对应的位置

然后在页面上

import E from "wangeditor"

const editor = new E("#div1")

editor.create()

html也不要忘了ID，当然还有config.js中的id也要一一对应。

本文仅供小白参考

-----后续-----

以上是我实践的总结，但我写完本文后，不知道什么操作导致this报错；

最后的方法是，直接在app.svelte中创建div#div1,在editor.svelte中导入选中div1即可。

优化：

使用一个页面.svelte创建编辑器所需要的div1，然后在app.svelte中引用改页面，在需要调用的页面创建即可。