一種網(wǎng)頁內(nèi)容編輯方法和裝置制造方法
【專利摘要】本發(fā)明實(shí)施例公開了一種網(wǎng)頁內(nèi)容編輯方法，包括：監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片；接收到對所述頁面片集合中的頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域。采用本發(fā)明，通過對經(jīng)常使用的頁面片進(jìn)行保存，在后續(xù)的開發(fā)過程中直接調(diào)用已保存的頁面片，可提高網(wǎng)頁開發(fā)的效率。
【專利說明】—種網(wǎng)頁內(nèi)容編輯方法和裝置
【技術(shù)領(lǐng)域】
[0001 ] 本發(fā)明涉及計(jì)算機(jī)領(lǐng)域，尤其涉及一種網(wǎng)頁內(nèi)容編輯方法和裝置。
【背景技術(shù)】
[0002]在現(xiàn)有技術(shù)中，網(wǎng)頁的開發(fā)通常通過運(yùn)行在計(jì)算機(jī)設(shè)備上的軟件來完成，如內(nèi)容管理系統(tǒng)，內(nèi)容管理系統(tǒng)是一種位于Web后端(Web服務(wù)器)和前端辦公系統(tǒng)或流程(內(nèi)容創(chuàng)作、編輯)之間的軟件。內(nèi)容管理解決方案重點(diǎn)解決各種非結(jié)構(gòu)化或半結(jié)構(gòu)化的數(shù)字資源的采集、管理、利用、傳遞和增值，并能有機(jī)集成到結(jié)構(gòu)化數(shù)據(jù)的商業(yè)智能環(huán)境中。內(nèi)容的創(chuàng)作人員、編輯人員、發(fā)布人員使用內(nèi)容管理系統(tǒng)來提交、修改、審批、發(fā)布內(nèi)容。這里指的"內(nèi)容〃可能包括文件、表格、圖片、數(shù)據(jù)庫中的數(shù)據(jù)甚至視頻等一切你想要發(fā)布到Internet、Intranet以及Extranet網(wǎng)站的信息。
[0003]隨著網(wǎng)絡(luò)應(yīng)用的豐富和發(fā)展，很多網(wǎng)站往往不能迅速跟進(jìn)大量信息衍生及業(yè)務(wù)模式變革的腳步，常常需要花費(fèi)許多時(shí)間、人力和物力來處理信息更新和維護(hù)工作。在開發(fā)過程中，我們經(jīng)常會(huì)遇到相似的代碼內(nèi)容，其對應(yīng)的網(wǎng)頁內(nèi)容是一致的，而開發(fā)人員需要重新編寫網(wǎng)頁代碼，或復(fù)制粘貼以前的代碼，開發(fā)效率低下。

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

[0004]本發(fā)明實(shí)施例所要解決的技術(shù)問題在于，提供一種網(wǎng)頁內(nèi)容編輯方法和裝置。可解決現(xiàn)有技術(shù)中，在維護(hù)和更新網(wǎng)頁時(shí)，對于多次出現(xiàn)的頁面片需要重新編寫代碼，或復(fù)制粘貼以前的代碼，開發(fā)效率低下的不足。
[0005]為了解決上述技術(shù)問題，本發(fā)明實(shí)施例提供了一種網(wǎng)頁內(nèi)容編輯方法，包括:
[0006]監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片 '及
[0007]接收到對所述頁面片集合中頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域中，以完成編輯該待編輯網(wǎng)頁。
[0008]相應(yīng)地，本發(fā)明實(shí)施例還提供了一種網(wǎng)頁內(nèi)容編輯裝置，包括:
[0009]第一顯示模塊，用于監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片；
[0010]導(dǎo)入模塊，用于接收到對所述頁面片集合中頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域中，以完成編輯該待編輯網(wǎng)頁。
[0011]實(shí)施本發(fā)明實(shí)施例，具有如下有益效果:
[0012]通過統(tǒng)計(jì)網(wǎng)頁開發(fā)過程中經(jīng)常使用的代碼，將其作為頁面片保存到頁面片集合中，在后續(xù)的開發(fā)過程中，遇到相同的頁面片可以直接導(dǎo)入保存在頁面片集合中的頁面片，不需重新編寫代碼，提高了開發(fā)的效率。
【專利附圖】

