本發(fā)明涉及計算機網(wǎng)絡技術領域，尤其涉及一種實現(xiàn)頁面內容編輯器的方法、裝置、服務器及用戶設備。

背景技術：

大部分的網(wǎng)頁都具有實時性和動態(tài)性，這種網(wǎng)頁需要后期不斷的維護和修改。目前最普遍的修改網(wǎng)頁的方式是修改源代碼，對于不懂源代碼的用戶，開發(fā)者可開發(fā)成組件，使用戶不接觸源代碼直接修改組件(網(wǎng)頁模塊)中的文本和圖片便可修改網(wǎng)頁。這種雖然降低了用戶的維護成本，但是此種方式不具有靈活性，組件開發(fā)仍然需要人力資源投入開發(fā)和后期的維護。

綜上所述，現(xiàn)有技術編輯頁面的實現(xiàn)方式復雜、不夠便捷、浪費人力資源。

技術實現(xiàn)要素：

本發(fā)明實施例提供了一種實現(xiàn)頁面內容編輯器的方法、裝置、服務器及用戶設備，用以使得用戶設備可以在頁面上自動生成編輯器浮層，從而簡化編輯頁面的實現(xiàn)方式，使得用戶可以通過編輯器浮層對頁面內容進行編輯，進而使得用戶對頁面的編輯操作更加便捷，并且無需修改頁面的源代碼或開發(fā)相應的組件，節(jié)省人力資源。

在服務器側，本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的方法，包括：

當接收到用戶設備側發(fā)送的頁面編輯請求時，確定請求編輯的頁面的源代碼；

根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的源代碼；

將所述頁面的編輯器浮層的源代碼發(fā)送給所述用戶設備。

本發(fā)明實施例提供的該方法中，當接收到用戶設備側發(fā)送的頁面編輯請求時，確定請求編輯的頁面的源代碼，根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的源代碼，將所述頁面的編輯器浮層的源代碼發(fā)送給所述用戶設備，使得所述用戶設備可以通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層，從而使得用戶可以直接使用該編輯器浮層對頁面上的內容進行編輯，簡化了編輯頁面的實現(xiàn)方式，使得用戶對頁面的編輯操作更加便捷，用戶可以根據(jù)自身需要靈活地編輯頁面，無需相關人員開發(fā)組件，節(jié)省了人力資源。

可選地，在接收到用戶設備側發(fā)送的頁面編輯請求之前，該方法還包括：

當接收到所述用戶設備側發(fā)送的頁面訪問請求時，確定請求訪問的頁面的源代碼；其中，所述請求訪問的頁面與所述請求編輯的頁面為同一頁面；

將所述頁面的源代碼發(fā)送給所述用戶設備。

可選地，根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的源代碼，具體包括：

從所述頁面的源代碼中獲取編輯器的節(jié)點屬性的參數(shù)，通過服務器端的腳本解析此參數(shù)，生成編輯器浮層的源代碼中。

可選地，所述可編輯的節(jié)點屬性包括：節(jié)點布局屬性、節(jié)點層級屬性、和/或節(jié)點組件類型屬性。

可選地，在接收到所述用戶設備側發(fā)送的頁面訪問請求之前，該方法還包括：

預先在所述頁面的源代碼中添加特定的節(jié)點屬性的參數(shù)，其中所述特定的節(jié)點屬性為編輯器的節(jié)點屬性；

從所述頁面的源代碼中獲取可編輯的節(jié)點屬性的參數(shù)，具體包括：

從所述頁面的源代碼中獲取所述特定的節(jié)點屬性的參數(shù)。

可選地，將所述編輯器浮層的源代碼發(fā)送給所述用戶設備之后，該方法還包括：

當接收到所述用戶設備發(fā)送與所述頁面相對應的頁面編輯完成的信令時，根據(jù)所述信令中攜帶的編輯內容更新所述頁面的源代碼。

可選地，所述編輯器浮層的源代碼中包括編輯器浮層在所述頁面上的顯示位置，使得所述用戶設備對所述編輯器浮層的源代碼進行解析在所述頁面的預設位置上生成編輯器浮層。

在用戶設備側，本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的方法，包括：

當確定需要編輯當前訪問的頁面時，向服務器發(fā)送該頁面對應的頁面編輯請求；

