本發(fā)明專利技術(shù)公開(kāi)了一種通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的方法，包括在網(wǎng)頁(yè)的文本輸入框加載完成后，生成覆蓋所述文本輸入框上的DIV層；檢測(cè)到向所述文本輸入框輸入文本的事件；在文本輸入框上的所述DIV層中生成所述文本的HTML元素；判斷輸入的文本為長(zhǎng)文本；檢測(cè)到文本輸入框的提交事件時(shí)將所述文本的HTML元素轉(zhuǎn)換為圖片文件，并將所述圖片文件上傳至服務(wù)器側(cè)。所述服務(wù)器為微博服務(wù)器，通過(guò)上述DIV層，實(shí)現(xiàn)了超過(guò)預(yù)定字?jǐn)?shù)的長(zhǎng)文本微博的直接提交，極大簡(jiǎn)化了用戶發(fā)布長(zhǎng)文字微博的繁瑣操作，改善了用戶體驗(yàn)。本發(fā)明專利技術(shù)還公開(kāi)了一種提交長(zhǎng)文本的裝置。
【技術(shù)實(shí)現(xiàn)步驟摘要】
本專利技術(shù)涉及互聯(lián)網(wǎng)瀏覽器領(lǐng)域，更具體地，涉及一種通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的方法和裝置。
技術(shù)介紹
微博，即微型博客(MiCToBlog)，是一個(gè)基于用戶關(guān)系的信息分享、傳播以及獲取平臺(tái)，用戶通過(guò)WEB、WAP以及各種客戶端組建個(gè)人社區(qū)，以特定數(shù)量的文字更新信息，并實(shí)現(xiàn)即時(shí)分享。最早的、也是最著名的微博是美國(guó)的twitter，根據(jù)相關(guān)公開(kāi)的數(shù)據(jù)，截至2012年7月份，該產(chǎn)品在全球已經(jīng)擁有5億注冊(cè)用戶。2009年8月份中國(guó)最大的門(mén)戶網(wǎng)站新浪網(wǎng)推出“新浪微博”內(nèi)測(cè)版，成為門(mén)戶網(wǎng)站中第一家提供微博服務(wù)的網(wǎng)站，微博正式進(jìn)入中文上網(wǎng)主流人群視野。現(xiàn)有技術(shù)中，微博使用一個(gè)textarea控件作為輸入框，向該控件中進(jìn)行輸入文字，然后將輸入的文字提交微博服務(wù)器。在微博的發(fā)展歷史中，逐漸形成了對(duì)每條微博所含文字?jǐn)?shù)量的限制，例如twitter限制每條微博不多于140個(gè)英文字符，新浪微博限制每條微博不多于140個(gè)中文字符。對(duì)于輸入的文字?jǐn)?shù)量大于140時(shí)會(huì)提示上傳失敗，不能提交。因此，對(duì)于140字以上的長(zhǎng)文字的輸入，一般需要使用長(zhǎng)文字轉(zhuǎn)換工具，先生成包含所述長(zhǎng)文字的圖片，再以圖片文件的格式向微博提交。可見(jiàn)，對(duì)于用戶所發(fā)微博為超過(guò)例如140字的長(zhǎng)文字微博時(shí)，必須另外進(jìn)行長(zhǎng)文字轉(zhuǎn)換，為用戶帶來(lái)了額外的操作步驟，極大降低了用戶體驗(yàn)。用戶希望采用更簡(jiǎn)單、更有效率的方式來(lái)實(shí)現(xiàn)長(zhǎng)文字微博的提交。
技術(shù)實(shí)現(xiàn)思路
本專利技術(shù)提供一種通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的方法和裝置，實(shí)現(xiàn)了長(zhǎng)文本微博的直接、快速的提交，極大提高了用戶的操作效率，從而改善了用戶體驗(yàn)。本專利技術(shù)所述通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的方法包括-在網(wǎng)頁(yè)的文本輸入框加載完成后，生成覆蓋所述文本輸入框上的DIV層；-檢測(cè)到向所述文本輸入框輸入文本的事件；-在文本輸入框上的所述DIV層中生成所述文本的HTML元素；-判斷輸入的文本為長(zhǎng)文本；-檢測(cè)到文本輸入框的提交事件；-將所述文本的HTML元素轉(zhuǎn)換為圖片文件；并-將所述圖片文件上傳至服務(wù)器側(cè)。可選地，生成DIV層的步驟包括在網(wǎng)頁(yè)的所述文本輸入框加載完成事件觸發(fā)后，調(diào)用由網(wǎng)頁(yè)瀏覽器提供的文本輸入框?qū)ο蟮亩ㄖ铺幚砟K生成覆蓋所述文本輸入框上的DIV層。其中，所述文本輸入框由DOM對(duì)象提供，響應(yīng)于該DOM對(duì)象加載完成時(shí)觸發(fā)的ContentReady事件，生成所述DIV層；或響應(yīng)于整個(gè)HTML網(wǎng)頁(yè)加載完成時(shí)觸發(fā)的DocumentReady事件,生成所述DIV層。可選地，檢測(cè)到輸入文本的事件的步驟包括檢測(cè)到拖曳文本到所述DIV層上時(shí)的ondragenter事件和ondragover事件；或檢測(cè)到復(fù)制文本到所述DIV層上時(shí)的onCopyHTML事件；或檢測(cè)到復(fù)制系統(tǒng)剪貼板文本到所述DIV層上時(shí)的onpaste事件。可選地，生成文本的HTML元素的步驟包括調(diào)用瀏覽器側(cè)的HTML元素轉(zhuǎn)換模塊，將所述文本轉(zhuǎn)換為HTML元素，并插入到所述DIV層；轉(zhuǎn)換圖片文件的步驟包括調(diào)用瀏覽器側(cè)的文本圖片轉(zhuǎn)換模塊，將所述DIV層中所述HTML元素轉(zhuǎn)換為圖片文件。可選地，所述上傳圖片的步驟包括將所述圖片直接上傳至服務(wù)器側(cè)；或?qū)⑺鰣D片上傳至圖床服務(wù)器，從所述圖床服務(wù)器獲取圖片的URL地址，并將所獲取的URL地址上傳至服務(wù)器側(cè)。可選地，當(dāng)輸入文本輸入框中的文本字?jǐn)?shù)超過(guò)預(yù)定字?jǐn)?shù)時(shí)，例如140字，判斷所述輸入的文本為長(zhǎng)文本。可選地，在轉(zhuǎn)換圖片文件的步驟之前還可以包括提示用戶輸入文本框的字?jǐn)?shù)超過(guò)預(yù)定字?jǐn)?shù)，將自動(dòng)進(jìn)行圖片轉(zhuǎn)換操作。可選地，所述提交事件是所述文本輸入框的控件失去焦點(diǎn)，或所述文本輸入框的提交按鈕被點(diǎn)擊。進(jìn)一步地，本專利技術(shù)還提供了一種通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的裝置，包括-層生成單元，適于在網(wǎng)頁(yè)的文本輸入框加載完成后，生成覆蓋所述文本輸入框上的DIV層；-輸入檢測(cè)單元，適于檢測(cè)到向所述文本輸入框輸入文本的事件；-HTML元素生成單元，適于在文本輸入框上的所述DIV層中生成所述文本的HTML元素；-判斷單元，適于判斷輸入的文本為長(zhǎng)文本；-提交檢測(cè)單元，適于檢測(cè)到文本輸入框的提交事件；-圖片轉(zhuǎn)換單元，適于將所述文本的HTML元素轉(zhuǎn)換為圖片文件；并-上傳單元，適于將所述圖片文件上傳至服務(wù)器側(cè)。可選地，層生成單元適于在網(wǎng)頁(yè)的所述文本輸入框加載完成事件觸發(fā)后，調(diào)用由網(wǎng)頁(yè)瀏覽器提供的文本輸入框?qū)ο蟮亩ㄖ铺幚砟K生成覆蓋所述文本輸入框上的DIV層。其中，所述文本輸入框由DOM對(duì)象提供，則所述層生成單元適于響應(yīng)于該DOM對(duì)象加載完成時(shí)觸發(fā)的ContentReady事件，生成所述DIV層；或響應(yīng)于整個(gè)HTML網(wǎng)頁(yè)加載完成時(shí)觸發(fā)的DocumentReady事件,生成所述DIV層。可選地,輸入檢測(cè)單元適于檢測(cè)到拖曳文本到所述DIV層上時(shí)的ondragenter事件和ondragover事件；或檢測(cè)到復(fù)制文本到所述DIV層上時(shí)的onCopyHTML事件；或檢測(cè)到復(fù)制系統(tǒng)剪貼板文本到所述DIV層上時(shí)的onpaste事件。可選地，HTML元素生成單元適于調(diào)用瀏覽器側(cè)的HTML元素轉(zhuǎn)換模塊，將所述文本轉(zhuǎn)換為HTML元素，并插入到所述DIV層；圖片轉(zhuǎn)換單元適于調(diào)用瀏覽器側(cè)的文本圖片轉(zhuǎn)換模塊，將所述DIV層中所述HTML元素轉(zhuǎn)換為圖片文件。可選地，上傳單元適于將所述圖片直接上傳至服務(wù)器側(cè)；或?qū)⑺鰣D片上傳至圖床服務(wù)器，從所述圖床服務(wù)器獲取圖片的URL地址，并將所獲取的URL地址上傳至服務(wù)器側(cè)。根據(jù)本專利技術(shù)提供的通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的方法和裝置，所述服務(wù)器為微博服務(wù)器，通過(guò)上述覆蓋在所述文本輸入框上的DIV層，實(shí)現(xiàn)了超過(guò)預(yù)定字?jǐn)?shù)的長(zhǎng)文本微博的輸入和提交，并且支持了文字的鍵入、復(fù)制和拖拽，極大簡(jiǎn)化了用戶發(fā)布長(zhǎng)文字微博的繁瑣操作，改善了用戶體驗(yàn)。上述說(shuō)明僅是本專利技術(shù)技術(shù)方案的概述，為了能夠更清楚了解本專利技術(shù)的技術(shù)手段，而可依照說(shuō)明書(shū)的內(nèi)容予以實(shí)施，并且為了讓本專利技術(shù)的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本專利技術(shù)的具體實(shí)施方式，并配合附圖，詳細(xì)說(shuō)明如下。附圖說(shuō)明通過(guò)閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出具體實(shí)施方式的目的，而并不認(rèn)為是對(duì)本專利技術(shù)的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中圖I為根據(jù)本專利技術(shù)一個(gè)實(shí)施例的提交長(zhǎng)文本方法的流程圖；圖2為根據(jù)本專利技術(shù)一個(gè)實(shí)施例的提交長(zhǎng)文本裝置的示意圖。具體實(shí)施例方式本專利技術(shù)提供了一種通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本方法和裝置，下面將結(jié)合附圖詳細(xì)說(shuō)明如下。圖I示出了根據(jù)本專利技術(shù)一個(gè)實(shí)施例的提交長(zhǎng)文本的方法。根據(jù)圖I所示的實(shí)施例，所述服務(wù)器為微博服務(wù)器，所示方法為通過(guò)網(wǎng)頁(yè)的文本輸入框向微博服務(wù)器提交并發(fā)布長(zhǎng)文本微博。步驟101為DIV層生成步驟，用于在網(wǎng)頁(yè)的文本輸入框加載完成后，生成覆蓋所述文本輸入框上的DIV層。通常，網(wǎng)頁(yè)的文本輸入框可以由DOM對(duì)象提供。DOM對(duì)象在網(wǎng)頁(yè)瀏覽器中加載完成后，會(huì)有相應(yīng)的加載完成事件被觸發(fā)，如ContentReady事件。在該加載完成事件觸發(fā)后，則可以調(diào)用由網(wǎng)頁(yè)瀏覽器提供的定制處理函數(shù)來(lái)生成DIV層，該定制處理函數(shù)可以是在網(wǎng)頁(yè)瀏覽器處預(yù)先編制好。可替換地，也可以是在包括該文本輸入框的整個(gè)HTML網(wǎng)頁(yè)都加載完成后再生成所需的DIV層，此時(shí)該生成本文檔來(lái)自技高網(wǎng)...
【技術(shù)保護(hù)點(diǎn)】
一種通過(guò)網(wǎng)頁(yè)的文本輸入框提交長(zhǎng)文本的方法，包括：在網(wǎng)頁(yè)的文本輸入框加載完成后，生成覆蓋所述文本輸入框上的DIV層；檢測(cè)到向所述文本輸入框輸入文本的事件；在文本輸入框上的所述DIV層中生成所述文本的HTML元素；判斷輸入的文本為長(zhǎng)文本；檢測(cè)到文本輸入框的提交事件；將所述文本的HTML元素轉(zhuǎn)換為圖片文件；并將所述圖片文件上傳至服務(wù)器側(cè)。
【技術(shù)特征摘要】
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：唐曦，陳志，李鳴，任寰，
申請(qǐng)(專利權(quán))人：北京奇虎科技有限公司，奇智軟件北京有限公司，
類型：發(fā)明
國(guó)別省市：
還沒(méi)有人留言評(píng)論。發(fā)表了對(duì)其他瀏覽者有用的留言會(huì)獲得科技券。