selenium向带有contenteditable=true的标签输入内容

最新推荐文章于 2023-07-28 11:16:08 发布

原创最新推荐文章于 2023-07-28 11:16:08 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#selenium #html5 #测试工具 #python

python 同时被 2 个专栏收录

1 篇文章

订阅专栏

selenium

1 篇文章

订阅专栏

当遇到contenteditable属性为true的元素无法通过send_keys直接输入时，可以尝试先使用TAB键聚焦，然后正常输入。此方法适用于自动化测试场景，有效解决了innerHTML设置无效的问题。

今天遇到了一个问题，标签上contenteditable=true时直接send_keys不行，我用js的改变innerHTML也不行，具体直接上解决办法：

driver.find_element_by_xpath('...').send_keys(Keys.TAB)
driver.find_element_by_xpath('...').send_keys(title)

先给contenteditable=true的标签整一个tab，然后再输入就可以了，赶紧去试试！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Frank_xiaofan

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

100天精通Python（爬虫篇）——第121天：基于selenium实现代码输入账号信息登录网站（反反爬策略）

努力让自己发光，对的人才能迎着光而来

02-26

16万+

基于selenium实现代码输入账号信息登录网站

100天精通Python（爬虫篇）——第122天：基于selenium和ddddocr库实现验证码识别登录（反反爬策略）

最新发布

努力让自己发光，对的人才能迎着光而来

03-18

15万+

一、前言二、ddddocr库使用说明 1. 介绍 2. 算法步骤 3. 安装 4. 参数说明 5. 纯数字验证码识别 6. 纯英文验证码识别 7. 英文数字验证码识别 8. 带干扰的验证码识别三、验证码识别登录代码实战 1. 输入账号密码 2. 下载验证码 3. 识别验证码并登录

参与评论您还未登录，请先登录后发表或查看评论

<div>标签仿<textarea>。contentEditable=‘true’，赋予非表单标签内容可以编辑

weixin_30254435的博客

09-15

215

需求：web页面需要一个文本输入框。1、该文本输入框默认状态下有个仿‘placeholder’的默认文本提示信息，2、文本框输入状态下其高度会随文本内容自动撑开。方案选择：1、使用<textarea>标签。但是标签高度不会随文本高度自动撑开，而是出现滚动条。使用JS动态计算文本内容高度赋予<textarea>标签高度。　　　　　2、使用<div>或者&l...

给div的contenteditable=true添加文本（利用下拉框添加）

木马的博客

04-13

2489

首先谢谢原文作者的文章带来的灵感，然后道歉我实在是找不到原文链接了，毕竟过了一段时间才来写这个文章的，最后如侵权请联系删除。前段时间刚有个需求，就是在富文本编辑器中在光标处添加固定字段，而固定字段是当前下拉选择框中的文字。<!DOCTYPE html> <html lang="en"> <head> <meta charse...

selenium python向富文本框中输入内容

学乐的专栏

01-23

1万+

基于本人不会JavaScript，不能像大神一样写出很牛X的方法，只能使用者屌丝方法了，不过很容易理解。我使用的是ueditor富文本框 1、我的富文本框是在一个iframe中，进入iframe的方法在上一篇文章

katalon富文本div标签带有contenteditable=“true“元素的，无法输入内容

qq_44186609的博客

07-28

389

最近遇到给富文本输入内容，无法输入，脚本没报错，元素定位也没问题，百度搜索了div标签带有contenteditable="true"的，定位到这个标签就行，但还是无法输入。尝试先WebUI.setText(findTestObject(''), Keys.chord(Keys.TAB))，再setText依旧没用。

python模拟输入回车键,如何在contenteditable文本框中模拟“回车”键盘事件

weixin_42389043的博客

03-26

1561

我尝试在python中使用selenium访问一个文本框来执行javascript。我正在成功键入消息，但需要模拟“回车”键盘事件来提交消息。我是HTML和Javascript的绝对初学者，但据我所知，textbox没有输入id，只有一个内容可编辑的文本字段，这可能会导致问题。你知道吗以前，我尝试使用selenium通过其id、xpath和类名并使用send\u键来访问textbox元素。这不起作...

Python + Selenium【无头模式 headless】

m0_46234991的博客

04-17

1038

所谓浏览器的无头模式headless，就是浏览器在运行时处于后台操作的模式，不会看到浏览器打开，也就不会干扰你手头的工作。对于自动化测试和网络爬虫都有很大的价值。 from selenium.webdriver.firefox.options import Options from selenium import webdriver firefox_path = r'geckodriver.exe' options = Options() options.headless = True # 设置无头模式为

