java - 如何在位于 iframe 中的富文本编辑器中使用 SendKeys(webdriver) 命令-6ren

java - 如何在位于 iframe 中的富文本编辑器中使用 SendKeys(webdriver) 命令

转载作者：行者123 更新时间：2023-12-02 09:44:23

24

4

我面临以下问题。我无法在有文本编辑器的 iframe 中输入文本:这是 html:

<iframe class="cke_wysiwyg_frame cke_reset" frameborder="0" style="width: 100%;  height: 100%;" aria-describedby="cke_39" title="Текстов редактор за форматиран текст,description1" src="" tabindex="0" allowtransparency="true">
<!DOCTYPE html>
<html lang="bg" dir="ltr">
<head>
<body class="cke_editable cke_editable_themed cke_contents_ltr" contenteditable="true" spellcheck="false">
<p>
<br>
</p>
</body>
</html>
</iframe>

这是我到目前为止所做的，但是测试成功通过，文本编辑器中没有写入任何文本。可能解决方案是使用 Javascript 执行器，但我不熟悉它。

WaitTool.waitForElementPresent(Browser.instance, By.tagName("iframe"), 10);
WebElement iframe = Browser.instance.findElement(By.tagName("iframe"));
Browser.instance.switchTo().frame(iframe);
WebElement description=Browser.instance.findElement(By.xpath("//body[@class='cke_editable cke_editable_themed cke_contents_ltr']"));
description.click();
description.sendKeys("someText");
Browser.instance.switchTo().defaultContent();

提前致谢!

最佳答案

有多种方法可以做到这一点。这是您可能想看的一篇文章。

Test WYSIWYG editors using Selenium WebDriver

直接发送 key

您已经尝试过这种方法，但没有成功。请尝试确保您的定位器为 <iframe>和<body>是正确的。否则我建议使用 JavaScriptExecutor以获得更稳定的解决方案。

设置innerHTML

WaitTool.waitForElementPresent(Browser.instance, By.className("cke_wysiwyg_frame"), 10);
WebElement iframe = Browser.instance.findElement(By.className("cke_wysiwyg_frame"));
Browser.instance.switchTo().frame(iframe);

WebElement description = Browser.instance.findElement(By.cssSelector("body"));
(JavascriptExecutor)Browser.instance.executeScript("arguments[0].innerHTML = '<h1>Set text using innerHTML</h1>'", description);

使用 CKEditor 的原生 API

// no need to switch iframe
(JavascriptExecutor)Browser.instance.executeScript("CKEDITOR.instances.ckeditor.setData('<h1>Native API text</h1> Editor')");

关于java - 如何在位于 iframe 中的富文本编辑器中使用 SendKeys(webdriver) 命令，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21839183/

24

4

0

文章推荐：基于 Docker、CoreOS 和队列的部署

文章推荐： perl - 如何解决 Perl 中的一组约束？

文章推荐： spring - 让 Spring 计划任务与任务执行器线程一起运行

文章推荐： Java API 和客户端应用程序 - 如何正确处理时区

