长文本提交方法和装置制造方法及图纸

本发明专利技术公开了一种通过网页的文本输入框提交长文本提交的方法装置，其包括层生成单元，适于在网页的文本输入框加载完成后，生成覆盖所述文本输入框上的DIV层；输入检测单元，检测到向所述文本输入框输入文本的事件；HTML元素生成单元，在文本输入框上的所述DIV层中生成所述文本的HTML元素；判断单元；提交检测单元；图片转换单元；上传单元；其中，HTML元素生成单元适于调用浏览器侧的HTML元素转换模块，将所述文本转换为HTML元素，并插入到所述DIV层。所述服务器为微博服务器，通过上述DIV层，实现了超过预定字数的长文本微博的直接提交，极大简化了用户发布长文字微博的繁琐操作，改善了用户体验。本发明专利技术还公开了一种提交长文本的提交方法装置。

【技术实现步骤摘要】

本专利技术涉及互联网浏览器领域，更具体地，涉及一种长文本提交方法和装置。
技术介绍
微博，即微型博客(MiCToBlog)，是一个基于用户关系的信息分享、传播以及获取平台，用户通过WEB、WAP以及各种客户端组建个人社区，以特定数量的文字更新信息，并实现即时分享。最早的、也是最著名的微博是美国的twitter，根据相关公开的数据，截至2012年7月份，该产品在全球已经拥有5亿注册用户。2009年8月份中国最大的门户网站新浪网推出“新浪微博”内测版，成为门户网站中第一家提供微博服务的网站，微博正式进入中文上网主流人群视野。现有技术中，微博使用一个textarea控件作为输入框，向该控件中进行输入文字，然后将输入的文字提交微博服务器。在微博的发展历史中，逐渐形成了对每条微博所含文字数量的限制，例如twitter限制每条微博不多于140个英文字符，新浪微博限制每条微博不多于140个中文字符。对于输入的文字数量大于140时会提示上传失败，不能提交。因此，对于140字以上的长文字的输入，一般需要使用长文字转换工具，先生成包含所述长文字的图片，再以图片文件的格式向微博提交。可见，对于用户所发微博为超过例如140字的长文字微博时，必须另外进行长文字转换，为用户带来了额外的操作步骤，极大降低了用户体验。用户希望采用更简单、更有效率的方式来实现长文字微博的提交。
技术实现思路
本专利技术提供一种长文本提交方法和装置，实现了长文本微博的直接、快速的提交，极大提高了用户的操作效率，从而改善了用户体验。本专利技术所述长文本提交方法包括-在网页的文本输入框加载完成后，生成覆盖所述文本输入框上的DIV层；-检测到向所述文本输入框输入文本的事件；-在文本输入框上的所述DIV层中生成所述文本的HTML元素；-判断输入的文本为长文本；-检测到文本输入框的提交事件；-将所述文本的HTML元素转换为图片文件；并-将所述图片文件上传至服务器侧；其中，生成文本的HTML元素的步骤包括调用浏览器侧的HTML元素转换模块，将所述文本转换为HTML元素，并插入到所述DIV 层。可选地，生成DIV层的步骤包括在网页的所述文本输入框加载完成事件触发后，调用由网页浏览器提供的文本输入框对象的定制处理模块生成覆盖所述文本输入框上的DIV层。其中，所述文本输入框由DOM对象提供，响应于该DOM对象加载完成时触发的ContentReady事件，生成所述DIV层；或响应于整个HTML网页加载完成时触发的DocumentReady事件,生成所述DIV层。可选地，检测到输入文本的事件的步骤包括检测到拖曳文本到所述DIV层上时的ondragenter事件和ondragover事件；或检测到复制文本到所述DIV层上时的onCopyHTML事件；或检测到复制系统剪贴板文本到所述DIV层上时的onpaste事件。可选地，转换图片文件的步骤包括调用浏览器侧的文本图片转换模块，将所述DIV层中所述HTML元素转换为图片文件。可选地，所述上传图片的步骤包括将所述图片直接上传至服务器侧；或将所述图片上传至图床服务器，从所述图床服务器获取图片的URL地址，并将所获取的URL地址上传至服务器侧。可选地，当输入文本输入框中的文本字数超过预定字数时，例如140字，判断所述输入的文本为长文本。可选地，在转换图片文件的步骤之前还可以包括提示用户输入文本框的字数超过预定字数，将自动进行图片转换操作。可选地，所述提交事件是所述文本输入框的控件失去焦点，或所述文本输入框的提交按钮被点击。进一步地，本专利技术还提供了一种长文本提交装置，包括-层生成单元，适于在网页的文本输入框加载完成后，生成覆盖所述文本输入框上的DIV层；-输入检测单元，适于检测到向所述文本输入框输入文本的事件；-HTML元素生成单元，适于在文本输入框上的所述DIV层中生成所述文本的HTML元素；-判断单元，适于判断输入的文本为长文本；-提交检测单元，适于检测到文本输入框的提交事件；-图片转换单元，适于将所述文本的HTML元素转换为图片文件；并-上传单元，适于将所述图片文件上传至服务器侧；其中，HTML元素生成单元适于调用浏览器侧的HTML元素转换模块，将所述文本转换为HTML元素，并插入到所述DIV层。可选地，层生成单元适于在网页的所述文本输入框加载完成事件触发后，调用由网页浏览器提供的文本输入框对象的定制处理模块生成覆盖所述文本输入框上的DIV层。其中，所述文本输入框由DOM对象提供，则所述层生成单元适于响应于该DOM对象加载完成时触发的ContentReady事件，生成所述DIV层；或响应于整个HTML网页加载完成时触发的DocumentReady事件,生成所述DIV层。可选地,输入检测单元适于检测到拖曳文本到所述DIV层上时的ondragenter事件和ondragover事件；或检测到复制文本到所述DIV层上时的onCopyHTML事件；或检测到复制系统剪贴板文本到所述DIV层上时的onpaste事件。可选地，图片转换单元适于调用浏览器侧的文本图片转换模块，将所述DIV层中所述HTML元素转换为图片文件。可选地，上传单元适于将所述图片直接上传至服务器侧；或将所述图片上传至图床服务器，从所述图床服务器获取图片的URL地址，并将所获取的URL地址上传至服务器侧。根据本专利技术提供的长文本提交方法和装置，所述服务器为微博服务器，通过上述覆盖在所述文本输入框上的DIV层，实现了超过预定字数的长文本微博的输入和提交，并且支持了文字的键入、复制和拖拽，极大简化了用户发布长文字微博的繁琐操作，改善了用户体验。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式，并配合附图，详细说明如下。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出具体实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中图I为根据本专利技术一个实施例的长文本提交方法的流程图；图2为根据本专利技术一个实施例的长文本提交装置的示意图。具体实施例方式本专利技术提供了一种通过网页的文本输入框提交长文本方法和装置，下面将结合附图详细说明如下。图I示出了根据本专利技术一个实施例的长文本提交方法。根据图I所示的实施例，所述服务器为微博服务器，所示方法为通过网页的文本输入框向微博服务器提交并发布长文本微博。步骤101为DIV层生成步骤，用于在网页的文本输入框加载完成后，生成覆盖所述文本输入框上的DIV层。通常，网页的文本输入框可以由DOM对象提供。DOM对象在网页浏览器中加载完成后，会有相应的加载完成事件被触发，如ContentReady事件。在该加载完成事件触发后，则可以调用由网页浏览器提供的定制处理函数来生成DIV层，该定制处理函数可以是在网页浏览器处预先编制好。可替换地，也可以是在包括该文本输入框的整个HTML网页都加载完成后再生成所需的DIV层，此时该生成操作可以由整个网页的加载完成事件如DocumentReady的触发来调用定制处理函数来实现。定制处本文档来自技高网...

【技术保护点】
一种长文本提交方法，包括：在网页的文本输入框加载完成后，生成覆盖所述文本输入框上的DIV层；检测到向所述文本输入框输入文本的事件；在文本输入框上的所述DIV层中生成所述文本的HTML元素；判断输入的文本为长文本；检测到文本输入框的提交事件；将所述文本的HTML元素转换为图片文件；并将所述图片文件上传至服务器侧；其中，生成文本的HTML元素的步骤包括：调用浏览器侧的HTML元素转换模块，将所述文本转换为HTML元素，并插入到所述DIV层。

【技术特征摘要】

【专利技术属性】
技术研发人员：唐曦，陈志，李鸣，任寰，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：