CKEditor5表单重置问题求助：旧版本方法失效如何解决？

没问题，我完全懂你的困扰——CKEditor5的API和旧版本差异确实很大，直接操作DOM的方法很容易踩坑。你之前试的修改.ck-editor__editable的HTML内容，虽然表面上能清空文字，但会导致编辑器内部的状态（比如历史记录、选区、格式缓存）不同步，后续编辑很可能出现输入失效、格式错乱之类的问题。

正确的做法是用CKEditor5官方提供的setData()方法，不过需要先保存好编辑器的实例：

步骤1：初始化时保存编辑器实例 #

// 先声明一个变量存储实例
let myEditor;

// 初始化编辑器并保存实例
ClassicEditor
    .create(document.querySelector('#editor'))
    .then(editor => {
        myEditor = editor; // 把实例存下来，后续调用API用
    })
    .catch(error => {
        console.error(error);
    });

步骤2：给重置按钮绑定事件，调用API清空内容 #

$("#reset").click(function() {
    // 先判断实例是否存在，避免报错
    if (myEditor) {
        myEditor.setData(''); // 这才是官方推荐的清空方式
    }
});

如果你有多个编辑器的情况 #

可以用对象来存储多个实例，按编辑器ID区分：

const editorInstances = {};

// 初始化第一个编辑器
ClassicEditor
    .create(document.querySelector('#editor1'))
    .then(editor => {
        editorInstances[editor.id] = editor;
    })
    .catch(error => console.error(error));

// 初始化第二个编辑器
ClassicEditor
    .create(document.querySelector('#editor2'))
    .then(editor => {
        editorInstances[editor.id] = editor;
    })
    .catch(error => console.error(error));

// 重置对应编辑器的按钮事件
$("#reset-editor1").click(() => {
    const editor = editorInstances['editor1'];
    editor?.setData(''); // 可选链操作，避免实例不存在时报错
});

另外补充一句：CKEditor5已经移除了旧版本的CKEDITOR.instances全局对象，所以不能再用旧方法获取实例了，必须在初始化时自己保存，或者通过编辑器绑定的DOM元素的ckeditorInstance属性获取（如果是用jQuery方式初始化的话）：

$("#reset").click(function() {
    const editor = $('#editor').data('ckeditorInstance');
    editor?.setData('');
});

内容的提问来源于stack exchange，提问作者user3659161