如何用Selenium和Python编辑Ace Editor中的DIV内容

为什么直接改ace_line元素没用？ #

你之前的思路走不通有两个关键原因：

1. Selenium用find_elements拿到的是DOM元素的引用集合，这些元素的text属性是只读的，直接赋值根本改不了页面内容；
2. Ace Editor的那些ace_line div只是用来显示内容的“外壳”，真正的编辑数据存在Ace的JS实例里，改DOM节点等于只改了表面的展示，编辑器实际内容完全没变。

靠谱方案一：用Ace Editor的JS API直接操作 #

这是最稳定的方式，Ace本身提供了完整的JS接口来读写内容，通过Selenium的execute_script就能调用：

全局替换内容

先找到Ace编辑器的容器（一般class是ace_editor），然后执行JS修改：

# 定位Ace编辑器容器
editor_container = driver.find_element(By.CLASS_NAME, "ace_editor")

# 执行JS替换内容
updated_content = driver.execute_script("""
    // 获取编辑器实例
    const editor = ace.edit(arguments[0]);
    // 拿到当前全部内容
    let content = editor.getValue();
    // 替换目标字符串
    content = content.replace("old string", "new string");
    // 把新内容设置回编辑器
    editor.setValue(content);
    // 触发变更事件，确保页面识别到修改
    editor.session.getDocument().setValue(content);
    return content;
""", editor_container)

精准修改指定行

如果要定位到包含oldLine的行再修改，用Ace的行操作API：

editor_container = driver.find_element(By.CLASS_NAME, "ace_editor")

updated_lines = driver.execute_script("""
    const editor = ace.edit(arguments[0]);
    const session = editor.getSession();
    const allLines = session.getDocument().getAllLines();
    
    // 遍历找到目标行
    for (let i = 0; i < allLines.length; i++) {
        if (allLines[i].includes("oldLine")) {
            // 替换该行内容
            allLines[i] = allLines[i].replace("old string", "new string");
            // 把修改后的行写回编辑器
            session.getDocument().replace(
                { start: { row: i, column: 0 }, end: { row: i, column: allLines[i].length } },
                allLines[i]
            );
            break;
        }
    }
    return allLines;
""", editor_container)

备选方案：模拟用户手动编辑 #

如果页面限制没法直接调用Ace API，就模拟用户的操作流程：激活编辑器、选中目标内容、输入新文本：

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

div_contents = driver.find_elements(By.CLASS_NAME, "ace_line")

for line in div_contents:
    if "oldLine" in line.text:
        # 点击激活该行
        line.click()
        # 全选该行内容（Ctrl+A）
        ActionChains(driver)\
            .key_down(Keys.CONTROL)\
            .send_keys('a')\
            .key_up(Keys.CONTROL)\
            .perform()
        # 输入替换后的文本
        new_text = line.text.replace("old string", "new string")
        ActionChains(driver).send_keys(new_text).perform()
        break

注意：这种方式依赖页面的交互状态，要确保点击后编辑器真的获得焦点，不然可能没效果。

关于你之前的元组转列表尝试 #

其实find_elements返回的是列表（不是元组），但这个列表里存的是DOM元素的引用，你修改列表本身（比如转成其他格式）根本影响不到浏览器里的实际元素，所以这个思路从一开始就解决不了问题。

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