接收所述服務器返回的用于編輯所述頁面的編輯器浮層的源代碼，其中，所述編輯器浮層的源代碼是所述服務器根據(jù)所述頁面的源代碼生成的；

通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層。

本發(fā)明實施例提供的該方法中，當確定需要編輯當前訪問的頁面時，向服務器發(fā)送該頁面對應的頁面編輯請求；接收所述服務器返回的用于編輯所述頁面的編輯器浮層的源代碼，其中，所述編輯器浮層的源代碼是所述服務器根據(jù)所述頁面的源代碼生成的；通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層，從而使得用戶可以直接使用該編輯器浮層對頁面上的內容進行編輯，簡化了編輯頁面的實現(xiàn)方式，使得用戶對頁面的編輯操作更加便捷，用戶可以根據(jù)自身需要靈活地編輯頁面，無需相關人員開發(fā)組件，節(jié)省了人力資源。

可選地，確定需要編輯當前訪問的頁面之前，該方法還包括：

向所述服務器發(fā)送所述頁面的頁面訪問請求；

接收所述服務器返回的所述頁面的源代碼；

將所述頁面的源代碼解析成頁面。

可選地，在所述頁面上生成編輯器浮層之后，該方法還包括：

將用戶通過所述編輯器浮層編輯完成的頁面內容發(fā)送給所述服務器；

發(fā)送所述頁面的刷新指令給所述服務器，并接收所述服務器返回的所述頁面的更新后的源代碼，將該頁面的更新后的源代碼解析成頁面；其中，所述頁面的更新后的源代碼是所述服務器根據(jù)用戶通過所述編輯器浮層修改的頁面內容得到的。

可選地，通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層，具體包括：

通過對所述編輯器浮層的源代碼進行解析，在所述頁面的預設位置上生成編輯器浮層。

本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的裝置，包括：

第一單元，用于當接收到用戶設備側發(fā)送的頁面編輯請求時，確定請求編輯的頁面的源代碼；

第二單元，用于根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的源代碼；

第三單元，用于將所述頁面的編輯器浮層的源代碼發(fā)送給所述用戶設備。

可選地，所述第一單元還用于：

在接收到用戶設備側發(fā)送的頁面編輯請求之前，當接收到所述用戶設備側發(fā)送的頁面訪問請求時，確定請求訪問的頁面的源代碼；其中，所述請求訪問的頁面與所述請求編輯的頁面為同一頁面；

所述第三單元，還用于：將所述頁面的源代碼發(fā)送給所述用戶設備。

可選地，所述第二單元具體用于：

從所述頁面的源代碼中獲取編輯器的節(jié)點屬性的參數(shù)，通過服務器端的腳本解析此參數(shù)，生成編輯器浮層的源代碼中。

可選地，所述可編輯的節(jié)點屬性包括：節(jié)點布局屬性、節(jié)點層級屬性、和/或節(jié)點組件類型屬性。

可選地，所述第一單元還用于：

在接收到所述用戶設備側發(fā)送的頁面訪問請求之前，預先在所述頁面的源代碼中添加特定的節(jié)點屬性的參數(shù)，其中所述特定的節(jié)點屬性為編輯器的節(jié)點屬性；

所述第二單元從所述頁面的源代碼中獲取可編輯的節(jié)點屬性的參數(shù)時，具體用于：

從所述頁面的源代碼中獲取所述特定的節(jié)點屬性的參數(shù)。

可選地，所述第三單元還用于：

將所述編輯器浮層的源代碼發(fā)送給所述用戶設備之后，當接收到所述用戶設備發(fā)送與所述頁面相對應的頁面編輯完成的信令時，根據(jù)所述信令中攜帶的編輯內容更新所述頁面的源代碼。

可選地，所述編輯器浮層的源代碼中包括編輯器浮層在所述頁面上的顯示位置，使得所述用戶設備對所述編輯器浮層的源代碼進行解析在所述頁面的預設位置上生成編輯器浮層。

本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的裝置，包括：

第四單元，用于當確定需要編輯當前訪問的頁面時，向服務器發(fā)送該頁面對應的頁面編輯請求；

第五單元，用于接收所述服務器返回的用于編輯所述頁面的編輯器浮層的源代碼，其中，所述編輯器浮層的源代碼是所述服務器根據(jù)所述頁面的源代碼生成的；