【附圖說明】[0013]為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0014]圖1是本發(fā)明第一較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯裝置的結(jié)構(gòu)示意圖；
[0015]圖2是本發(fā)明第二較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯裝置的結(jié)構(gòu)示意圖；
[0016]圖3是本發(fā)明第一較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯方法的作業(yè)流程示意圖；
[0017]圖4是本發(fā)明第二較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯方法的作業(yè)流程示意圖。
【具體實(shí)施方式】
[0018]下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0019]參見圖1，為本發(fā)明第一較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯裝置(以下簡稱為“編輯裝置I”)的結(jié)構(gòu)示意圖，包括:
[0020]第一顯示模塊11，用于監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片。
[0021]具體的，將一個(gè)空白的網(wǎng)頁或者已編寫部分代碼的網(wǎng)頁作為待編輯網(wǎng)頁，當(dāng)?shù)谝伙@示模塊11監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中所有的頁面片。
[0022]本實(shí)施例中，所述編輯裝置I可以是個(gè)人電腦或者工作站等設(shè)備，用戶通過該編輯裝置I執(zhí)行待編輯網(wǎng)頁的編輯功能，也可以是其他設(shè)備，本發(fā)明不作限制。
[0023]頁面片包括網(wǎng)頁中指定區(qū)域的代碼，例如，騰訊網(wǎng)首頁中的導(dǎo)航欄和財(cái)經(jīng)、股票板塊等區(qū)域的HTML (Hypertext Markup Language,超文本標(biāo)記語言,簡稱HTTP)代碼和內(nèi)嵌的CSS (Cascading Style Sheet,級(jí)聯(lián)樣式表,簡稱CSS)代碼。開發(fā)人員在后續(xù)的維護(hù)開發(fā)過程中，根據(jù)需要將重復(fù)利用的頁面片保存到指定位置的頁面片集合中。所述頁面片集合可以是一個(gè)數(shù)據(jù)庫，各個(gè)頁面片單獨(dú)的存放在該數(shù)據(jù)庫中，同時(shí)顯示各個(gè)頁面片匯總起來的一個(gè)表格，其中，每個(gè)頁面片嵌入有CSS代碼，用于指示該頁面片的顯示效果，如字體、顏色和動(dòng)態(tài)效果等，通過CSS代碼可以預(yù)覽頁面片集合中頁面片的顯示效果。
[0024]導(dǎo)入模塊12，用于在接收到對所述頁面片集合中的頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域。
[0025]具體的，用戶從頁面片集合中選取一張頁面片，通過點(diǎn)擊選中的頁面片，導(dǎo)入模塊12將該頁面片導(dǎo)入到待編輯網(wǎng)頁的指定區(qū)域中，以實(shí)現(xiàn)對該待編輯網(wǎng)頁進(jìn)行編輯。
[0026]實(shí)施本發(fā)明的實(shí)施例，通過統(tǒng)計(jì)網(wǎng)頁開發(fā)過程中經(jīng)常使用的代碼，將其作為頁面片保存到頁面片集合中，在后續(xù)的開發(fā)過程中，遇到相同的頁面片可以直接導(dǎo)入保存在頁面片集合中的頁面片，不需重新編寫代碼，提高了開發(fā)的效率。
[0027]進(jìn)一步的，參見圖2，為本發(fā)明第二較佳實(shí)施例中編輯裝置I的結(jié)構(gòu)示意圖，除包括第一顯不模塊11和導(dǎo)入模塊12之外,還包括:[0028]判斷模塊13，用于判斷是否檢測到對所述待編輯網(wǎng)頁上的導(dǎo)入按鈕的點(diǎn)擊操作，若判斷為是，則確定監(jiān)控到所述導(dǎo)入指令。
[0029]具體的，待編輯網(wǎng)頁的指定區(qū)域預(yù)先設(shè)置有一個(gè)導(dǎo)入按鈕，判斷模塊13檢測到導(dǎo)入按鈕上是否發(fā)生點(diǎn)擊操作。判斷是否發(fā)生點(diǎn)擊操作的方法具體為，檢測是否在導(dǎo)入按鈕上發(fā)生鼠標(biāo)事件，當(dāng)判斷為是時(shí)，確定監(jiān)控到導(dǎo)入指令，指示第一顯示模塊11顯示頁面片集合，若沒有檢測到點(diǎn)擊操作，則繼續(xù)判斷。
[0030]第二顯示模塊14，用于顯示編輯完成后的網(wǎng)頁的預(yù)覽視圖和所述待編輯網(wǎng)頁對應(yīng)的HTML代碼和CSS代碼。
[0031]具體的，頁面片中的HTML代碼和對應(yīng)的CSS代碼插入完成后，第二顯示模塊14通過接收到用戶預(yù)覽指令，顯示插入該頁面片后的待編輯網(wǎng)頁的顯示效果和對應(yīng)的代碼。
[0032]發(fā)布模塊15，用于保存并發(fā)布編輯完成后的網(wǎng)頁。
[0033]具體的，用戶按照上述的方法將完成所述待編輯網(wǎng)頁的編輯操作時(shí)，發(fā)布模塊15通過網(wǎng)頁發(fā)布工具發(fā)布編輯完成后網(wǎng)頁，該網(wǎng)頁發(fā)布工具可以是Frontpage或Dreamweaver等，本實(shí)施例不作限制。
[0034]頁面片生成模塊16，用于當(dāng)接收到所述編輯完成后的網(wǎng)頁上的指定區(qū)域的選擇操作時(shí)，將所述指定區(qū)域的內(nèi)容生成新頁面片并保存至所述頁面片集合中。
[0035]具體的，頁面片生成模塊16接收到編輯完成后的網(wǎng)頁上指定區(qū)域的選擇操作時(shí)，將所述指定區(qū)域的內(nèi)容生成的新頁面片保存至所述頁面片集合中，通過新頁面片的生成擴(kuò)展了頁面片集合，使得后續(xù)開發(fā)過程中可以調(diào)用的頁面片的數(shù)量增多，提高了開發(fā)的效率。
[0036]頁面片編輯模塊17，用于當(dāng)接收到對所述頁面片集合中指定頁面片的編輯指令時(shí)，顯示所述指定頁面片對應(yīng)的代碼。
[0037]具體的，頁面片集合中的各個(gè)頁面片是可以修改的，當(dāng)接收到用戶的編輯指令時(shí)，顯示用戶選中的頁面片的代碼，用戶通過修改代碼可以實(shí)現(xiàn)對該頁面片的編輯，這樣頁面片能根據(jù)需要進(jìn)行自定義，配置更加靈活。
[0038]進(jìn)一步的，當(dāng)用戶點(diǎn)擊某個(gè)頁面片進(jìn)行預(yù)覽操作時(shí)，第一顯示模塊11還用于顯示該頁面片的預(yù)覽視圖，用戶可以查看該頁面片的顯示效果，當(dāng)顯示效果達(dá)不到用戶要求時(shí)，用戶還可以對該頁面片對應(yīng)的代碼進(jìn)行重復(fù)修改。
[0039]在第二較佳實(shí)施例中，導(dǎo)入模塊12具體用于將選中的頁面片的HTML代碼和對應(yīng)的CSS代碼插入到所述待編輯網(wǎng)頁的代碼的指定位置。
[0040]具體的，頁面片的代碼中包括一個(gè)第一標(biāo)識(shí)，待編輯網(wǎng)頁的代碼中包括第二標(biāo)識(shí)，導(dǎo)入模塊12在接收到對頁面片集合中頁面片的選擇操作時(shí)，查詢待編輯網(wǎng)頁的代碼中預(yù)置的第二標(biāo)識(shí)。本實(shí)施例中，所述第一標(biāo)識(shí)和第二標(biāo)識(shí)可以用數(shù)字或字母的形式表示。當(dāng)判斷所述第一標(biāo)識(shí)和所述第二標(biāo)識(shí)相同時(shí)，導(dǎo)入模塊12將頁面片的代碼插入到所述第二標(biāo)識(shí)的后面，根據(jù)頁面片中的位置信息和尺寸信息將所述頁面片顯示在待編輯網(wǎng)頁的指定位置上。
[0041]實(shí)施本發(fā)明的實(shí)施例，通過統(tǒng)計(jì)網(wǎng)頁開發(fā)過程中經(jīng)常使用的代碼，將其作為頁面片保存到頁面片集合中，在后續(xù)的開發(fā)過程中，遇到相同的頁面片可以直接導(dǎo)入保存在頁面片集合中的頁面片，不需重新編寫代碼，提高了開發(fā)的效率。
[0042]參見圖3，為本發(fā)明第一較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯方法的作業(yè)流程示意圖，包括:
[0043]步驟101、監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合包括至少一個(gè)頁面片。
[0044]具體的，將一個(gè)空白的網(wǎng)頁或者已編寫部分代碼的網(wǎng)頁作為待編輯網(wǎng)頁，當(dāng)網(wǎng)頁內(nèi)容編輯裝置的第一顯示模塊11監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中所有的頁面片。本實(shí)施例中編輯裝置I可以是個(gè)人電腦或者工作站等設(shè)備，用戶通過該編輯裝置I執(zhí)行待編輯網(wǎng)頁的編輯功能，也可以是其他設(shè)備，本發(fā)明不作限制。
[0045]頁面片集合可以是數(shù)據(jù)庫的形式，也可以使其他形式，本發(fā)明不作限制。每個(gè)頁面片嵌入有CSS代碼，用于指示該頁面片的顯示效果，如字體、顏色和動(dòng)態(tài)效果等，通過CSS代碼可以預(yù)覽頁面片集合中頁面片的顯示效果。
[0046]步驟102、當(dāng)在接收到對所述頁面集合中頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域中。
[0047]具體的，用戶從頁面片集合中選取一個(gè)頁面片，通過點(diǎn)擊選中的頁面片，導(dǎo)入模塊12將該頁面片導(dǎo)入到待編輯網(wǎng)頁的指定區(qū)域中，以實(shí)現(xiàn)對該待編輯網(wǎng)頁進(jìn)行編輯。
[0048]實(shí)施本發(fā)明的實(shí)施例，通過統(tǒng)計(jì)網(wǎng)頁開發(fā)過程中經(jīng)常使用的代碼，將其作為頁面片保存到頁面片集合中，在后續(xù)的開發(fā)過程中，遇到相同的頁面片可以直接導(dǎo)入保存在頁面片集合中的頁面片，不需重新編寫代碼，提高了開發(fā)的效率。
[0049]參見圖4，為本發(fā)明第二較佳實(shí)施例中網(wǎng)頁內(nèi)容編輯方法的作業(yè)流程示意圖，包括:
[0050]步驟201、判斷是否檢測到對所述待編輯網(wǎng)頁上導(dǎo)入按鈕的點(diǎn)擊操作。
[0051]具體的，在待編輯網(wǎng)頁的指定區(qū)域預(yù)先設(shè)置一個(gè)導(dǎo)入按鈕，網(wǎng)頁內(nèi)容編輯裝置的第一顯示模塊11檢測到導(dǎo)入按鈕上是否發(fā)生點(diǎn)擊操作。當(dāng)判斷為是時(shí)，確定監(jiān)控到導(dǎo)入指令，開始執(zhí)行步驟202，若沒有檢測到點(diǎn)擊操作，則繼續(xù)判斷。
[0052]步驟202、顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片。
[0053]具體的，第一顯示模塊11監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中所有的頁面片，頁面片集合可以是數(shù)據(jù)庫的形式，顯示各個(gè)頁面片匯總起來的一個(gè)表格，每個(gè)頁面片內(nèi)嵌有CSS代碼，該CSS代碼用于指示對應(yīng)的頁面片的顯示效果，如字體、顏色和動(dòng)態(tài)效果等，通過該CSS代碼可以預(yù)覽頁面片的顯示效果。
[0054]步驟203、接收到對所述預(yù)置的頁面片集合中的指定頁面片的預(yù)覽指令時(shí)，顯示所述指定頁面片的預(yù)覽視圖。
[0055]具體的，頁面片集合中頁面片的表現(xiàn)形式可以為包括頁面片的數(shù)據(jù)庫，在網(wǎng)頁編輯時(shí)通常需要預(yù)覽其顯示效果，由于頁面片集合中的每個(gè)頁面片都內(nèi)嵌有指定的CSS代碼，該CSS代碼用于指示該頁面片的顯示效果，如字體、顏色和動(dòng)態(tài)效果等。第一顯示模塊11在接收到指定頁面片的預(yù)覽指令時(shí)，根據(jù)該指定頁面片的CSS代碼顯示所述指定頁面片的效果。同時(shí)，當(dāng)用戶對顯示效果不滿意時(shí)，發(fā)送一個(gè)編輯指令給頁面片編輯模塊17，頁面片編輯模塊17顯示該指定頁面片的代碼，用戶可以對所述指定頁面片對應(yīng)的代碼進(jìn)行修改，自定義所述指定頁面的顯示效果。[0056]步驟204，接收到對所述頁面片集合中頁面片的選擇操作時(shí)，將選中的頁面片的HTML代碼和對應(yīng)的CSS代碼作為一個(gè)整體插入到待編輯網(wǎng)頁的代碼中的指定位置上。
[0057]具體的，頁面片的HTML代碼和對應(yīng)的CSS代碼是一個(gè)整體，CSS代碼嵌入到頁面片的HTML代碼中，CSS代碼用來描述該HTML代碼顯示的效果，頁面片中包括網(wǎng)頁上指定區(qū)域的代碼。頁面片的代碼中包括一個(gè)第一標(biāo)識(shí)，待編輯網(wǎng)頁的代碼中包括第二標(biāo)識(shí)，導(dǎo)入模塊12在接收到對頁面片集合中頁面片的選擇操作時(shí)，查詢待編輯網(wǎng)頁的代碼中預(yù)置的第二標(biāo)識(shí)。本實(shí)施里中，所述第一標(biāo)識(shí)和第二標(biāo)識(shí)可以用數(shù)字或字母的形式表示。當(dāng)判斷所述第一標(biāo)識(shí)和所述第二標(biāo)識(shí)相同時(shí)，導(dǎo)入模塊12將頁面片的代碼插入到所述第二標(biāo)識(shí)的后面，根據(jù)頁面片中的位置信息和尺寸信息將所述頁面片顯示在待編輯網(wǎng)頁的指定位置上。
[0058]步驟205、顯示編輯完成后的網(wǎng)頁的預(yù)覽視圖和所述待編輯網(wǎng)頁對應(yīng)的HTML代碼和CSS代碼。
[0059]具體的，頁面片中的HTML代碼和對應(yīng)的CSS代碼插入完成后，第二顯示模塊14通過接收到用戶預(yù)覽指令，預(yù)覽插入該頁面片后的待編輯網(wǎng)頁的顯示效果和對應(yīng)的代碼。
[0060]步驟206、保存并發(fā)布編輯完成后的網(wǎng)頁。
[0061]具體的，用戶按照上述的方法將完成所述待編輯網(wǎng)頁的編輯操作時(shí)，發(fā)布模塊15通過網(wǎng)頁發(fā)布工具發(fā)布編輯完成后的網(wǎng)頁，該網(wǎng)頁發(fā)布工具可以是Frontpage或Dreamweaver等,本實(shí)施例不作限制。同時(shí),頁面片生成模塊16接收到編輯完成后的網(wǎng)頁上指定區(qū)域的選擇操作時(shí)，將所述指定區(qū)域的內(nèi)容生成的新的頁面片并保存至所述頁面片集合中，通過新頁面片的生成擴(kuò)展了頁面片集合，使得后續(xù)開發(fā)過程中可以調(diào)用的頁面片的數(shù)量增多，提高了開發(fā)的效率。
[0062]實(shí)施本發(fā)明的實(shí)施例，通過統(tǒng)計(jì)網(wǎng)頁開發(fā)過程中經(jīng)常使用的代碼，并將其生成頁面片保存到頁面片集合中，在后續(xù)的開發(fā)過程中，遇到相同的頁面片可以直接從頁面片集合中導(dǎo)入該保存的頁面片，不需重新編寫代碼，提高了開發(fā)的效率。
[0063]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分流程，是可以通過計(jì)算機(jī)程序來指令相關(guān)的硬件來完成，所述的程序可存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，可包括如上述各方法的實(shí)施例的流程。其中，所述的存儲(chǔ)介質(zhì)可為磁碟、光盤、只讀存儲(chǔ)記憶體(Read-Only Memory, ROM)或隨機(jī)存儲(chǔ)記憶體(Random AccessMemory, RAM)等。
[0064]以上所揭露的僅為本發(fā)明一種較佳實(shí)施例而已，當(dāng)然不能以此來限定本發(fā)明之權(quán)利范圍，本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例的全部或部分流程，并依本發(fā)明權(quán)利要求所作的等同變化，仍屬于發(fā)明所涵蓋的范圍。
【權(quán)利要求】
1.一種網(wǎng)頁內(nèi)容編輯方法，其特征在于，包括: 監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片 '及 接收到對所述頁面片集合中頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域中，以完成編輯該待編輯網(wǎng)頁。
2.如權(quán)利要求1所述的方法，其特征在于，在所述監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令步驟之前，該方法還包括: 判斷是否檢測到對所述待編輯網(wǎng)頁上的導(dǎo)入按鈕的點(diǎn)擊操作，若判斷為是，則確定監(jiān)控到所述導(dǎo)入指令。
3.如權(quán)利要求2所述的方法，其特征在于，所述頁面片包括HTML代碼和CSS代碼； 所述顯示預(yù)置的頁面片集合中的頁面片包括: 在接收到對所述預(yù)置的頁面片中的指定頁面片的預(yù)覽指令時(shí)，顯示所述指定頁面片的預(yù)覽視圖。
4.如權(quán)利要求3所 述的方法，其特征在于，所述將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域包括: 將選中的頁面片的HTML代碼和對應(yīng)的CSS代碼插入到所述待編輯網(wǎng)頁的代碼的指定位置。
5.如權(quán)利要求3所述的方法，其特征在于，所述接收到對所述頁面片集合中的頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域之后，該方法還包括: 顯示編輯完成后的網(wǎng)頁的預(yù)覽視圖和所述待編輯網(wǎng)頁對應(yīng)的HTML代碼和CSS代碼； 保存并發(fā)布編輯完成后的網(wǎng)頁。
6.如權(quán)利要求5所述的方法，其特征在于，還包括: 當(dāng)接收到所述編輯完成后的網(wǎng)頁上的指定區(qū)域的選擇操作時(shí)，將所述指定區(qū)域的內(nèi)容生成新頁面片并保存至所述頁面片集合中。
7.如權(quán)利要求1-6任一項(xiàng)所述的方法，其特征在于，還包括: 當(dāng)接收到對所述頁面片集合中指定頁面片的編輯指令時(shí)，顯示所述指定頁面片對應(yīng)的代碼。
8.—種網(wǎng)頁內(nèi)容編輯裝置，其特征在于，包括: 第一顯示模塊，用于監(jiān)控到待編輯網(wǎng)頁上向指定區(qū)域?qū)腠撁嫫膶?dǎo)入指令時(shí)，顯示預(yù)置的頁面片集合中的頁面片，所述頁面片集合中包括至少一個(gè)頁面片；及 導(dǎo)入模塊，用于接收到對所述頁面片集合中頁面片的選擇操作時(shí)，將選中的頁面片導(dǎo)入到所述待編輯網(wǎng)頁的指定區(qū)域中，以完成編輯該待編輯網(wǎng)頁。
9.如權(quán)利要求8所述的裝置，其特征在于，還包括: 判斷模塊，用于判斷是否檢測到對所述待編輯網(wǎng)頁上的導(dǎo)入按鈕的點(diǎn)擊操作，若判斷為是，則確定監(jiān)控到所述導(dǎo)入指令。
10.如權(quán)利要求9所述的裝置，其特征在于，所述第一顯示模塊還用于在接收到對所述預(yù)置的頁面片中的指定頁面片的預(yù)覽指令時(shí)，顯示所述指定頁面片的預(yù)覽視圖，其中，所述頁面片包括HTML代碼和CSS代碼。
11.如權(quán)利要求10所述的裝置，其特征在于，所述導(dǎo)入模塊具體用于將選中的頁面片的HTML代碼和對應(yīng)的CSS代碼插入到所述待編輯網(wǎng)頁的代碼的指定位置。
12.如權(quán)利要求11所述的裝置，其特征在于，還包括: 第二顯示模塊，用于顯示編輯完成后的網(wǎng)頁的預(yù)覽視圖和所述待編輯網(wǎng)頁對應(yīng)的HTML代碼和CSS代碼； 發(fā)布模塊，用于保存并發(fā)布編輯完成后的網(wǎng)頁。
13.如權(quán)利要求12所述的裝置，其特征在于，還包括: 頁面片生成模塊，用于當(dāng)接收到所述編輯完成后的網(wǎng)頁上的指定區(qū)域的選擇操作時(shí)，將所述指定區(qū)域的內(nèi)容生成新頁面片并保存至所述頁面片集合中。
14.如權(quán)利要求8-13任一項(xiàng)所述的裝置，其特征在于，還包括: 頁面片編輯模塊，用于當(dāng)接收到對所述頁面片集合中指定頁面片的編輯指令時(shí)，顯示所述指定頁面片對應(yīng)的代碼。
【文檔編號(hào)】G06F9/44GK103942036SQ201310017436
【公開日】2014年7月23日 申請日期:2013年1月17日 優(yōu)先權(quán)日:2013年1月17日
【發(fā)明者】劉遠(yuǎn)宏 申請人:騰訊科技（深圳）有限公司