Selenium无法输入文本问题求助，附相关DOM结构

嘿，我看你遇到了Selenium操作CodeMirror编辑器无法输入的问题——这太常见了！因为CodeMirror不是原生的<input>或<textarea>控件，而是用一系列div模拟的富文本编辑器，直接调用send_keys()肯定行不通。结合你给出的DOM结构，给你几个靠谱的解决方案：

1. 直接调用CodeMirror的API注入文本（最推荐） #

CodeMirror本身提供了完善的API来操作内容，这是最稳定的方式。你可以通过Selenium执行JavaScript来调用这些API：

• 首先找到CodeMirror的容器元素，然后获取编辑器实例并设置内容：

from selenium.webdriver.common.by import By

# 定位CodeMirror的容器
editor_container = driver.find_element(By.CLASS_NAME, "CodeMirror-scroll")
# 执行JS设置编辑器内容
driver.execute_script("""
    // 通过容器获取CodeMirror实例
    const editor = arguments[0].closest('.CodeMirror').CodeMirror;
    // 设置文本内容（会覆盖原有内容）
    editor.setValue('你需要输入的文本内容');
""", editor_container)

• 如果需要追加文本而不是覆盖，用replaceRange方法：

driver.execute_script("""
    const editor = arguments[0].closest('.CodeMirror').CodeMirror;
    // 在光标位置追加文本
    editor.replaceRange('要追加的内容', editor.getCursor());
""", editor_container)

小技巧：可以打开浏览器控制台，输入CodeMirror.listCodeMirrors()，就能看到页面上所有的CodeMirror实例，方便你确认实例的获取方式。

2. 模拟真实键盘输入（适合需要触发输入事件的场景） #

如果页面需要监听输入、自动补全等事件，直接改值可能不会触发这些逻辑，这时候可以模拟真实的用户输入：

from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.keys import Keys

# 先点击编辑器区域激活焦点
editor_area = driver.find_element(By.CLASS_NAME, "CodeMirror-lines")
editor_area.click()

# 用ActionChains模拟键盘输入
action = ActionChains(driver)
# 输入普通文本
action.send_keys('你的输入内容')
# 如果需要换行，加上Keys.ENTER
action.send_keys(Keys.ENTER)
action.send_keys('第二行内容')
action.perform()

注意：如果激活焦点有问题，可以尝试点击.CodeMirror-scroll元素，确保光标正确定位。

3. 操作隐藏的原生textarea（部分场景适用） #

有些CodeMirror实现会在DOM中保留一个隐藏的<textarea>用来同步内容，你可以直接操作这个控件：

from selenium.webdriver.common.by import By

# 定位隐藏的textarea
textarea = driver.find_element(By.CSS_SELECTOR, ".CodeMirror textarea")
# 先让textarea可见（如果被CSS隐藏的话）
driver.execute_script("arguments[0].style.display = 'block'; arguments[0].style.opacity = 1;", textarea)
# 清空并输入内容
textarea.clear()
textarea.send_keys('你的文本内容')
# 触发input事件，让CodeMirror同步内容
driver.execute_script("arguments[0].dispatchEvent(new Event('input'));", textarea)

小提示 #

• 优先选择调用CodeMirror API的方式，这是官方支持的操作方法，兼容性最好
• 如果遇到实例获取失败的情况，可以检查页面是否把编辑器实例挂载到了全局变量（比如window.editor），如果有的话直接用driver.execute_script("window.editor.setValue('内容');")更简单

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