使用webdriver与可爱的编辑器交互

问题描述：

有谁知道如何使用webdriver与可爱的编辑器进行交互。我要清除文字？

Does anyone know how I can interact with a cute editor using webdriver. I want to clear the text?

 <iframe id="CE_Editor1_ID_Frame" src="cuteeditor_files/template.asp"
 frameborder="0" class="CuteEditorFrame CuteEditorFrame"
 style="background-color: white; border: 1px solid rgb(221, 221, 221);
 height: 100%; width: 100%; display: block;"></iframe>

以下代码不起作用？

driver.switchTo().frame(0);
driver.switchTo().activeElement().clear();

答

我看了一下Cute Editor的演示 http://cutesoft.net/example/general.aspx ，现在我明白为什么你用 driver.switchTo（）。activeElement（）而不是查找textarea / input，因为iframe是'textarea'，你想要清除iframe中的所有内容。

I had a look at the Cute Editor's demo at http://cutesoft.net/example/general.aspx, now I understand why you used driver.switchTo().activeElement() instead of looking for textarea/input, because the iframe is the 'textarea', and you want to clear everything within the iframe.

我认为你的类似于演示

<iframe id="CE_Editor1_ID_Frame" src="cuteeditor_files/template.asp" frameborder="0" class="CuteEditorFrame CuteEditorFrame" style="background-color: white; border: 1px solid rgb(221, 221, 221); height: 100%; width: 100%; display: block;">
    <html>
        <head></head>
        <body>
            <table>the real stuff in the editor, you want to clear this, right?</table>
            <br>
            <br>
        </body>
    </html>
</iframe>

我认为Selenium不提供删除节点的任何内容，但您可以通过JavascriptExecutor实现此目的。警告：未经测试的代码，只有逻辑在这里。你需要自己调试一下。

I don't think Selenium provides anything to delete nodes, but you can achieve this by JavascriptExecutor. Warning: untested code, only the logic's here. You need to debug a bit youself.

// first try to avoid switching frames by index, unless you have no other ways.

// if you have only one frame with class name CuteEditorFrame
WebElement editorFrame = driver.findElement(By.cssSelector(".CuteEditorFrame"));
driver.switchTo().frame(editorFrame);

// if the id 'CE_Editor1_ID_Frame' not dynamic
WebElement editorFrame = driver.findElement(By.cssSelector("#CE_Editor1_ID_Frame"));
driver.switchTo().frame(editorFrame); // driver.switchTo().frame("CE_Editor1_ID_Frame");

// then remove everything inside the iframe's body
JavascriptExecutor js;
if (driver instanceof JavascriptExecutor) {
    js = (JavascriptExecutor)driver;
}
WebElement editorBody = driver.findElement(By.cssSelector("body"));
js.executeScript("arguments[0].innerHTML = ''", editorBody);

// alternatively, using sendKeys directly is a better way
WebElement body = driver.findElement(By.tagName("body")); // then you find the body
body.sendKeys(Keys.CONTROL + "a"); // send 'ctrl+a' to select all
body.SendKeys("Some text");

使用webdriver与可爱的编辑器交互

相关推荐