第六單元，用于通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層。

可選地，所述第四單元還用于：在確定需要編輯當前訪問的頁面之前，向所述服務器發(fā)送所述頁面的頁面訪問請求；

第五單元還用于：接收所述服務器返回的所述頁面的源代碼；

第六單元還用于：將所述頁面的源代碼解析成頁面。

可選地，第六單元還用于：

在所述頁面上生成編輯器浮層之后，將用戶通過所述編輯器浮層編輯完成的頁面內容發(fā)送給所述服務器；發(fā)送所述頁面的刷新指令給所述服務器，并接收所述服務器返回的所述頁面的更新后的源代碼，將該頁面的更新后的源代碼解析成頁面；其中，所述頁面的更新后的源代碼是所述服務器根據(jù)用戶通過所述編輯器浮層修改的頁面內容得到的。

可選地，第六單元通過對所述編輯器浮層的源代碼進行解析，在所述頁面的預設位置上生成編輯器浮層。

本發(fā)明實施例提供的一種服務器，包括本發(fā)明實施例任一所述的實現(xiàn)頁面內容編輯器的裝置。

本發(fā)明實施例提供的一種用戶設備，包括本發(fā)明實施例任一所述的實現(xiàn)頁面內容編輯器的裝置。

附圖說明

圖1為本發(fā)明實施例提供的服務器側的一種實現(xiàn)頁面內容編輯器的方法的流程示意圖；

圖2為本發(fā)明實施例提供的用戶設備側的一種實現(xiàn)頁面內容編輯器的方法的流程示意圖；

圖3為本發(fā)明實施例提供的在頁面上自動生成的編輯器浮層的示意圖；

圖4為本發(fā)明實施例提供的服務器側的一種實現(xiàn)頁面內容編輯器的裝置的結構示意圖；

圖5為本發(fā)明實施例提供的用戶設備側的一種實現(xiàn)頁面內容編輯器的裝置的結構示意圖。

具體實施方式

本發(fā)明實施例提供了一種實現(xiàn)頁面內容編輯器的方法、裝置、服務器及用戶設備，用以使得用戶設備可以在頁面上自動生成編輯器浮層，從而簡化編輯 頁面的實現(xiàn)方式，使得用戶可以通過編輯器浮層對頁面內容進行編輯，進而使得用戶對頁面的編輯操作更加便捷，并且無需修改頁面的源代碼或開發(fā)相應的組件，節(jié)省人力資源。在用戶看來，網(wǎng)頁自身便可自動生成可視化編輯器浮層，使得用戶對網(wǎng)頁的編輯更加具有針對性、快捷、高效。

下面結合附圖對本發(fā)明實施例提供的技術方案進行描述。

參見圖1，在服務器側，本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的方法，包括：

S101、當接收到用戶設備側發(fā)送的頁面編輯請求時，確定請求編輯的頁面的源代碼；

其中，所述頁面編輯請求中包括頁面的標識，服務器收到該請求后，從中獲取頁面的標識，并查找該標識對應的頁面的源代碼，從而確定請求編輯的頁面的源代碼。

S102、根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的源代碼；

具體地，從頁面的源代碼中獲取可編輯的節(jié)點屬性的參數(shù)，并利用這些可編輯的節(jié)點屬性的參數(shù)生成該頁面的編輯器浮層的源代碼。

S103、將所述頁面的編輯器浮層的源代碼發(fā)送給所述用戶設備，從而使得用戶可以直接使用該編輯器浮層對頁面上的內容進行編輯，簡化了編輯頁面的實現(xiàn)方式，使得用戶對頁面的編輯操作更加便捷，用戶可以根據(jù)自身需要靈活地編輯頁面，無需相關人員開發(fā)組件，節(jié)省了人力資源。

可選地，在接收到用戶設備側發(fā)送的頁面編輯請求之前，該方法還包括：

當接收到所述用戶設備側發(fā)送的頁面訪問請求時，確定請求訪問的頁面的源代碼；其中，所述請求訪問的頁面與所述請求編輯的頁面為同一頁面；

將所述頁面的源代碼發(fā)送給所述用戶設備，使得用戶設備可以通過對頁面的源代碼進行解析，生成并通過顯示器輸出顯示頁面。

