咨询电话:
15628812133
15
2023/07

wangeditor-如何清空富文本编辑器

发布时间:2023-07-15 19:55:52
发布者:MaiMai
浏览量:
0

之前我们已经成功的安装并使用wangeditor富文本编辑器。但有时发送完富文本编辑器的内容之后,我们希望编辑器能够自动清空内容。这该如何实现呢?

之前使用的方法是直接向子组件传值,把content内容置空。

wangeditor富文本

wangeditor富文本

wangeditor富文本

但发现这样写存在bug,只有第一次请求后富文本会自动清空,再次请求后方法失效。


我们可以在子组件内编写一个清空方法,利用setHtml方法将编辑器成功清空。注意不能只传一个空字符串,而必须传入如下参数。

wangeditor富文本

接着在父组件中利用给子组件注册引用信息,并调用clear方法。有关ref注册的内容可以点击此链接>>查看。

wangeditor富文本

wangeditor富文本

PS: v2.0.8版本之后,可以直接使用editor.clear()进行清空内容。

wangeditor富文本

返回列表