【Python】【Selenium】如何向输入框自动传输多段内容并保持分行

每日出拳老爷子的博客

06-25

4574

本文介绍了使用Selenium自动化脚本时向输入框输入多段文字的解决方案。针对长文本输入时格式保留的问题，提出利用Python三引号字符串保持原始段落格式的方法，通过send_keys()一次性传输完整内容。文章详细解析了元素定位、文本传输的实现方式，提供了多种替代方案（换行符、Keys.ENTER、外部文件读取）和应用场景，并针对常见问题给出解决方法。最后建议封装工具函数实现复用，使自动化操作更接近人工输入效果。核心方案是"三引号+send_keys"，可优雅解决多段文本输入问题。

100天精通Python（爬虫篇）——第118天：selenium自动化操作浏览器基础大总结

努力让自己发光，对的人才能迎着光而来

07-18

10万+

一、Selenium框架环境搭建 1. 下载模块 2. 安装浏览器驱动WebDriver 二、基础操作 1. 打开浏览器 2. 无界面模式 3. 元素定位 4. 元素操作 5. 前进后退 6. 执行js 7.页面等待隐式等待（常用）显式等待（了解）三、进阶操作 1. 使用代理ip 2. 修改请求头 3. 隐藏指纹特征.....................

Karma-Protractor 学习

左手121

01-13

2424

单元测试 Karma + Jasmine 前言 Karma has primarily been designed for low level (unit) testing. If it’s an AngularJS app, you can use Karma with karma-ng-scenario plugin, however we recommend Protra

selenium如何处理特殊的富文本框------例如知乎富文框

supramolecular的博客

09-04

1466

常见的富文本框是input, textarea文本框,如果有iframe嵌套,需要进行表单切换,可以参考https://blog.youkuaiyun.com/supramolecular/article/details/81364061, 但是对于div富文本框,既不包括input 也不包括 textarea等文本输入标签, 那么该div文本输入可能是通过HTML 5 全局 contenteditable...

输入内容后，输入框宽度根据内容自动撑开contenteditable=“true“

酱子

08-06

3664

实在想不到怎么做了，终极大招：百度一下，结果还整知道了方法使用 contenteditable=“true”，但是百度找到的方法只能输入内容后宽度自动变宽，这个需求还不够用，我自己还得加入清空方法。1.使用element-ui 的el-input宽度设置auto (不可行)2.使用input输入框宽度设置 auto (不可行)产品需求：输入内容后，输入框宽度根据内容自动撑开。不需要内容的时候把内容清空掉。...............

可编辑div contenteditable = “true“限制字数输入框

熙冰

01-17

8376

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> .main { position: relative; ...

XPath常用用法

weixin_43028393的博客

03-28

3040

XPath可以使用[@属性名=‘属性值’]来选择具有特定属性值的节点。XPath可以使用节点名称、属性、位置等来选择特定的节点。以上是XPath的一些常用用法，通过组合和变化这些语法，可以实现更复杂的XML文档选择和操作。其中，[@category=‘web’]表示选择具有category属性为web的节点。XPath可以使用/操作符来选择一个节点的子节点。例如，要选择一个文档中所有节点的。来选择一个节点的父节点。其中，/表示选择一个节点的直接子节点。表示选择一个节点的父节点。其中，*表示选择任意节点。

selenium 处理富文本编辑框

junxiamimi的博客

06-28

532

selenium切换到iframe中 driver.switchTo().frame("wysiwygTextarea_ifr"); 执行JS WebElement content = driver.findElement(By.id("tinymce")); //内容区域 JavascriptExecutor jsExecutor = (JavascriptExecutor) driver...

如何普通的div标签可以编辑------HTML 5 全局 contenteditable 属性

supramolecular的博客

09-04

1314

一般的只有input和textarea才能够输入文本,那么对于div,p标签来说,如何能够输入文本呢,html5提供了一个contenteditable 属性 <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> 定义和用法 contenteditable 属性规定是否可编辑元素的内容。值描述 tru...

Selenium怎么向iframe富文本框输入内容

07-15

在使用 Selenium 向 iframe 富文本框输入内容时，需要先切换到该 iframe，然后再进行输入操作。下面是一个示例代码： ```python from selenium import webdriver from selenium.webdriver.common.by import By from...