Javascript 重置CKEditor5表单

抱歉，如果之前已经讨论过这个问题，但是我已经穷尽了搜索，只找到了旧版本的解决方案，而不是5。我想为我的表单设置两个按钮，发送和重置。当有人点击重置按钮时，我希望表单中没有任何输入。我知道在旧版本中，我可以做到以下几点：

CKEDITOR.instances['#editor'].setData('');

但这不适用于版本5。所以我试过了

$("#reset").click(function() {
     $('.ck-editor__editable').html( '' );
});

这会起作用并清除表单。但问题是，刚刚清除的数据在清除表单后单击“上一步”时会重新出现。请参阅下面的完整代码

提前感谢您的帮助

CKEditor 5-经典编辑器
.ck-editor\uuu可编辑{
最小高度：200px；
}
经典编辑
打印数据
重置数据
Textarea输出在这里

$（函数（）{
让编辑来；
分类编辑器
.create（document.querySelector（“#editor”）{
工具栏：['标题'，'|'，'粗体'，'斜体'，'下划线'，'项目符号列表'，'数字列表'，'块引号'，'对齐'，'链接'，'撤消'，'重做'，''，
标题：{
选项：[
{模型：'段落'，标题：'段落'，类别：'ck-heading_段落'}，
{模型：'heading2'，视图：'h2'，标题：'Heading'，类：'ck-Heading_heading2'}，
{模型：'heading3'，视图：'h3'，标题：'Sub-Heading'，类别：'ck-Heading_heading3'}
]
}
})
.然后（编辑=>{
theEditor=editor；//保存以备将来使用。
} )
.catch（错误=>{
控制台错误（error）；
} );
函数getDataFromTheEditor（）{
返回编辑器.getData（）；
}
document.getElementById（'getdata'）。addEventListener（'click'，（）=>{
form_data=getDataFromTheEditor（）；
//警报（表格数据）；
} );
showData=$（'getdata'）；
showData.click（函数（）{
$（文档）.ready（函数（）{
$（'.form output'）.html（表格数据）；
});
});
$（“#重置”）。单击（函数（）{
$（'.ck-editor__可编辑'）.html（''；
});		
});

而不是

$('.ck-editor__editable').html( '' );

使用

---

它几乎与v4中的相同，只是您必须保存对已创建编辑器的引用（正如您所做的那样），因为在v5中。

Ah！奥列克，你是我的英雄。这对我来说是如此简单，却又如此难以捉摸。谢谢你好，对不起，我一直收到这样一条消息：声誉低于15的任何人的投票都会被记录下来，但不会公开展示。

theEditor.setData( '' );