可選地，根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的 源代碼，具體包括：

從所述頁面的源代碼中獲取編輯器的節(jié)點屬性的參數(shù)，通過服務器端的腳本解析此參數(shù)，生成編輯器浮層的源代碼中。其中，所述編輯器的節(jié)點屬性的參數(shù)，即內容可編輯的節(jié)點屬性的參數(shù)。

可選地，所述可編輯的節(jié)點屬性包括：節(jié)點布局屬性、節(jié)點層級屬性、和/或節(jié)點組件類型屬性。

可選地，在接收到所述用戶設備側發(fā)送的頁面訪問請求之前，該方法還包括：

預先在所述頁面的源代碼中添加特定的節(jié)點屬性的參數(shù)，其中所述特定的節(jié)點屬性為編輯器的節(jié)點屬性；

從所述頁面的源代碼中獲取可編輯的節(jié)點屬性的參數(shù)，具體包括：

從所述頁面的源代碼中獲取所述特定的節(jié)點屬性的參數(shù)。

其中，預先在所述頁面的源代碼中添加特定的節(jié)點屬性的參數(shù)，即在頁面的源代碼中植入特定的節(jié)點屬性的參數(shù)，該特定的節(jié)點屬性是與服務器預先約定好的，是服務器側可以識別的特殊節(jié)點屬性，因此，可以實現(xiàn)根據(jù)頁面自身特點生成相應的編輯器浮層，使得頁面的編輯更加靈活。

所述特定的節(jié)點屬性例如包括：

節(jié)點布局屬性(例如源代碼表示為data-layout)：決定了編輯器中此節(jié)點的布局，也就是編輯器的寬度尺寸，例如用990表示此部分是990px，用450表示此部分是450px寬度，依此類推；

節(jié)點層級屬性(例如源代碼表示為data-layer):決定了編輯器中此節(jié)點存放的層級位置，即編輯器浮層的顯示層級，例如從0開始，0表示根節(jié)點，1表示0的一級孩子節(jié)點，依此類推；

節(jié)點組件類型屬性(例如源代碼表示為data-component)：決定了編輯器中組件的類型，組件的類型包括：文本編輯組件、圖片替換組件、超文本替換組件；

所述特定的節(jié)點屬性的參數(shù)，放在DOM節(jié)點展示如下：

<div data-layout＝”edit-990”data-layer＝”0”data-component＝’text’>//data-layer為0表示此節(jié)點是根節(jié)點，此節(jié)點在編輯器中是990px的寬度。

服務器中(也就是頁面的源代碼存儲的機器上)接收到頁面訪問請求時(用戶訪問網(wǎng)頁時會發(fā)http請求給服務器)，首先查找頁面的源代碼，將查找到的頁面的源代碼發(fā)給用戶設備，用戶設備對其進行解析成頁面，該頁面上可以顯示有一頁面編輯選項，若點擊該頁面編輯選項，則用戶設備會發(fā)送頁面編輯請求給服務器，服務器收到該頁面編輯請求后，會再次查找所述頁面的源代碼，并通過腳本(可以理解為遍歷頁面的節(jié)點的一系列解析規(guī)則)遍歷頁面源代碼中的節(jié)點，讀取到具有特殊屬性的節(jié)點會將其節(jié)點克隆到另一個源代碼中，這個源代碼就是將來返回給客戶端的編輯器界面的源代碼。

用戶設備在頁面上顯示了編輯器浮層后，若用戶不需要修改頁面內容了，則可直接點擊編輯器浮層的關閉按鈕，關掉編輯器。若需要修改頁面內容，則操作編輯器中的模塊即可，編輯器中的模塊即：文本編輯組件、圖片替換組件、超文本替換組件等。

本發(fā)明實施例在自動生成的編輯器中，如果編輯器中的模塊對應原頁面布局的dom節(jié)點是文本，則此模塊為文本編輯模塊；

如果原頁面布局的dom節(jié)點是圖片(是指含有<img src＝””>這個標簽的節(jié)點)，則頁面編輯器中此模塊是圖片替換模塊組件，具體是指編輯器中的圖片替換模塊組件，原圖片不可視，但是上傳新的URL后會覆蓋原來的圖片的URL，也就是img標簽中的src中的內容；

