重置 CKEditor5 表单

Question

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

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

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

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

这有效并清除了表格。但问题是，只要您在清除表单后单击返回，刚刚清除的数据就会重新出现。请参阅下面的完整代码。

预先感谢您的帮助

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

Answer 1

代替

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

用

theEditor.setData( '' );

它几乎与 v4 中的相同，只是您必须保存对创建的编辑器的引用（就像您完美地所做的那样），因为v5 中没有全局编辑器注册表。