VUE中集成wangEditor踩坑

本文持续更新VUE中集成wangEditor踩坑记录。。
一、The given range isn't in document
1. 错误描述:可以正常渲染出编辑器,但是会出现错误The given range isn't in document
2. 错误截图:
3. 错误原因:猜测是创建的编辑器不在文档中,导致编辑的内容不能以文档的形式操作。我使用的场景是,点击添加回答按钮之后将编辑器渲染出来,错误的认为直接在按钮点击事件中将编辑器区域div和编辑器创建写在一起就行,实际上是行不通的,需要在整个HTML渲染完成之前就把编辑器创建完成,可以不显示,在按钮点击的时候把编辑器的v-show绑定的值变为true。
4. 改正之前错误代码:



5. 改正之后的代码(代码参考GitHub上wangEditor的vue示例):



二、

feihu分享到:

          

You may also like...

Scroll Up