[发明专利]一种Web页面的编辑方法和装置

权利要求书

1.一种Web页面的编辑方法，其特征在于，所述Web页面包括多个区域，每个区域包括一个或多个编辑对象，所述方法包括：

当收到用户选定一个所述区域进行编辑的指示时，从服务端获取该选定区域的HTML片段；

从所述HTML片段中提取该选定区域各编辑对象的HTML DOM元素属性；

为每个编辑对象生成与各自的HTML DOM元素属性对应的输入控件，所述编辑对象的输入控件构成该编辑对象的编辑界面，所述编辑界面中的所述输入控件用于接收对编辑对象的编辑内容；生成的各所述输入控件是按照Web页面的所述HTML片段的代码格式组装的；

将所述编辑界面中各输入控件中接收到的编辑内容与所述HTML片段按照预设格式拼接，得到编辑后的HTML片段。

2.根据权利要求1所述的方法，其特征在于，收到用户选定一个所述区域进行编辑的指示之前，还包括：

预先为所述区域添加可隐藏的悬浮层，所述悬浮层包括用于接收用户发出的编辑该区域的指示的接口，并且，所述悬浮层在该区域被选定时显示，在该区域未被选定时隐藏，其中，当鼠标移动到该区域上时该区域被选定。

3.根据权利要求1所述的方法，其特征在于，每个编辑对象具有各自的路径信息，所述路径信息为DOM路径信息，从所述HTML片段中提取该选定区域各编辑对象的HTML DOM元素属性，包括：

根据所述各编辑对象的DOM路径信息得到所述HTML片段中所述DOM路径信息指示的DOM元素；

从所述各DOM元素中提取HTML DOM元素属性。

4.根据权利要求1所述的方法，其特征在于，所述HTML DOM元素属性包括链接文字属性、链接地址属性、链接打开方式属性、图片属性、描述文本属性，

并且，为每个编辑对象生成与各自的HTML DOM元素属性对应的输入控件包括：

当HTML DOM元素属性为链接文字属性时，生成链接文字输入控件；

当HTML DOM元素属性为链接地址属性时，生成URL输入控件；

当HTML DOM元素属性为链接打开方式属性时，生成链接打开方式选择控件；

当HTML DOM元素属性为图片属性时，生成图片上传控件；

当HTML DOM元素属性为描述文本属性时，生成描述文本输入控件。

5.根据权利要求1所述的方法，其特征在于，所述预设格式为所述HTML片段的代码格式。

6.一种Web页面的编辑装置，其特征在于，所述Web页面包括多个区域，每个区域包括一个或多个编辑对象，所述装置包括：

HTML获取模块，用于当收到用户选定一个所述区域进行编辑的指示时，从服务端获取该选定区域的HTML片段；

属性提取模块，用于从所述HTML片段中提取该选定区域各编辑对象的HTML DOM元素属性；

控件生成模块，用于为每个编辑对象生成与各自的HTML DOM元素属性对应的输入控件，所述编辑对象的输入控件构成该编辑对象的编辑界面，所述编辑界面中的所述输入控件用于接收对编辑对象的编辑内容；生成的各所述输入控件是按照Web页面的所述HTML片段的代码格式组装的；

HTML拼接模块，用于将所述编辑界面中各输入控件中接收到的编辑内容与所述HTML片段按照预设格式拼接，得到编辑后的HTML片段。

7.根据权利要求6所述的装置，其特征在于，还包括悬浮层添加模块，用于预先为所述区域添加可隐藏的悬浮层，所述悬浮层包括用于接收用户发出的编辑该区域的指示的接口，并且，所述悬浮层在该区域被选定时显示，在该区域未被选定时隐藏，其中，当鼠标移动到该区域上时该区域被选定。

8.根据权利要求6所述的装置，其特征在于，每个编辑对象具有各自的路径信息，所述路径信息为DOM路径信息，所述属性提取模块还用于：

根据所述各编辑对象的DOM路径信息得到所述HTML片段中所述DOM路径信息指示的DOM元素；

从所述各DOM元素中提取HTML DOM元素属性。