php - php 中的 css 编辑器，类似于 wordpress css 编辑器
我想像 wordpress 的 css 管理器一样为我的网站制作 css 管理器。我想在 textarea 中打开 css 文件，这样我就可以编辑它，而不是在按下提交按钮后，应该保存 css 文件中的
javascript - CKEDITOR: "CKEDITOR.plugins.add(' ...，{ init:函数(编辑器)。 ."in this what is "编辑器”。？
我不知道这是一个有效的问题。我见过大多数插件和对话框定义的 CKEditor 示例都使用变量“editor”。我想知道它是什么以及它的值来自哪里。例如 CKEDITOR.plugins.add( '
26、XML 编辑器
如果你希望极认真地学习和使用 XML，那么一定想要找一款称手的 XML 编辑器 XML 是基于文本的 XML是基于文本的标记语言 XML可被类似记事本这样的简单的文本编辑器来创建和编辑不过在
Meteor:有没有人成功使用过Summernote 编辑器？
有没有人成功地将 Summernote 编辑器与 Meteor 一起使用？见 http://hackerwins.github.io/summernote/ 我在我的模板中包含了以下 div:
JSON 编辑器/格式化程序？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
jquery - PrimeFaces 编辑器
如何使文本默认从右向左对齐(p:editor)。当前使用 primefaces 3.0.M2-SNAPSHOT。现在无法更新到新版本吗？这是阿拉伯语版本应用程序所必需的。谢谢最佳答案在 we
Eclipse XSD 编辑器
如何启动或安装 Eclipse XSD 编辑器？根据this看来它应该开箱即用。我创建了 XMLExamples 项目，当我打开 Catalogue.xsd 时，Eclipse 将其视为文本文件。如
wysihtml5 编辑器 - 如何简单地向元素添加类？
我爱wysihtml5但我找不到任何关于向元素添加类这样简单的文档。基本上我正在寻找的是一种允许 blockquote 元素有 2 种不同变体的方法: blockquote.pull-leftblo
Django Markdown 编辑器
我真的很想要一个在 Django 中实现文本编辑器的清晰直接的示例，就像提议的 pagedown 或 markdownx 一样。我无法在 Django 2.0 中使用这些解决方案中的任何一个，并且我找
ide - ClojureCLR 编辑器
是否有支持 REPL 和大括号匹配的 ClojureCLR 编辑器？我找到了一个将对 ClojureCLR 的支持添加到 Visual Studio 的项目:vsClojure ，但无法构建它。还有其
用于只读和编辑模式的 GWT 编辑器
GWT 的编辑器框架非常好用，它不仅可以用于编辑POJO，还可以用于只读显示。但是，我并不完全确定进行内联编辑的最佳做法是什么。假设我有一个 PersonProxy 并且我有一对 Presente
验证 primefaces 编辑器
我对 primefaces 编辑器的第一个问题是它不接受来自 Chrome 和资源管理器中的 MS word 文档的文本，但在 Firefox 中工作正常。有没有办法让它直接接受来自 MS word
jQuery noConflict 编辑器
我使用 Prototype JS 作为主要 JS 库，并且我已将最后一个 RedactorJS 与 jQuery 以无冲突模式集成，但我无法启动如下功能: jQuery('#redactor').re
具有良好智能感知的 latex 编辑器？
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 5年前关闭。 Improve thi
jquery - 编辑器:模糊事件导致错误
我正在 Laravel 项目上使用 redactor 作为文本编辑器。每当编辑器位于页面上并初始化时，每当我单击任意位置时都会收到此错误。 Uncaught TypeError: $(...).cl
jQuery 幻灯片动画和tinyMCE 编辑器
我在带有 jQuery .show("slide") 动画的界面设计中使用tinyMCE 时遇到问题。由于表单的复杂性，它像向导一样被分为多个页面，但它不使用下一步和后退按钮。相反，它使用部分名称
php - 拖放，编辑器
如何制作像 wufoo.com 表单编辑器中那样的拖放式编辑器最佳答案通常客户端应用程序是使用某种客户端框架构建的。比较流行的是(排名不分先后): GWT YUI jQuery 首先检查这些内容，
具有可折叠区域的 CSS 编辑器
已关闭。此问题旨在寻求有关书籍、工具、软件库等的建议。不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以
具有语法错误检查和调试功能的 JavaScript 编辑器
有人建议我使用具有语法错误检查和调试功能的 Javascript 编辑器吗？ Eclipse IDE 有可用的插件吗？或者您可以建议最适合错误检查和调试的任何编辑器。提前致谢。最佳答案您可以安装
具有文本格式化和上下文感知功能的 C 编辑器
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 7 年前。

首页

博学

6Ren·AI

商城

java - 如何在位于 iframe 中的富文本编辑器中使用 SendKeys(webdriver) 命令