新手求助：如何用Selenium向CodeMirror生成的textarea输入文本？

嘿，我完全懂你遇到的困扰——CodeMirror可不是普通的textarea，它的底层是用动态生成的div来模拟编辑区域的，你看到的那个textarea其实只是个“幕后工具人”，用来捕获键盘事件但根本不会显示内容，所以直接操作它肯定没用！

给你几个靠谱的解决方法，按顺序试试：

方法一：用JavaScript直接操控CodeMirror实例（最稳妥） #

CodeMirror本身提供了API来设置内容，我们可以通过Selenium执行JS代码来调用它：

1. 先找到CodeMirror的容器元素，一般是带有CodeMirror类的div：

   # Python示例，其他语言逻辑类似
   from selenium.webdriver.common.by import By
   
   codemirror_container = driver.find_element(By.CLASS_NAME, "CodeMirror")
   

2. 执行JS代码调用setValue方法设置内容：

   driver.execute_script("arguments[0].CodeMirror.setValue('你要输入的文本内容');", codemirror_container)
   

如果上面的代码没反应，可能页面里的CodeMirror实例是挂载在window对象上的，试试这个：

driver.execute_script("window.editor.setValue('你的目标文本');")

（这里的editor是实例的变量名，你可以打开Chrome控制台，输入CodeMirror或者查看页面初始化代码，找到实际的实例名称）

方法二：模拟真实键盘输入（适合需要触发实时校验的场景） #

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

• 先定位到CodeMirror的可编辑行元素（一般是.CodeMirror-line类的div）：

  editable_line = driver.find_element(By.CSS_SELECTOR, ".CodeMirror .CodeMirror-line")
  

• 点击聚焦，清除原有内容，再输入文本：

  from selenium.webdriver.common.keys import Keys
  
  editable_line.click()
  # 全选并清除原有内容
  editable_line.send_keys(Keys.CONTROL, 'a')
  editable_line.send_keys(Keys.DELETE)
  # 输入你的文本
  editable_line.send_keys('这是要输入的内容')
  

要是点击行元素没聚焦成功，试试点击.CodeMirror-scroll这个元素，很多情况下它是实际接收点击的区域。

小技巧：先排查DOM结构 #

打开Chrome开发者工具，右键点击编辑器区域选“检查”，看看真实的DOM：

• 你会发现编辑内容都在一系列CodeMirror-line的div里，那个textarea要么是隐藏的，要么是透明的，完全不是实际的输入区域。
• 可以先在控制台测试CodeMirror的API，比如输入document.querySelector('.CodeMirror').CodeMirror.getValue()，如果能返回当前编辑器内容，那setValue方法肯定能用。

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