如果dom節(jié)點是超鏈，則頁面編輯器中此模塊對應超鏈模塊組件，用戶可在該組件中輸入新的鏈接地址和文案說明等。

可選地，將所述編輯器浮層的源代碼發(fā)送給所述用戶設備之后，該方法還包括：

當接收到所述用戶設備發(fā)送與所述頁面相對應的頁面編輯完成的信令時， 根據(jù)所述信令中攜帶的編輯內容更新所述頁面的源代碼。

可選地，所述編輯器浮層的源代碼中包括編輯器浮層在所述頁面上的顯示位置，使得所述用戶設備對所述編輯器浮層的源代碼進行解析在所述頁面的預設位置上生成編輯器浮層。

其中，所述的預設位置，例如頁面的左上角，另外，編輯器浮層的顯示位置也可以根據(jù)用戶需要進行設置，即可以提供一些位置供用戶選擇，或者，也可以由用戶拖動，即編輯器浮層在頁面上的位置是隨時可以由用戶拖動進行改變的。

相應地，在用戶設備側，參見圖2，本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的方法，包括：

S201、當確定需要編輯當前訪問的頁面時，向服務器發(fā)送該頁面對應的頁面編輯請求；

S202、接收所述服務器返回的用于編輯所述頁面的編輯器浮層的源代碼，其中，所述編輯器浮層的源代碼是所述服務器根據(jù)所述頁面的源代碼生成的；

S203、通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層。

本發(fā)明實施例提供的該方法中，當確定需要編輯當前訪問的頁面時，向服務器發(fā)送該頁面對應的頁面編輯請求；接收所述服務器返回的用于編輯所述頁面的編輯器浮層的源代碼，其中，所述編輯器浮層的源代碼是所述服務器根據(jù)所述頁面的源代碼生成的；通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層，從而使得用戶可以直接使用該編輯器浮層對頁面上的內容進行編輯，簡化了編輯頁面的實現(xiàn)方式，使得用戶對頁面的編輯操作更加便捷，用戶可以根據(jù)自身需要靈活地編輯頁面，無需相關人員開發(fā)組件，節(jié)省了人力資源。

可選地，確定需要編輯當前訪問的頁面之前，該方法還包括：

向所述服務器發(fā)送所述頁面的頁面訪問請求；

接收所述服務器返回的所述頁面的源代碼；

將所述頁面的源代碼解析成頁面。

可選地，在所述頁面上生成編輯器浮層之后，該方法還包括：

將用戶通過所述編輯器浮層編輯完成的頁面內容發(fā)送給所述服務器；

發(fā)送所述頁面的刷新指令給所述服務器，并接收所述服務器返回的所述頁面的更新后的源代碼，將該頁面的更新后的源代碼解析成頁面；其中，所述頁面的更新后的源代碼是所述服務器根據(jù)用戶通過所述編輯器浮層修改的頁面內容得到的。

可選地，通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層，具體包括：

通過對所述編輯器浮層的源代碼進行解析，在所述頁面的預設位置上生成編輯器浮層。

當用戶請求訪問頁面時，服務器會解析該頁面中的屬性，創(chuàng)建頁面布局屬性和節(jié)點屬性對象，通過解析節(jié)點屬性對象，將原頁面布局與編輯器中的編輯組件進行合并渲染成最終的頁面編輯器，并將頁面編輯器返回給瀏覽器端用戶。

綜上，從整體上看，本發(fā)明實施例提供的技術方案包括：

用戶在瀏覽器中輸入統(tǒng)一資源定位符(URL)，URL就是我們訪問網(wǎng)頁時輸入的網(wǎng)址，URL是對可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問方法的一種簡潔的表示，是互聯(lián)網(wǎng)上標準資源的地址。

用戶在瀏覽器中輸入頁面的URL后，按下回車鍵就等于是向服務器發(fā)送一個頁面訪問請求。

服務器收到頁面訪問請求后，查找該頁面的URL對應的源代碼，并返回給用戶設備。

用戶設備將頁面的源代碼解析成頁面，并輸出顯示給用戶，該頁面上具有頁面編輯選項。

當用戶點擊了該頁面編輯選項時，用戶設備發(fā)送頁面編輯請求給服務器。

