实现页面内容编辑器的方法、装置、服务器及用户设备转让专利

申请号 : CN201510196864.X

文献号 : CN106155673B

文献日 :

基本信息:

PDF:

法律信息:

相似专利:

发明人 : 王倩

申请人 : 阿里巴巴集团控股有限公司

摘要 :

本发明公开了一种无需通过编码方式实现页面内容编辑器的方法、装置、服务器及用户设备,用以使用户设备在页面上自动生成编辑器浮层,从而简化编辑页面的实现方式,使得用户可以通过编辑器浮层对页面内容进行编辑,进而使得用户对页面的编辑操作更加便捷,并且无需修改页面的源代码或开发相应的组件,节省人力资源。所述方法包括:当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码;将所述页面的编辑器浮层的源代码发送给所述用户设备。通过这种方法实现用户设备端的页面自动生成编辑器浮层(即编辑器),使得用户可以通过编辑器浮层对页面内容进行编辑。

权利要求 :

1.一种实现页面内容编辑器的方法,其特征在于,该方法包括:当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;

根据所述页面的源代码,遍历所述页面源代码中的节点属性,生成用于编辑所述页面的编辑器浮层的源代码;其中,包括:从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码;其中,所述编辑器的节点属性的参数为内容可编辑的节点属性的参数,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性;

将所述页面的编辑器浮层的源代码发送给所述用户设备。

2.根据权利要求1所述的方法,其特征在于,在接收到用户设备侧发送的页面编辑请求之前,该方法还包括:当接收到所述用户设备侧发送的页面访问请求时,确定请求访问的页面的源代码;其中,所述请求访问的页面与所述请求编辑的页面为同一页面;

将所述页面的源代码发送给所述用户设备。

3.根据权利要求2所述的方法,其特征在于,在接收到所述用户设备侧发送的页面访问请求之前,该方法还包括:预先在所述页面的源代码中添加特定的节点属性的参数,其中所述特定的节点属性为编辑器的节点属性;

从所述页面的源代码中获取可编辑的节点属性的参数,具体包括:从所述页面的源代码中获取所述特定的节点属性的参数。

4.根据权利要求1所述的方法,其特征在于,将所述编辑器浮层的源代码发送给所述用户设备之后,该方法还包括:当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。

5.根据权利要求1所述的方法,其特征在于,所述编辑器浮层的源代码中包括编辑器浮层在所述页面上的显示位置,使得所述用户设备对所述编辑器浮层的源代码进行解析在所述页面的预设位置上生成编辑器浮层。

6.一种实现页面内容编辑器的方法,其特征在于,该方法包括:当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;

接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器遍历所述页面的源代码中的节点属性生成的;其中,遍历所述页面的源代码中的节点属性生成所述编辑器浮层的源代码,包括:从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码;其中,所述编辑器的节点属性的参数为内容可编辑的节点属性的参数,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性;

通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层。

7.根据权利要求6所述的方法,其特征在于,确定需要编辑当前访问的页面之前,该方法还包括:向所述服务器发送所述页面的页面访问请求;

接收所述服务器返回的所述页面的源代码;

将所述页面的源代码解析成页面。

8.根据权利要求6所述的方法,其特征在于,在所述页面上生成编辑器浮层之后,该方法还包括:将用户通过所述编辑器浮层编辑完成的页面内容发送给所述服务器;

发送所述页面的刷新指令给所述服务器,并接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。

9.根据权利要求6、7或8所述的方法,其特征在于,通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层,具体包括:通过对所述编辑器浮层的源代码进行解析,在所述页面的预设位置上生成编辑器浮层。

10.一种实现页面内容编辑器的装置,其特征在于,包括:

第一单元,用于当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;

第二单元,用于根据所述页面的源代码,遍历所述页面源代码中的节点属性,生成用于编辑所述页面的编辑器浮层的源代码;其中,所述第二单元具体用于:从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码;其中,所述编辑器的节点属性的参数为内容可编辑的节点属性的参数,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性;

第三单元,用于将所述页面的编辑器浮层的源代码发送给所述用户设备。

