如何通过Selenium修改CodeMirror 6编辑器内容？替代CM5的setValue方法

CodeMirror 6不再像v5那样暴露CodeMirror实例属性，不过有两种可靠的方式实现内容修改：

方法一：直接操作DOM并触发同步事件 #

CodeMirror 6的内容渲染在带cm-content类的容器中，每行对应cm-line元素。可以直接修改文本后触发事件让编辑器同步状态：

# 定位内容容器
content_elem = driver.find_element(By.CLASS_NAME, "cm-content")
# 定位第一行（多行编辑器可循环处理所有cm-line元素）
line_elem = content_elem.find_element(By.CLASS_NAME, "cm-line")

# 设置文本内容
driver.execute_script("arguments[0].textContent = '你的目标文本';", line_elem)
# 触发input事件，通知编辑器更新内部状态
driver.execute_script("""
  const inputEvent = new Event('input', { bubbles: true });
  arguments[0].dispatchEvent(inputEvent);
""", content_elem)

方法二：通过编辑器实例执行官方API #

CodeMirror 6会将编辑器实例挂载到cm-editor元素的cmEditor属性上，可通过该实例调用官方的内容修改API，这种方式更贴合编辑器的内部状态管理，适合复杂编辑场景：

# 定位编辑器根元素
editor_elem = driver.find_element(By.CLASS_NAME, "cm-editor")

# 调用API替换全部内容
driver.execute_script("""
  const editor = arguments[0].cmEditor;
  // 替换从文档开头到结尾的所有内容
  editor.dispatch({
    changes: [{ from: 0, to: editor.state.doc.length, insert: '完整的目标内容' }]
  });
""", editor_elem)

如果需要替换特定选区内容，只需调整from和to的位置（对应文档中的字符索引）即可。

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