服務器收到該頁面編輯請求后，從中獲取該頁面的URL，并再次查找該頁面的URL對應的源代碼，但此時不需要發(fā)給用戶設備，而是服務器解析該頁面的源代碼中的節(jié)點的布局屬性、層級屬性、和組件類型屬性，將特殊的節(jié)點屬性及其參數(shù)復制到編輯器浮層的源代碼中，解析完畢，即生成了該編輯器浮層的源代碼，并發(fā)送給用戶設備。

用戶設備收到該頁面的編輯器浮層的源代碼后，對該編輯器浮層的源代碼進行解析，在頁面的預設位置處，進行編輯界面的展示，具體地，以浮層形式展示，在頁面的右上角，原頁面中設置了可編輯屬性的節(jié)點都會在浮層中，也就是編輯界面中展示。例如，參見圖3，圖3中由上角部分即展示的編輯界面，通過該編輯界面可以在頁面新添加文字，還可以選擇添加圖片等。

用戶通過編輯器浮層對頁面的內容進行修改并保存后，用戶設備會發(fā)送攜帶通過所述編輯器浮層編輯完成的頁面內容的信令給服務器。

服務器當接收到所述用戶設備發(fā)送與所述頁面相對應的頁面編輯完成的信令時，根據(jù)所述信令中攜帶的編輯內容更新所述頁面的源代碼。

當用戶對頁面進行刷新后，用戶設備可以展示修改后的頁面內容，即當用戶對頁面進行刷新后，用戶設備發(fā)送所述頁面的刷新指令給所述服務器，服務器接收到頁面的刷新指令后，查找該頁面的更新后的源代碼并返回給用戶設備，用戶設備接收所述服務器返回的所述頁面的更新后的源代碼，將該頁面的更新后的源代碼解析成頁面；其中，所述頁面的更新后的源代碼是所述服務器根據(jù)用戶通過所述編輯器浮層修改的頁面內容得到的。

另外，需要說明的是，本發(fā)明實施例中，服務器可以在收到頁面訪問請求后向用戶設備發(fā)送頁面的源代碼的同時，將利用該頁面的源代碼生成的該頁面的編輯器界面的源代碼也發(fā)給用戶設備，即無需等待用戶設備發(fā)送頁面編輯請求便可以將利用該頁面的源代碼生成的該頁面的編輯器界面的源代碼也發(fā)給用戶設備，使得用戶設備同時收到頁面的源代碼以及編輯器界面的源代碼，從 而同時展示頁面以及編輯器浮層，若用戶無需修改頁面則可以點擊該編輯器浮層上的關閉按鈕，從而關閉編輯器界面，在需要編輯頁面內容時，再向服務器發(fā)送頁面編輯請求。

與上述方法相對應地，在服務器側，參見圖4，本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的裝置，包括：

第一單元11，用于當接收到用戶設備側發(fā)送的頁面編輯請求時，確定請求編輯的頁面的源代碼；

第二單元12，用于根據(jù)所述頁面的源代碼，生成用于編輯所述頁面的編輯器浮層的源代碼；

第三單元13，用于將所述頁面的編輯器浮層的源代碼發(fā)送給所述用戶設備。

可選地，所述第一單元還用于：

在接收到用戶設備側發(fā)送的頁面編輯請求之前，當接收到所述用戶設備側發(fā)送的頁面訪問請求時，確定請求訪問的頁面的源代碼；其中，所述請求訪問的頁面與所述請求編輯的頁面為同一頁面；

所述第三單元，還用于：將所述頁面的源代碼發(fā)送給所述用戶設備。

可選地，所述第二單元具體用于：

從所述頁面的源代碼中獲取編輯器的節(jié)點屬性的參數(shù)，通過服務器端的腳本解析此參數(shù)，生成編輯器浮層的源代碼中。

可選地，所述可編輯的節(jié)點屬性包括：節(jié)點布局屬性、節(jié)點層級屬性、和/或節(jié)點組件類型屬性。

可選地，所述第一單元還用于：

在接收到所述用戶設備側發(fā)送的頁面訪問請求之前，預先在所述頁面的源代碼中添加特定的節(jié)點屬性的參數(shù)，其中所述特定的節(jié)點屬性為編輯器的節(jié)點屬性；

所述第二單元從所述頁面的源代碼中獲取可編輯的節(jié)點屬性的參數(shù)時，具 體用于：