11.根据权利要求10所述的装置,其特征在于,所述第一单元还用于:在接收到用户设备侧发送的页面编辑请求之前,当接收到所述用户设备侧发送的页面访问请求时,确定请求访问的页面的源代码;其中,所述请求访问的页面与所述请求编辑的页面为同一页面;

所述第三单元,还用于:将所述页面的源代码发送给所述用户设备。

12.根据权利要求11所述的装置,其特征在于,所述第一单元还用于:在接收到所述用户设备侧发送的页面访问请求之前,预先在所述页面的源代码中添加特定的节点属性的参数,其中所述特定的节点属性为编辑器的节点属性;

所述第二单元从所述页面的源代码中获取可编辑的节点属性的参数时,具体用于:从所述页面的源代码中获取所述特定的节点属性的参数。

13.根据权利要求10所述的装置,其特征在于,所述第三单元还用于:将所述编辑器浮层的源代码发送给所述用户设备之后,当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。

14.根据权利要求10所述的装置,其特征在于,所述编辑器浮层的源代码中包括编辑器浮层在所述页面上的显示位置,使得所述用户设备对所述编辑器浮层的源代码进行解析在所述页面的预设位置上生成编辑器浮层。

15.一种实现页面内容编辑器的装置,其特征在于,包括:

第四单元,用于当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;

第五单元,用于接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器遍历所述页面的源代码中的节点属性生成的;

其中,遍历所述页面的源代码中的节点属性生成所述编辑器浮层的源代码,包括:从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码;其中,所述编辑器的节点属性的参数为内容可编辑的节点属性的参数,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性;

第六单元,用于通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层。

16.根据权利要求15所述的装置,其特征在于,所述第四单元还用于:在确定需要编辑当前访问的页面之前,向所述服务器发送所述页面的页面访问请求;

第五单元还用于:接收所述服务器返回的所述页面的源代码;

第六单元还用于:将所述页面的源代码解析成页面。

17.根据权利要求15所述的装置,其特征在于,第六单元还用于:在所述页面上生成编辑器浮层之后,将用户通过所述编辑器浮层编辑完成的页面内容发送给所述服务器;发送所述页面的刷新指令给所述服务器,并接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。

18.根据权利要求15、16或17所述的装置,其特征在于,第六单元通过对所述编辑器浮层的源代码进行解析,在所述页面的预设位置上生成编辑器浮层。

19.一种服务器,其特征在于,包括权利要求10-14任一所述的装置。

20.一种用户设备,其特征在于,包括权利要求15-18任一所述的装置。

说明书 :

实现页面内容编辑器的方法、装置、服务器及用户设备

技术领域

[0001] 本发明涉及计算机网络技术领域,尤其涉及一种实现页面内容编辑器的方法、装置、服务器及用户设备。

背景技术

[0002] 大部分的网页都具有实时性和动态性,这种网页需要后期不断的维护和修改。目前最普遍的修改网页的方式是修改源代码,对于不懂源代码的用户,开发者可开发成组件,使用户不接触源代码直接修改组件(网页模块)中的文本和图片便可修改网页。这种虽然降低了用户的维护成本,但是此种方式不具有灵活性,组件开发仍然需要人力资源投入开发和后期的维护。
[0003] 综上所述,现有技术编辑页面的实现方式复杂、不够便捷、浪费人力资源。

发明内容

