网页实时预览编辑方法、装置、设备及存储介质制造方法及图纸

本申请公开一种网页实时预览编辑方法、装置、设备及存储介质，所述方法包括如下步骤：在网页编辑端创建空白模板，将从远程服务器获取的已发布网页的HTML源码插入到所述空白模板中；监听到所述空白模板完成所述HTML源码的插入后，实例化该空白模板以在网页编辑端预览相应的可编辑网页；接收作用于所述可编辑网页的编辑数据，将所述编辑数据储存于全局变量中；响应于所述全局变量的数据更新，刷新所述可编辑网页的预览效果。本申请适于为大型的网页专题开发工程提供高效编辑解决方案，能更好地实现代码隔离和管理。

【技术实现步骤摘要】
网页实时预览编辑方法、装置、设备及存储介质
本申请属于互联网
，具体涉及一种网页实时预览编辑方法，还涉及前述方法相应的装置、电子设备以及非易失性存储介质。
技术介绍
随着互联网应用和技术的全面深化发展，起来越多的线上应用都基于网页来实现，HTML5的普及，更使基于网页的各种终端应用程序和网站得以蓬勃发展。基于网页的应用，需要提供关于网页的制作配置环境。大型的互联网平台，尤其是一些门户网站、直播网站等，其涉及要开发、运营、维护的页面繁多，开发和编辑时间往往也比较紧迫，而设计要求各异，开发人员工作压力必然巨大。面对这种现状，为网页开发和运维提供更为高效的编辑机制显得更为迫切。为解决上述问题，业内采用可视化搭建的解决方案，使得网站运营开发人员可以实时预览网页的每一步编辑结果，发现问题时再重新编辑，以提高运营维护网页的效率。可视化搭建相关的解决方案常见如下两种：其一，通过在HTML源码中嵌入iframe标签的方式，嵌套一个远程专题发布页，并通过postMessage或url传参的方式进行数据传递；其二，通过将专题发布页与专本文档来自技高网...

【技术保护点】
1.一种网页实时预览编辑方法，其特征在于，包括如下步骤：/n在网页编辑端创建空白模板，将从远程服务器获取的已发布网页的HTML源码插入到所述空白模板中；/n监听到所述空白模板完成所述HTML源码的插入后，实例化该空白模板以在网页编辑端预览相应的可编辑网页；/n接收作用于所述可编辑网页的编辑数据，将所述编辑数据储存于全局变量中；/n响应于所述全局变量的数据更新，刷新所述可编辑网页的预览效果。/n

【技术特征摘要】
1.一种网页实时预览编辑方法，其特征在于，包括如下步骤：
在网页编辑端创建空白模板，将从远程服务器获取的已发布网页的HTML源码插入到所述空白模板中；
监听到所述空白模板完成所述HTML源码的插入后，实例化该空白模板以在网页编辑端预览相应的可编辑网页；
接收作用于所述可编辑网页的编辑数据，将所述编辑数据储存于全局变量中；
响应于所述全局变量的数据更新，刷新所述可编辑网页的预览效果。


2.如权利要求1所述的方法，其特征在于，被插入到所述空白模板中的HTML源码，仅包括其可执行代码和/或样式代码。


3.如权利要求1所述的方法，其特征在于，所述编辑数据包括所述可编辑网页中的一个或多个布局元素的定义数据。


4.如权利要求1所述的方法，其特征在于，为所述空白模板创建与所述已发布网页的发布端相同的根元素ID,以便根据该根元素ID将所述编辑后的可编辑网页的编辑数据同步到所述发布端供发布。


5.如权利要求1所述的方法，其特征在于，所述网页编辑端提供图形用户界面，该图形用户界面包括编辑控制区与编辑预览区，所述编辑控制区用于触发作用于所述可编辑网页的编辑事件，所述编辑预览区用于展示所述可编辑网页的预览效果。


6.如权利要求1所述的方法...

【专利技术属性】
技术研发人员：许少龙，
申请(专利权)人：广州华多网络科技有限公司，
类型：发明
国别省市：广东;44