如何用Selenium 向CodeMirror 编辑器输入

最新推荐文章于 2025-07-27 16:41:04 发布
转载 最新推荐文章于 2025-07-27 16:41:04 发布 · 1.4k 阅读 · 0
文章标签：

#selenium

本文将详细说明如何利用Selenium解决在Jenkins上遇到的ElementNotVisibleException错误，特别是在尝试自动填充文本输入框时出现的问题。通过使用CSS选择器定位元素，并结合JavaScript进行操作，可以有效避免该错误并实现自动化任务。

问题

用Selenium 自动填写Jenkins上面一个文本输入框，通过css定位很容易，但是输入文字的时候会报错

ElementNotVisibleException: Message: Element is not currently visible and so may not be interacted with

### Google 答案

 css_panel = driver.find_element_by_id("panel_css")

code_mirror_element = css_panel.find_element_by_css_selector(".CodeMirror")
driver.execute_script("arguments[0].CodeMirror.setValue(arguments[1]);",
                      code_mirror_element, 
                      "test")

http://initcode.info/elementnotvisibleexception_message_element_is_not_currently_visiblehellip_selenium_python

http://stackoverflow.com/questions/21844574/programmatically-edit-codemirror-contents-without-access-to-object

codeMirror代码编辑器，如何定位并在编辑区域输入内容
Flora's Zone
11-01 652
selenium和playwright这2种自动化工具，在CodeMirror编辑器里面输入内容的差别
自动化中对CodeMirror的操作
heyingxin006的博客
01-03 1915
一.对CodeMirror进行操作 CodeMirror是一个嵌入在浏览器中的代码编辑器。要想对其操作，必须使用CodeMirror自己的方法。 通常我们在selenium或者robot framework框架中是可以使用自带的方法进行文本输入的，但是在某些web系统中嵌入了CodeMirror编辑器，那在写自动化脚本的时候要如何对CodeMirror进行操作呢？ 本文以在robot fra...
【Selenium+python自动化】定位CodeMirror代码编辑器并输入
LuckLina的博客
04-10 478
CodeMirror代码编辑器组件无法用普通的方法定位并操作，研究需要通过js的方式来实现定位及输入内容。
vue-codemirror设置输入自定义提示效果
weixin_46057852的博客
07-27 5194
通过使用"vue-codemirror": "^4.0.6"，实现输入提示，类似于vscode提示效果
Python中Selenium库使用教程详解
软件测试技术交流分享
01-03 1006
selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法直接执行JavaScript代码的问题 selenium本质是通过驱动浏览器，完全模拟浏览器的操作，比如跳转、输入、点击、下拉等，来拿到网页渲染之后的结果，可支持多种浏览器
使用python+selenium制作浏览器爬虫，彻底解决ajax异步加载问题（待更新）
未来将会如何
03-23 1万+
打开浏览器需要下载相应的webdriver并保存到系统path下。chrome对应的webdriver下载地址：http://download.youkuaiyun.com/detail/u013760453/9790569 from selenium import webdriver from selenium.webdriver.common.keys import Keys browser=web
Selenium自动化测试 -实战篇（Java）- 博客系统
AZK707的博客
08-30 1762
能实现登录、查看列表、查看详情页、编辑内容自动化测试，检查各个页面独立的功能，以及整体各个页面之间的跳转。
【测试报告】思绪网（Java+Selenium+Jmeter自动化测试）
最新发布
m0_62048999的博客
07-27 1024
本项目实现了一个基础的博客系统，包含登录、博客发布、编辑、删除等功能模块。系统测试包含功能测试、自动化测试和性能测试三部分：1. 功能测试覆盖登录验证、博客操作等核心功能点，发现部分登录提示信息不准确的问题；2. 基于Java+Selenium的自动化测试实现了页面元素检查、博客增删改查等流程验证；3. JMeter性能测试显示系统整体可用性达99.8%，但登录接口存在严重性能瓶颈（中位响应时间18.4秒），建议优先优化登录模块的网络连接和服务器响应能力。测试结果表明系统核心功能运行正常，但存在局部性能问题
selenium鼠标sendkey
07-17
但是，根据引用[2]的经验，对于CodeMirror编辑器，需要定位到textarea，然后点击，再发送输入。所以，关键在于定位到正确的元素并确保焦点。 总结： 1. 使用ActionChains可以结合鼠标操作和键盘操作。 2. 先...
笔记3-如何在codeMirror中添加内容
qq_56190082的博客
11-28 651
具体的实现原理其实还不是很理解呢，如果有知道的朋友，可以指点一二哦，欸嘿嘿。最近研究如何在代码编辑器中添加内容，翻看了很多文章，几乎都是使用js来实现。可能是定位代码编辑器位置不对？分割线------------
几款常用的富文本编辑器总结
qq_42539939的博客
07-15 1611
最近项目中涉及到了前端富文本插件 做下简单的总结
vue3使用vue-codemirror插件，实现富文本编辑sql语句
xxuxioxx的博客
03-29 3310
vue3使用vue-codemirror插件，实现富文本编辑sql语句
富文本编辑器
m0_63586775的博客
10-18 1145
重中之重，下载时注意指定版本，且这里下载vue-codemirror，不是codemirror，两者现有版本不同，可在npm社区查看具体版本，这里我下载的是vue-codemirror4.0.6支持Vue2，默认下载是最新版本只支持Vue3。1.npm下载vue-codemirror。
vue-codemirror代码编辑器使用心得和踩坑
修理男爵的博客
07-22 1万+
最近工作中需要优化下之前的网页端编辑器，我作为后端开发，虽然做这个不专业，但也只能硬着头皮上啊，大量查阅资料，还是优化了一些内容的，在这里分析一下。
一个简单的基于codemirror的在线代码高亮编辑器
云的博客
04-18 2681
注意：！！！！ codeMirror官网下的可能不能用，我就在这个地方栽了好几次才发现。 这里做的单页面的编辑器，引用的vue+element-ui，当做bootstrap来用。因为单界面new vue会导致codemirror无法使用。 codemirror好处就是可以实时编辑，有用过highlight框架，但是一实时编辑，高亮效果就会失效。 引用 引入codemirror· <link ...
使用 CodeMirror 打造在线代码编辑器总结
tann888的博客
03-09 1251
1.什么是CodeMirror？ 不想听我BB的点击这里codeMirror官网。 写这个的目的是因为之前项目里用到过 CodeMirror，觉得作为一款在线代码编辑器还是不错的，于是单独写篇博客，分享一下心得体会（ps：记性不好，回来好翻）； 2.在这里呢 我就直接上代码了，代码里是有注释的。 1.原生代码版本 <link rel="stylesheet" href="../lib/codemirror.css"> // 这个是最基础的css样式 <script src=".
CodeMirror在线代码编辑器安装和使用
Roninwz的博客
01-06 9401
目录 1 下载2 安装 2.1 引入CSS文件2.2 引入JS文件2.3 配置 3 使用 CodeMirror是一个运行在浏览器中的代码编辑器，支持100多种语言，高度可定制。 支持语言有C、C++、C#、Java、Perl、HTML、CSS、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby等。 以及diff、LaTeX、SQL、
Jenkins 镜像无法更新插件中心的3种解决方法
热门推荐
爱穿格子裤的专栏
12-21 2万+
在通过Docker 镜像安装Jenkins的情况下，每次都会碰到在Jenkins插件无法安装的情况，导致所有的插件安装失败。 通过 Docker logs 容器名 来查看实际运行的日志。例如，docker logs myjenkins -f 来时实的输出myjenkins容器的日志, 提示如下: Caused: java.io.IOException: Failed to load http:/...
selenium向富文本框中输入html文本
11-27
Selenium是一个自动化测试工具，主要用于Web应用程序的UI测试。当你需要向网页中的富文本框（HTML textarea）输入HTML文本时，可以使用Selenium的`send_keys()`方法，配合JavaScript字符串处理，因为textarea通常不会直接接受HTML内容。 以下是一个示例代码片段，在Python中使用selenium库： ```python from selenium import webdriver from selenium.webdriver.common.keys import Keys # 创建WebDriver实例 driver = webdriver.Firefox() # 或者其他浏览器 # 打开网页 driver.get('http://example.com') # 将这里的URL替换为你实际的目标页面 # 定位到富文本框元素 textarea_element = driver.find_element_by_id('richtextbox_id') # 替换'id'为实际的ID # 输入HTML文本 html_text = '<b>这是富文本</b>' textarea_element.send_keys(html_text) # 使用Keys.Paste模拟用户粘贴动作（如果需要） textarea_element.send_keys(Keys.CONTROL, 'v') # 等待元素加载完成，确保输入生效 # 可能需要加上适当的时间等待或者断言检查 time.sleep(2) # 真实项目中应根据实际情况调整 # 关闭浏览器 driver.quit() ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值