如何用Python版Selenium编辑CodeMirror？插入文本报错求解决方案

嘿，这个问题我之前也碰到过！CodeMirror这类JS驱动的编辑器确实没法用常规的Selenium输入方法搞定，因为它压根不是原生的input/textarea元素，而是用JavaScript渲染的虚拟编辑器，直接用send_keys自然会报错。给你几个靠谱的解决办法：

方法一：直接调用CodeMirror的JavaScript API（最推荐） #

CodeMirror本身提供了完善的JS API来操作内容，这是最稳定的方式，不需要模拟用户输入，直接设置内容即可。

场景1：页面只有一个CodeMirror编辑器 #

如果页面上只有一个编辑器，通常它的实例会挂载到window对象上，直接执行下面的代码就行：

from selenium import webdriver

driver = webdriver.Chrome()
# 先打开目标页面...

# 调用CodeMirror的setValue方法设置内容
driver.execute_script("window.codeMirror.setValue('你想要插入的文本内容');")

场景2：页面有多个CodeMirror编辑器 #

如果有多个编辑器，需要先定位到对应的编辑器元素，再获取它的实例：

from selenium.webdriver.common.by import By

# 定位到目标CodeMirror的容器元素（通常带有.CodeMirror类）
editor_element = driver.find_element(By.CSS_SELECTOR, ".CodeMirror[data-editor-id='your-editor-id']")
# 通过元素获取实例并设置内容
driver.execute_script("arguments[0].CodeMirror.setValue('你的文本内容');", editor_element)

方法二：模拟真实用户输入（适合需要触发编辑器事件的场景） #

如果你的场景需要触发编辑器的输入事件（比如实时校验、自动补全），可以模拟真实的键盘操作：

from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 等待编辑器的隐藏textarea加载完成（CodeMirror用它捕获键盘事件）
editor_textarea = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, ".CodeMirror textarea"))
)

# 先点击激活编辑器
editor_textarea.click()

# 清空现有内容（可选）
ActionChains(driver)\
    .key_down(Keys.CONTROL)\
    .send_keys('a')\
    .key_up(Keys.CONTROL)\
    .send_keys(Keys.BACKSPACE)\
    .perform()

# 输入目标内容
ActionChains(driver).send_keys("你的文本内容").perform()

关键注意事项 #

• 等待编辑器初始化完成：一定要确保CodeMirror已经完全加载，否则调用API会报错。可以用WebDriverWait等待实例存在或者元素出现：

  # 等待window上的CodeMirror实例初始化
  WebDriverWait(driver, 10).until(
      lambda d: d.execute_script("return typeof window.codeMirror !== 'undefined';")
  )
  

• 避免直接操作可见的div：CodeMirror的可见内容是用div渲染的，直接对这些div操作不会生效，一定要找对应的实例或者隐藏的textarea。

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