Selenium Java向pre标签输入文本：sendKeys失效的替代方案

看起来你碰到的是CodeMirror编辑器的常见问题——这种富文本编辑器不是用普通的input/textarea实现的，而是通过JS动态渲染pre等标签来展示内容，直接调用sendKeys作用在pre标签上自然不会生效，因为编辑器的实际数据是存在它的内部JS实例里的，不是直接绑定到DOM元素的value属性。

这里给你两种可靠的替代方案，都是通过调用CodeMirror的JS API来完成输入：

方案1：直接设置编辑器的全部内容 #

如果需要覆盖编辑器里的现有内容，用setValue方法最直接：

// 先定位到CodeMirror的容器元素（通常是带有CodeMirror类的div）
WebElement editorContainer = driver.findElement(By.className("CodeMirror"));

// 转换为JavascriptExecutor执行JS代码
JavascriptExecutor js = (JavascriptExecutor) driver;
// 调用CodeMirror的setValue方法设置内容
js.executeScript("arguments[0].CodeMirror.setValue('rank(price) ');", editorContainer);

方案2：在光标位置插入文本 #

如果不想覆盖原有内容，想在当前光标位置插入文本，可以用replaceRange方法：

WebElement editorContainer = driver.findElement(By.className("CodeMirror"));
JavascriptExecutor js = (JavascriptExecutor) driver;
// 获取当前光标位置并插入文本
js.executeScript("arguments[0].CodeMirror.replaceRange('rank(price) ', arguments[0].CodeMirror.getCursor());", editorContainer);

为什么这种方法有效？ #

CodeMirror会把编辑器实例挂载到它的容器元素上（也就是那个带有CodeMirror类的div），通过JS直接调用它的API，相当于模拟了用户在编辑器里输入的行为，既能正确同步内容到编辑器的内部状态，也会让DOM渲染出对应的pre标签内容，和你给出的输入后的HTML结构一致。

额外注意事项 #

• 确保在执行JS前，CodeMirror实例已经完全加载完成，可以用WebDriverWait等待容器元素可交互，或者等待window对象上的CodeMirror实例初始化完成。
• 如果你的页面里有多个CodeMirror编辑器，要定位到对应的容器元素，避免操作错编辑器。

内容的提问来源于stack exchange，提问作者Lâm Nguyễn Thế