在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，特別是涉及一種在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法和裝置。
【背景技術(shù)】
[0002]文本編輯器(或稱文字編輯器)是用作編寫普通文字的應(yīng)用軟件，文本編輯器一般不能對輸入其中的內(nèi)容進(jìn)行桌面排版(例如文檔格式處理)，但通常支持基本的排版功能，如卷行、自動縮排、行號排版、注釋排版等等。文本編輯器可分為純文本編輯器和富文本編輯器。純文本編輯器中只能輸入文字，而富文本編輯器則可提供類似于Microsoft Word的編輯功能，其中可輸入文字和圖片等。文本編輯器可通過iframe元素嵌入到網(wǎng)頁中。網(wǎng)頁中的文本編輯器通常可用于發(fā)表討論主題、發(fā)表評論內(nèi)容、發(fā)表回復(fù)內(nèi)容等等。
[0003]現(xiàn)有技術(shù)中網(wǎng)頁中的文本編輯器一般固定在網(wǎng)頁中的特定位置，而如今網(wǎng)頁所承載的內(nèi)容通常非常豐富，因此網(wǎng)頁的版面也非常大，瀏覽器窗口中一般不能展示網(wǎng)頁的全部版面。當(dāng)需要在文本編輯器中輸入內(nèi)容而文本編輯器不處于瀏覽器窗口的顯示區(qū)域中時，需要用戶手動拖動網(wǎng)頁的滾動條來翻滾網(wǎng)頁，以將文本編輯器呈現(xiàn)到瀏覽器窗口的顯示區(qū)域中。另外，若需要在文本編輯器中針對某一討論主題、某一評論內(nèi)容發(fā)表評論內(nèi)容或針對某一評論內(nèi)容發(fā)表回復(fù)內(nèi)容，而所針對的討論主題或評論內(nèi)容在網(wǎng)頁中的位置與文本編輯器在網(wǎng)頁中位置相隔甚遠(yuǎn)，導(dǎo)致二者不能同時呈現(xiàn)在瀏覽器窗口的顯示區(qū)域時，則需要用戶強(qiáng)制記住所針對的討論主題或評論內(nèi)容，或者需要用戶來回翻滾網(wǎng)頁以將所針對的討論主題或評論內(nèi)容與文本編輯器交替呈現(xiàn)在瀏覽器窗口的顯示區(qū)域，達(dá)到邊觀看所針對的討論主題或評論內(nèi)容、邊完成在文本編輯器中輸入有針對性的完整的內(nèi)容的目的。

【發(fā)明內(nèi)容】

