13

轻量级 web 富文本编辑器 wangEditor 的使用

3 years ago

source link: https://blog.csdn.net/qq_40269087/article/details/112672808
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

轻量级 web 富文本编辑器 wangEditor 的使用

轩冰 2021-01-15 17:43:06

281

版权

wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。

官网：www.wangEditor.com
文档：doc.wangEditor.com
源码：github.com/wangeditor-team/wangEditor

在这里插入图片描述

1、调用Editor提供的方法时，浏览器报错The given range isn’t in document.

在这里插入图片描述

在这里插入图片描述

原因：这是因为在使用编辑器是时候，装他的body没有加载完成。即editor这个节点尚未渲染，就会报range错误。解决方法：将创建编辑器的代码放到mounted钩子函数中执行。mounted钩子函数的执行时机是在页面内容全部渲染完成后执行。

在这里插入图片描述

在这里插入图片描述

Recommend

About Joyk

Aggregate valuable and interesting links.
Joyk means Joy of geeK