第22节:富文本框和editor编辑器的处理
来源:互联网 发布:淘宝塑唐玩具是正品吗 编辑:程序博客网 时间:2024/06/05 06:53
一般输入框有三种:
短的input框,如下:
<input id="zenInput2" class="zenInputDemo" type="text" style="position: static;">
textarea框,如下:
<textarea id="message1" name="message1"></textarea>
div式的editor框,如下:
也可能是更复杂的iframe的editor,如下:
下面依次看看这几种输入框该怎么解决:
1. input
其实这个只是列在这里,直接send_keys就行
2.textarea
很简单,定位到元素,直接send_keys就行。
示例网址:http://www.sucaijiayuan.com/api/demo.php?url=/demo/20150325-1
代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
结果:
- 1
3.div式的editor
这种一样,定位到元素div,直接send_keys就行,不过这个send_keys不是到了‘value’属性中,而是在text中。
示例网址:http://www.sucaijiayuan.com/api/demo.php?url=/demo/基于bootstrap的轻量级jQuery文本编辑器插件%20LineControl/index.html
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
结果:
- 1
4.iframe中的editor
这种是最复杂的一种,但要搞明白了,其实也很简单。
示例网址:http://ueditor.baidu.com/website/examples/completeDemo.html
代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
结果:
- 1
其实frame editor的内容一般都是写在里面的body里,最重要的就是切到frame中去.frame中一般是一个空的html,其中显示的内容即是body中的内容。
阅读全文
0 0
- 第22节:富文本框和editor编辑器的处理
- selenium之 富文本框和editor编辑器的处理
- 百度富文本框编辑器 UEdit和KindEditor编辑器
- Android 文本框的 富文本处理
- Selenium Webdriver处理富文本框
- django的富文本框
- 富文本框的使用
- Python下Selenium富文本框的输出处理
- 百度富文本框编辑器不能上传图片
- 日历插件和富文本框
- WordPress-Editor-Android介绍:Android WebView与JavaScript实现的富文本编辑器
- Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor
- ueditor修改富文本框宽度和高度的方法
- ueditor修改富文本框宽度和高度的方法
- 富文本框的使用kindeditor
- 富文本框tinyeditor的用法
- 富文本编辑器的应用,以及后台处理
- JEECG 列表行编辑模式下实现文本的xheditor富文本框编辑器
- while 死循环->小坑
- 从零开始学Scala系列(四)之数组集合1
- PIXHAWK+XPLANE-10硬件在环仿真
- laravel+easywechat微信扫码登录网站
- 使用muduo编写聊天室
- 第22节:富文本框和editor编辑器的处理
- 获取本地视频文件的缩略图
- html和CSS基础学习(三)
- mysql在linux下的安装
- dspic33E单片机IOPUWR复位原因之一 程序监控定时器
- bootstrap代码控制模态框的显示和隐藏
- 制作ubuntu16.04的docker镜像
- spring boot整合RabbitMQ(Direct模式)
- C和C++到底有什么关系