[0004]基于此，針對文本編輯器只能固定在網(wǎng)頁中特定位置的問題，有必要提供一種在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法和裝置。
[0005]一種在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法，包括以下步驟:
[0006]接收使文本編輯器變?yōu)閼腋顟B(tài)的指令，所述文本編輯器嵌入在網(wǎng)頁的固定位置；
[0007]設(shè)置所述文本編輯器在網(wǎng)頁中處于頂層，并設(shè)置所述文本編輯器的狀態(tài)標(biāo)識為懸浮狀態(tài)；
[0008]監(jiān)測所述網(wǎng)頁是否發(fā)生移動，若所述網(wǎng)頁發(fā)生移動，則檢測所述狀態(tài)標(biāo)識是否表示懸浮狀態(tài)；
[0009]若所述狀態(tài)標(biāo)識表示懸浮狀態(tài)，則不傳送反映所述網(wǎng)頁移動的網(wǎng)頁移動數(shù)據(jù)給所述文本編輯器的位置控制函數(shù)，也不調(diào)用所述位置控制函數(shù)，所述位置控制函數(shù)用于根據(jù)所述網(wǎng)頁移動數(shù)據(jù)控制所述文本編輯器的移動，使得所述文本編輯器與所述網(wǎng)頁一起移動。
[0010]一種在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的裝置，包括:
[0011]指令接收模塊，用于接收使文本編輯器變?yōu)閼腋顟B(tài)的指令，所述文本編輯器嵌入在網(wǎng)頁的固定位置；
[0012]層設(shè)置模塊，用于在觸發(fā)所述文本編輯器變?yōu)閼腋顟B(tài)的指令后，設(shè)置所述文本編輯器在網(wǎng)頁中處于頂層；
[0013]狀態(tài)設(shè)置模塊，用于在觸發(fā)所述文本編輯器變?yōu)閼腋顟B(tài)的指令后，設(shè)置所述文本編輯器的狀態(tài)標(biāo)識為懸浮狀態(tài)；
[0014]監(jiān)測模塊，用于監(jiān)測所述網(wǎng)頁是否發(fā)生移動，若所述網(wǎng)頁發(fā)生移動，則檢測所述狀態(tài)標(biāo)識是否表示懸浮狀態(tài)，若所述狀態(tài)標(biāo)識表示懸浮狀態(tài)，則不啟動所述位置控制模塊；
[0015]位置控制模塊，用于將反映所述網(wǎng)頁移動的網(wǎng)頁移動數(shù)據(jù)傳遞給所述文本編輯器的位置控制函數(shù)并調(diào)用所述位置控制函數(shù)，所述位置控制函數(shù)用于根據(jù)所述網(wǎng)頁移動數(shù)據(jù)控制所述文本編輯器的移動，使得所述文本編輯器與所述網(wǎng)頁一起移動。
[0016]上述在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法和裝置，在接收使文本編輯器變?yōu)閼腋顟B(tài)的指令后，設(shè)置文本編輯器在網(wǎng)頁中處于頂層，從而使得文本編輯器不被網(wǎng)頁中的其它元素遮擋，并設(shè)置文本編輯器的狀態(tài)標(biāo)識為懸浮狀態(tài)，而且在網(wǎng)頁發(fā)生移動的過程中，文本編輯器的狀態(tài)標(biāo)識表示懸浮狀態(tài)時，文本編輯器不隨著網(wǎng)頁移動，從而在接收到使文本編輯器變?yōu)閼腋顟B(tài)的指令后，文本編輯器不會固定在網(wǎng)頁的特定位置而被移出到瀏覽器窗口的顯示區(qū)域之外，其可一直懸浮在網(wǎng)頁的其它元素之上，保留在瀏覽器窗口的顯示區(qū)域。
【附圖說明】
[0017]如圖1A為一個實施例中將文本編輯器設(shè)置為懸浮狀態(tài)的過程的流程示意圖；
[0018]如圖1B為一個實施例中根據(jù)文本編輯器是否為懸浮狀態(tài)控制文本編輯器的位置的過程的流程示意圖；
[0019]圖2為一個實施例中生成文本編輯器的懸浮圖像效果的過程的流程示意圖；
[0020]圖3A為一個實施例中文本編輯器的懸浮圖像效果示意圖；
[0021]圖3B為另一實施例中文本編輯器的懸浮圖像效果示意圖；
[0022]圖4為一個實施例中根據(jù)拖拽操作移動文本編輯器的過程的流程示意圖；
[0023]圖5為一個實施例中文本編輯器上方的鼠標(biāo)指針示意圖；
[0024]圖6為一個實施例中根據(jù)拖拽操作縮放文本編輯器的過程的流程示意圖；
[0025]圖7為一個實施例中文本編輯器頂點上方的鼠標(biāo)指針示意圖；
[0026]圖8為一個實施例中的在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的裝置的結(jié)構(gòu)示意圖；
[0027]圖9為一個實施例中的在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的裝置的結(jié)構(gòu)示意圖；
[0028]圖10為一個實施例中的在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的裝置的結(jié)構(gòu)示意圖；
[0029]圖11為一個實施例中的在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的裝置的結(jié)構(gòu)示意圖；
[0030]圖12為一個實施例中的在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的裝置的結(jié)構(gòu)示意圖；
[0031]圖13為能實現(xiàn)本發(fā)明實施例的一個計算機(jī)系統(tǒng)1000的模塊圖。
【具體實施方式】
[0032]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖及實施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0033]本申請文件中的文本編輯器為純文本編輯器或富文本編輯器。
[0034]在一個實施例中，一種在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法，包括將文本編輯器設(shè)置為懸浮狀態(tài)的過程以及根據(jù)文本編輯器是否為懸浮狀態(tài)控制文本編輯器的位置的過程。
[0035]如圖1A所示，在一個實施例中，將文本編輯器設(shè)置為懸浮狀態(tài)的過程包括以下步驟:
[0036]步驟S102，接收使文本編輯器變?yōu)閼腋顟B(tài)的指令，文本編輯器嵌入在網(wǎng)頁的固定位置。
[0037]在一個實施例中，文本編輯器包括用于放大編輯器的控件，當(dāng)發(fā)生該控件的抬起事件時，觸發(fā)使文本編輯器變?yōu)閼腋顟B(tài)的指令。在一個實施例中，用于放大編輯器的控件為一個按鈕，該按鈕具有抬起事件，按鈕上顯示“放大編輯”或“全屏顯示”的字樣，以提示用戶點擊該按鈕可以放大文本編輯器?？丶奶鹗录诳丶稽c擊后觸發(fā)。例如，當(dāng)鼠標(biāo)指針處于控件之上時，若鼠標(biāo)左鍵被按下后又被放開，則觸發(fā)控件的抬起事件。又例如，觸摸屏在控件位置被按下后又被放開，則觸發(fā)控件的抬起事件。
[0038]在一個實施例中，上述在網(wǎng)頁中實現(xiàn)文本編輯器懸浮的方法還包括以下步驟:當(dāng)發(fā)生上述控件的抬起事件時，按照預(yù)設(shè)的放大尺寸放大文本編輯器。在按照預(yù)設(shè)的放大尺寸放大文本編輯器之前，可先判斷預(yù)設(shè)的放大尺寸是否超過屏幕分辨率，若是，則按照屏幕分辨率的長寬放大文本編輯器，若否，則按照預(yù)設(shè)的放大尺寸放大文本編輯器。本實施例中，文本編輯器在被放大的同時變?yōu)閼腋顟B(tài)。
[0039]在另一個實施例中，在文本編輯器隨著網(wǎng)頁的移動而移動時，監(jiān)測網(wǎng)頁的顯示區(qū)域的底部位置是否高于文本編輯器的底部位置，若是，則觸發(fā)使文本編輯器變?yōu)閼腋顟B(tài)的指令。
[0040]網(wǎng)頁的版面長度可能大于瀏覽器窗口中用于顯示網(wǎng)頁內(nèi)容的區(qū)域(瀏覽器窗口的顯示區(qū)域)的長度，因此可能只有部分網(wǎng)頁內(nèi)容被顯示，而另一部分網(wǎng)頁內(nèi)容則被隱藏。網(wǎng)頁的顯示區(qū)域即被顯示的網(wǎng)頁內(nèi)容所覆蓋的區(qū)域，瀏覽器窗口的顯示區(qū)域與網(wǎng)頁的顯示區(qū)域重疊。
[0041]顯示區(qū)域的