JS-007-富文本域操作

在日常 web 编写过程中,富文本域几乎成为了一个网站不可页面元素,同时,其也有着各种各样的实现方式,网络上也存在着各种各样的集成插件可供引用。此文以 js 获取、修改 163 邮箱写邮件时的邮件内容为例,演示 js 操作富文本域的方法。其他各种富文本域内容的修改可参考此文进行编写,感兴趣的小主们,可以尝试一下当前流行的各种富文本域插件。

首先简单演示一下 163 写邮件时,收件人的获取、修改,其页面源码如下所示:

以下为相应元素获取、修改的 js 演示:

以下为 js 获取富文本域内容演示:

以下为 js 修改富文本域内容演示:

至此, JS-007-富文本域操作 顺利完结,希望此文能够给初学 JavaScript 的您一份参考。

最后,非常感谢亲的驻足,希望此文能对亲有所帮助。热烈欢迎亲一起探讨,共同进步。非常感谢! ^_^

时间: 2024-10-09 19:42:27

JS-007-富文本域操作的相关文章

在Word指定位置插入富文本域值(html文本)

遇到此问题,首先想到的就是各种百度.结果度娘了一会并没有发现有用的有效的解决方法,哎,看来还得靠自己啊. 首先整理了下手头上的资源,一是HtmlAgilityPack,专门解析Html文本用的:二是我有ASPOSE.Word. 再整理下思路:在Word中插入Html,首先有一点是肯定的,Word跟Html都是Document结构,这点应该是没啥怀疑的.如此的话就感觉好办多了,无非就是Document上插入几个节点,在Html插入节点的方式完全可以运用到此地方. 那么第一种解决方法就是:首先把Wo

富文本域数据保存到数据库

前言:<富文本域数据保存到数据库>,这个标题感觉还不够清晰明了.只好再赘述一遍了,前端使用了bootstrap的wysiwyg富文本组件,然后就是不知道怎么保存图片,图片数据提交到数据库后,在前端无法显示. 今天看到jquery.base64.js,隐隐约约知道了解决方案. 经常不经意间就发现文章被扣到各式各样的网站上面,甚是可恶! 那么人生何处不爬虫,爬虫请标http://blog.csdn.net/qing_gee 见贤思齐焉,见不贤而内自省也! 普通做法 function html_en

selenium对富文本的操作

一.input标签 1.input标签是对短文本的操作.如百度首页的输入框<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">.值存在于value中.进入控制界面输入命令 2.给value赋值方法:driver.find_element_by_id(&quo

python-selenium -- 富文本框操作

一.div普通文本 百度搜索框,通过.send_keys()方法 #定位百度搜索框 driver.find_element_by_id("kw").send_keys("python") time.sleep(3) driver.find_element_by_id("su").click() 二.textarea富文本框 博客园评论区,通过js的.value 方法 from selenium import webdriver import ti

js处理富文本编辑器转义、去除转义、去除HTML标签

富文本编辑器生成的HTML标签,进行转义,然后写入数据库,防止脚本注入: function htmlEncode(value){ return $('<div/>').text(value).html(); } 从数据库拿出的转义后的HTML标签内容,先得去除转义,然后再去除HTML标签,是生成缩略文字. /*移除HTML标签代码*/ function removeHTMLTag(str) { str = str.replace(/<\/?[^>]*>/g,''); //去除

js的富文本框与日期插件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Domino富文本域内附件大小的判断

1 Dim wks As New NotesUIWorkspace 2 Dim uidoc As NotesUIDocument 3 Dim doc As NotesDocument 4 Dim rtitem As Variant 5 Dim object As NotesEmbeddedObject 6 Dim sizeInBytes As Long 7 8 Set uidoc = wks.CurrentDocument 9 Set doc = uidoc.Document 10 Call u

给web项目整合富文本编辑器

给jsp页面整合富文本编辑器下载--删除多余的组件--加入到项目中--参照案例来完成整合步骤:1. 解压zip文件,将所有文件复制到Tomcat的webapps/kindeditor目录下. 2. 将kindeditor/jsp/lib目录下的3个jar文件复制到Tomcat的lib目录下,并重新启动Tomcat. * commons-fileupload-1.2.1.jar * commons-io-1.4.jar * json_simple-1.1.jar以下用我下载的副文本编辑器为例3.把

[开发总结]富文本前端框架对比分析

[排序不分先后,只是标记数量] 1. 如果你想直接引入,完全不定制,扔进项目就直接用 CKEditor TinyMCE Froala Quill Summernote(框架不太友善) Trix 2. 想有非常高度的定制 可以看看 Slate.js,它基于 React.js. 用了 Slate.js 的知名产品有 Taskade,Taskade 的编辑器非常漂亮而且格式很多. 如果想开发和 Taskade 一样的编辑器,我觉得用如上里任何一个现成编辑器都是很难开发出来的(甚至不可能,因为要改动那么