從所述頁面的源代碼中獲取所述特定的節(jié)點屬性的參數(shù)。

可選地，所述第三單元還用于：

將所述編輯器浮層的源代碼發(fā)送給所述用戶設備之后，當接收到所述用戶設備發(fā)送與所述頁面相對應的頁面編輯完成的信令時，根據(jù)所述信令中攜帶的編輯內容更新所述頁面的源代碼。

可選地，所述編輯器浮層的源代碼中包括編輯器浮層在所述頁面上的顯示位置，使得所述用戶設備對所述編輯器浮層的源代碼進行解析在所述頁面的預設位置上生成編輯器浮層。

本發(fā)明實施例提供的一種服務器，包括本發(fā)明實施例提供的服務器側所述的裝置。

在用戶設備側，參見圖5，本發(fā)明實施例提供的一種實現(xiàn)頁面內容編輯器的裝置，包括：

第四單元21，用于當確定需要編輯當前訪問的頁面時，向服務器發(fā)送該頁面對應的頁面編輯請求；

第五單元22，用于接收所述服務器返回的用于編輯所述頁面的編輯器浮層的源代碼，其中，所述編輯器浮層的源代碼是所述服務器根據(jù)所述頁面的源代碼生成的；

第六單元23，用于通過對所述編輯器浮層的源代碼進行解析，在所述頁面上生成編輯器浮層。

可選地，所述第四單元還用于：在確定需要編輯當前訪問的頁面之前，向所述服務器發(fā)送所述頁面的頁面訪問請求；

第五單元還用于：接收所述服務器返回的所述頁面的源代碼；

第六單元還用于：將所述頁面的源代碼解析成頁面。

可選地，第六單元還用于：

在所述頁面上生成編輯器浮層之后，將用戶通過所述編輯器浮層編輯完成 的頁面內容發(fā)送給所述服務器；發(fā)送所述頁面的刷新指令給所述服務器，并接收所述服務器返回的所述頁面的更新后的源代碼，將該頁面的更新后的源代碼解析成頁面；其中，所述頁面的更新后的源代碼是所述服務器根據(jù)用戶通過所述編輯器浮層修改的頁面內容得到的。

可選地，第六單元通過對所述編輯器浮層的源代碼進行解析，在所述頁面的預設位置上生成編輯器浮層。

本發(fā)明實施例提供的一種用戶設備，包括本發(fā)明實施例提供的用戶設備側所述的裝置。

以上各個單元，均可以由具有收發(fā)功能的處理器等實體裝置實現(xiàn)，所述的服務器或者用戶設備，可以由處理器及收發(fā)信機等實體裝置實現(xiàn)。

綜上所述，本發(fā)明實施例提供了頁面自身便可自動生成可視化編輯器的方案，使得頁面編輯界面更加具有個性，使得頁面的編輯更加智能、便捷、高效。

本領域內的技術人員應明白，本發(fā)明的實施例可提供為方法、系統(tǒng)、或計算機程序產(chǎn)品。因此，本發(fā)明可采用完全硬件實施例、完全軟件實施例、或結合軟件和硬件方面的實施例的形式。而且，本發(fā)明可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(包括但不限于磁盤存儲器和光學存儲器等)上實施的計算機程序產(chǎn)品的形式。

本發(fā)明是參照根據(jù)本發(fā)明實施例的方法、設備(系統(tǒng))、和計算機程序產(chǎn)品的流程圖和/或方框圖來描述的。應理解可由計算機程序指令實現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結合?？商峁┻@些計算機程序指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數(shù)據(jù)處理設備的處理器以產(chǎn)生一個機器，使得通過計算機或其他可編程數(shù)據(jù)處理設備的處理器執(zhí)行的指令產(chǎn)生用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些計算機程序指令也可存儲在能引導計算機或其他可編程數(shù)據(jù)處理設備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中 的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。

這些計算機程序指令也可裝載到計算機或其他可編程數(shù)據(jù)處理設備上，使得在計算機或其他可編程設備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或其他可編程設備上執(zhí)行的指令提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

顯然，本領域的技術人員可以對本發(fā)明進行各種改動和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權利要求及其等同技術的范圍之內，則本發(fā)明也意圖包含這些改動和變型在內。