[0004] 本发明实施例提供了一种实现页面内容编辑器的方法、装置、服务器及用户设备,用以使得用户设备可以在页面上自动生成编辑器浮层,从而简化编辑页面的实现方式,使得用户可以通过编辑器浮层对页面内容进行编辑,进而使得用户对页面的编辑操作更加便捷,并且无需修改页面的源代码或开发相应的组件,节省人力资源。
[0005] 在服务器侧,本发明实施例提供的一种实现页面内容编辑器的方法,包括:
[0006] 当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;
[0007] 根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码;
[0008] 将所述页面的编辑器浮层的源代码发送给所述用户设备。
[0009] 本发明实施例提供的该方法中,当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码,根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码,将所述页面的编辑器浮层的源代码发送给所述用户设备,使得所述用户设备可以通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层,从而使得用户可以直接使用该编辑器浮层对页面上的内容进行编辑,简化了编辑页面的实现方式,使得用户对页面的编辑操作更加便捷,用户可以根据自身需要灵活地编辑页面,无需相关人员开发组件,节省了人力资源。
[0010] 可选地,在接收到用户设备侧发送的页面编辑请求之前,该方法还包括:
[0011] 当接收到所述用户设备侧发送的页面访问请求时,确定请求访问的页面的源代码;其中,所述请求访问的页面与所述请求编辑的页面为同一页面;
[0012] 将所述页面的源代码发送给所述用户设备。
[0013] 可选地,根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码,具体包括:
[0014] 从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码中。
[0015] 可选地,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性。
[0016] 可选地,在接收到所述用户设备侧发送的页面访问请求之前,该方法还包括:
[0017] 预先在所述页面的源代码中添加特定的节点属性的参数,其中所述特定的节点属性为编辑器的节点属性;
[0018] 从所述页面的源代码中获取可编辑的节点属性的参数,具体包括:
[0019] 从所述页面的源代码中获取所述特定的节点属性的参数。
[0020] 可选地,将所述编辑器浮层的源代码发送给所述用户设备之后,该方法还包括:
[0021] 当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。
[0022] 可选地,所述编辑器浮层的源代码中包括编辑器浮层在所述页面上的显示位置,使得所述用户设备对所述编辑器浮层的源代码进行解析在所述页面的预设位置上生成编辑器浮层。
[0023] 在用户设备侧,本发明实施例提供的一种实现页面内容编辑器的方法,包括:
[0024] 当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;
[0025] 接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器根据所述页面的源代码生成的;
[0026] 通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层。
[0027] 本发明实施例提供的该方法中,当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器根据所述页面的源代码生成的;通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层,从而使得用户可以直接使用该编辑器浮层对页面上的内容进行编辑,简化了编辑页面的实现方式,使得用户对页面的编辑操作更加便捷,用户可以根据自身需要灵活地编辑页面,无需相关人员开发组件,节省了人力资源。
[0028] 可选地,确定需要编辑当前访问的页面之前,该方法还包括:
[0029] 向所述服务器发送所述页面的页面访问请求;
[0030] 接收所述服务器返回的所述页面的源代码;
[0031] 将所述页面的源代码解析成页面。
[0032] 可选地,在所述页面上生成编辑器浮层之后,该方法还包括:
[0033] 将用户通过所述编辑器浮层编辑完成的页面内容发送给所述服务器;
[0034] 发送所述页面的刷新指令给所述服务器,并接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。
[0035] 可选地,通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层,具体包括:
[0036] 通过对所述编辑器浮层的源代码进行解析,在所述页面的预设位置上生成编辑器浮层。
[0037] 本发明实施例提供的一种实现页面内容编辑器的装置,包括:
[0038] 第一单元,用于当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;
[0039] 第二单元,用于根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码;
[0040] 第三单元,用于将所述页面的编辑器浮层的源代码发送给所述用户设备。
[0041] 可选地,所述第一单元还用于:
[0042] 在接收到用户设备侧发送的页面编辑请求之前,当接收到所述用户设备侧发送的页面访问请求时,确定请求访问的页面的源代码;其中,所述请求访问的页面与所述请求编辑的页面为同一页面;
[0043] 所述第三单元,还用于:将所述页面的源代码发送给所述用户设备。
[0044] 可选地,所述第二单元具体用于:
[0045] 从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码中。
[0046] 可选地,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性。
[0047] 可选地,所述第一单元还用于:
[0048] 在接收到所述用户设备侧发送的页面访问请求之前,预先在所述页面的源代码中添加特定的节点属性的参数,其中所述特定的节点属性为编辑器的节点属性;
[0049] 所述第二单元从所述页面的源代码中获取可编辑的节点属性的参数时,具体用于:
[0050] 从所述页面的源代码中获取所述特定的节点属性的参数。
[0051] 可选地,所述第三单元还用于:
[0052] 将所述编辑器浮层的源代码发送给所述用户设备之后,当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。
[0053] 可选地,所述编辑器浮层的源代码中包括编辑器浮层在所述页面上的显示位置,使得所述用户设备对所述编辑器浮层的源代码进行解析在所述页面的预设位置上生成编辑器浮层。
[0054] 本发明实施例提供的一种实现页面内容编辑器的装置,包括:
[0055] 第四单元,用于当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;
[0056] 第五单元,用于接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器根据所述页面的源代码生成的;
[0057] 第六单元,用于通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层。
[0058] 可选地,所述第四单元还用于:在确定需要编辑当前访问的页面之前,向所述服务器发送所述页面的页面访问请求;
[0059] 第五单元还用于:接收所述服务器返回的所述页面的源代码;
[0060] 第六单元还用于:将所述页面的源代码解析成页面。
[0061] 可选地,第六单元还用于:
[0062] 在所述页面上生成编辑器浮层之后,将用户通过所述编辑器浮层编辑完成的页面内容发送给所述服务器;发送所述页面的刷新指令给所述服务器,并接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。
[0063] 可选地,第六单元通过对所述编辑器浮层的源代码进行解析,在所述页面的预设位置上生成编辑器浮层。
[0064] 本发明实施例提供的一种服务器,包括本发明实施例任一所述的实现页面内容编辑器的装置。
[0065] 本发明实施例提供的一种用户设备,包括本发明实施例任一所述的实现页面内容编辑器的装置。

附图说明

[0066] 图1为本发明实施例提供的服务器侧的一种实现页面内容编辑器的方法的流程示意图;
[0067] 图2为本发明实施例提供的用户设备侧的一种实现页面内容编辑器的方法的流程示意图;
[0068] 图3为本发明实施例提供的在页面上自动生成的编辑器浮层的示意图;
[0069] 图4为本发明实施例提供的服务器侧的一种实现页面内容编辑器的装置的结构示意图;
[0070] 图5为本发明实施例提供的用户设备侧的一种实现页面内容编辑器的装置的结构示意图。

具体实施方式

[0071] 本发明实施例提供了一种实现页面内容编辑器的方法、装置、服务器及用户设备,用以使得用户设备可以在页面上自动生成编辑器浮层,从而简化编辑页面的实现方式,使得用户可以通过编辑器浮层对页面内容进行编辑,进而使得用户对页面的编辑操作更加便捷,并且无需修改页面的源代码或开发相应的组件,节省人力资源。在用户看来,网页自身便可自动生成可视化编辑器浮层,使得用户对网页的编辑更加具有针对性、快捷、高效。
[0072] 下面结合附图对本发明实施例提供的技术方案进行描述。
[0073] 参见图1,在服务器侧,本发明实施例提供的一种实现页面内容编辑器的方法,包括:
[0074] S101、当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;
[0075] 其中,所述页面编辑请求中包括页面的标识,服务器收到该请求后,从中获取页面的标识,并查找该标识对应的页面的源代码,从而确定请求编辑的页面的源代码。
[0076] S102、根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码;
[0077] 具体地,从页面的源代码中获取可编辑的节点属性的参数,并利用这些可编辑的节点属性的参数生成该页面的编辑器浮层的源代码。
[0078] S103、将所述页面的编辑器浮层的源代码发送给所述用户设备,从而使得用户可以直接使用该编辑器浮层对页面上的内容进行编辑,简化了编辑页面的实现方式,使得用户对页面的编辑操作更加便捷,用户可以根据自身需要灵活地编辑页面,无需相关人员开发组件,节省了人力资源。
[0079] 可选地,在接收到用户设备侧发送的页面编辑请求之前,该方法还包括:
[0080] 当接收到所述用户设备侧发送的页面访问请求时,确定请求访问的页面的源代码;其中,所述请求访问的页面与所述请求编辑的页面为同一页面;
[0081] 将所述页面的源代码发送给所述用户设备,使得用户设备可以通过对页面的源代码进行解析,生成并通过显示器输出显示页面。
[0082] 可选地,根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码,具体包括:
[0083] 从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码中。其中,所述编辑器的节点属性的参数,即内容可编辑的节点属性的参数。
[0084] 可选地,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性。
[0085] 可选地,在接收到所述用户设备侧发送的页面访问请求之前,该方法还包括:
[0086] 预先在所述页面的源代码中添加特定的节点属性的参数,其中所述特定的节点属性为编辑器的节点属性;
[0087] 从所述页面的源代码中获取可编辑的节点属性的参数,具体包括:
[0088] 从所述页面的源代码中获取所述特定的节点属性的参数。
[0089] 其中,预先在所述页面的源代码中添加特定的节点属性的参数,即在页面的源代码中植入特定的节点属性的参数,该特定的节点属性是与服务器预先约定好的,是服务器侧可以识别的特殊节点属性,因此,可以实现根据页面自身特点生成相应的编辑器浮层,使得页面的编辑更加灵活。
[0090] 所述特定的节点属性例如包括:
[0091] 节点布局属性(例如源代码表示为data-layout):决定了编辑器中此节点的布局,也就是编辑器的宽度尺寸,例如用990表示此部分是990px,用450表示此部分是450px宽度,依此类推;
[0092] 节点层级属性(例如源代码表示为data-layer):决定了编辑器中此节点存放的层级位置,即编辑器浮层的显示层级,例如从0开始,0表示根节点,1表示0的一级孩子节点,依此类推;
[0093] 节点组件类型属性(例如源代码表示为data-component):决定了编辑器中组件的类型,组件的类型包括:文本编辑组件、图片替换组件、超文本替换组件;
[0094] 所述特定的节点属性的参数,放在DOM节点展示如下:
[0095] //data-layer为0表示此节点是根节点,此节点在编辑器中是990px的宽度。
[0096] 服务器中(也就是页面的源代码存储的机器上)接收到页面访问请求时(用户访问网页时会发http请求给服务器),首先查找页面的源代码,将查找到的页面的源代码发给用户设备,用户设备对其进行解析成页面,该页面上可以显示有一页面编辑选项,若点击该页面编辑选项,则用户设备会发送页面编辑请求给服务器,服务器收到该页面编辑请求后,会再次查找所述页面的源代码,并通过脚本(可以理解为遍历页面的节点的一系列解析规则)遍历页面源代码中的节点,读取到具有特殊属性的节点会将其节点克隆到另一个源代码中,这个源代码就是将来返回给客户端的编辑器界面的源代码。
[0097] 用户设备在页面上显示了编辑器浮层后,若用户不需要修改页面内容了,则可直接点击编辑器浮层的关闭按钮,关掉编辑器。若需要修改页面内容,则操作编辑器中的模块即可,编辑器中的模块即:文本编辑组件、图片替换组件、超文本替换组件等。
[0098] 本发明实施例在自动生成的编辑器中,如果编辑器中的模块对应原页面布局的dom节点是文本,则此模块为文本编辑模块;
[0099] 如果原页面布局的dom节点是图片(是指含有这个标签的节点),则页面编辑器中此模块是图片替换模块组件,具体是指编辑器中的图片替换模块组件,原图片不可视,但是上传新的URL后会覆盖原来的图片的URL,也就是img标签中的src中的内容;
[0100] 如果dom节点是超链,则页面编辑器中此模块对应超链模块组件,用户可在该组件中输入新的链接地址和文案说明等。
[0101] 可选地,将所述编辑器浮层的源代码发送给所述用户设备之后,该方法还包括:
[0102] 当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。
[0103] 可选地,所述编辑器浮层的源代码中包括编辑器浮层在所述页面上的显示位置,使得所述用户设备对所述编辑器浮层的源代码进行解析在所述页面的预设位置上生成编辑器浮层。
[0104] 其中,所述的预设位置,例如页面的左上角,另外,编辑器浮层的显示位置也可以根据用户需要进行设置,即可以提供一些位置供用户选择,或者,也可以由用户拖动,即编辑器浮层在页面上的位置是随时可以由用户拖动进行改变的。
[0105] 相应地,在用户设备侧,参见图2,本发明实施例提供的一种实现页面内容编辑器的方法,包括:
[0106] S201、当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;
[0107] S202、接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器根据所述页面的源代码生成的;
[0108] S203、通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层。
[0109] 本发明实施例提供的该方法中,当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器根据所述页面的源代码生成的;通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层,从而使得用户可以直接使用该编辑器浮层对页面上的内容进行编辑,简化了编辑页面的实现方式,使得用户对页面的编辑操作更加便捷,用户可以根据自身需要灵活地编辑页面,无需相关人员开发组件,节省了人力资源。
[0110] 可选地,确定需要编辑当前访问的页面之前,该方法还包括:
[0111] 向所述服务器发送所述页面的页面访问请求;
[0112] 接收所述服务器返回的所述页面的源代码;
[0113] 将所述页面的源代码解析成页面。
[0114] 可选地,在所述页面上生成编辑器浮层之后,该方法还包括:
[0115] 将用户通过所述编辑器浮层编辑完成的页面内容发送给所述服务器;
[0116] 发送所述页面的刷新指令给所述服务器,并接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。
[0117] 可选地,通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层,具体包括:
[0118] 通过对所述编辑器浮层的源代码进行解析,在所述页面的预设位置上生成编辑器浮层。
[0119] 当用户请求访问页面时,服务器会解析该页面中的属性,创建页面布局属性和节点属性对象,通过解析节点属性对象,将原页面布局与编辑器中的编辑组件进行合并渲染成最终的页面编辑器,并将页面编辑器返回给浏览器端用户。
[0120] 综上,从整体上看,本发明实施例提供的技术方案包括:
[0121] 用户在浏览器中输入统一资源定位符(URL),URL就是我们访问网页时输入的网址,URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。
[0122] 用户在浏览器中输入页面的URL后,按下回车键就等于是向服务器发送一个页面访问请求。
[0123] 服务器收到页面访问请求后,查找该页面的URL对应的源代码,并返回给用户设备。
[0124] 用户设备将页面的源代码解析成页面,并输出显示给用户,该页面上具有页面编辑选项。
[0125] 当用户点击了该页面编辑选项时,用户设备发送页面编辑请求给服务器。
[0126] 服务器收到该页面编辑请求后,从中获取该页面的URL,并再次查找该页面的URL对应的源代码,但此时不需要发给用户设备,而是服务器解析该页面的源代码中的节点的布局属性、层级属性、和组件类型属性,将特殊的节点属性及其参数复制到编辑器浮层的源代码中,解析完毕,即生成了该编辑器浮层的源代码,并发送给用户设备。
[0127] 用户设备收到该页面的编辑器浮层的源代码后,对该编辑器浮层的源代码进行解析,在页面的预设位置处,进行编辑界面的展示,具体地,以浮层形式展示,在页面的右上角,原页面中设置了可编辑属性的节点都会在浮层中,也就是编辑界面中展示。例如,参见图3,图3中由上角部分即展示的编辑界面,通过该编辑界面可以在页面新添加文字,还可以选择添加图片等。
[0128] 用户通过编辑器浮层对页面的内容进行修改并保存后,用户设备会发送携带通过所述编辑器浮层编辑完成的页面内容的信令给服务器。
[0129] 服务器当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。
[0130] 当用户对页面进行刷新后,用户设备可以展示修改后的页面内容,即当用户对页面进行刷新后,用户设备发送所述页面的刷新指令给所述服务器,服务器接收到页面的刷新指令后,查找该页面的更新后的源代码并返回给用户设备,用户设备接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。
[0131] 另外,需要说明的是,本发明实施例中,服务器可以在收到页面访问请求后向用户设备发送页面的源代码的同时,将利用该页面的源代码生成的该页面的编辑器界面的源代码也发给用户设备,即无需等待用户设备发送页面编辑请求便可以将利用该页面的源代码生成的该页面的编辑器界面的源代码也发给用户设备,使得用户设备同时收到页面的源代码以及编辑器界面的源代码,从而同时展示页面以及编辑器浮层,若用户无需修改页面则可以点击该编辑器浮层上的关闭按钮,从而关闭编辑器界面,在需要编辑页面内容时,再向服务器发送页面编辑请求。
[0132] 与上述方法相对应地,在服务器侧,参见图4,本发明实施例提供的一种实现页面内容编辑器的装置,包括:
[0133] 第一单元11,用于当接收到用户设备侧发送的页面编辑请求时,确定请求编辑的页面的源代码;
[0134] 第二单元12,用于根据所述页面的源代码,生成用于编辑所述页面的编辑器浮层的源代码;
[0135] 第三单元13,用于将所述页面的编辑器浮层的源代码发送给所述用户设备。
[0136] 可选地,所述第一单元还用于:
[0137] 在接收到用户设备侧发送的页面编辑请求之前,当接收到所述用户设备侧发送的页面访问请求时,确定请求访问的页面的源代码;其中,所述请求访问的页面与所述请求编辑的页面为同一页面;
[0138] 所述第三单元,还用于:将所述页面的源代码发送给所述用户设备。
[0139] 可选地,所述第二单元具体用于:
[0140] 从所述页面的源代码中获取编辑器的节点属性的参数,通过服务器端的脚本解析此参数,生成编辑器浮层的源代码中。
[0141] 可选地,所述可编辑的节点属性包括:节点布局属性、节点层级属性、和/或节点组件类型属性。
[0142] 可选地,所述第一单元还用于:
[0143] 在接收到所述用户设备侧发送的页面访问请求之前,预先在所述页面的源代码中添加特定的节点属性的参数,其中所述特定的节点属性为编辑器的节点属性;
[0144] 所述第二单元从所述页面的源代码中获取可编辑的节点属性的参数时,具体用于:
[0145] 从所述页面的源代码中获取所述特定的节点属性的参数。
[0146] 可选地,所述第三单元还用于:
[0147] 将所述编辑器浮层的源代码发送给所述用户设备之后,当接收到所述用户设备发送与所述页面相对应的页面编辑完成的信令时,根据所述信令中携带的编辑内容更新所述页面的源代码。
[0148] 可选地,所述编辑器浮层的源代码中包括编辑器浮层在所述页面上的显示位置,使得所述用户设备对所述编辑器浮层的源代码进行解析在所述页面的预设位置上生成编辑器浮层。
[0149] 本发明实施例提供的一种服务器,包括本发明实施例提供的服务器侧所述的装置。
[0150] 在用户设备侧,参见图5,本发明实施例提供的一种实现页面内容编辑器的装置,包括:
[0151] 第四单元21,用于当确定需要编辑当前访问的页面时,向服务器发送该页面对应的页面编辑请求;
[0152] 第五单元22,用于接收所述服务器返回的用于编辑所述页面的编辑器浮层的源代码,其中,所述编辑器浮层的源代码是所述服务器根据所述页面的源代码生成的;
[0153] 第六单元23,用于通过对所述编辑器浮层的源代码进行解析,在所述页面上生成编辑器浮层。
[0154] 可选地,所述第四单元还用于:在确定需要编辑当前访问的页面之前,向所述服务器发送所述页面的页面访问请求;
[0155] 第五单元还用于:接收所述服务器返回的所述页面的源代码;
[0156] 第六单元还用于:将所述页面的源代码解析成页面。
[0157] 可选地,第六单元还用于:
[0158] 在所述页面上生成编辑器浮层之后,将用户通过所述编辑器浮层编辑完成的页面内容发送给所述服务器;发送所述页面的刷新指令给所述服务器,并接收所述服务器返回的所述页面的更新后的源代码,将该页面的更新后的源代码解析成页面;其中,所述页面的更新后的源代码是所述服务器根据用户通过所述编辑器浮层修改的页面内容得到的。
[0159] 可选地,第六单元通过对所述编辑器浮层的源代码进行解析,在所述页面的预设位置上生成编辑器浮层。
[0160] 本发明实施例提供的一种用户设备,包括本发明实施例提供的用户设备侧所述的装置。
[0161] 以上各个单元,均可以由具有收发功能的处理器等实体装置实现,所述的服务器或者用户设备,可以由处理器及收发信机等实体装置实现。
[0162] 综上所述,本发明实施例提供了页面自身便可自动生成可视化编辑器的方案,使得页面编辑界面更加具有个性,使得页面的编辑更加智能、便捷、高效。
[0163] 本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
[0164] 本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0165] 这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0166] 这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0167] 显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。