[发明专利]可视化页面编辑器及可视化页面编辑器的操作方法

说明书

技术领域

本申请涉及计算机技术领域，具体涉及计算机网络技术领域，尤其涉及可视化页面编辑器及可视化页面编辑器的操作方法。

背景技术

页面编辑器，可以用于构建网页的页面或应用程序的页面等。

目前业界常用的页面编辑器，包括一起秀、不用编码就可以快速创建网站的浏览器插件(Webflow)等可视化页面编辑器。其中，一起秀是一种绝对定位的页面编辑器，可以做简单的运营页面。Webflow是个完整的编辑平台，可以实现动态交互设计。

然而，目前的页面编辑器存在以下问题：(1)一起秀的绝对定位布局的布局元素不能被内部元素撑开，只能做简单的运营页面，更为复杂的页面只有通过流式布局完成。(2)Webflow的动态交互设计的内容不可定制，并非组件化，也不能插入业务自定义组件，使得运用范围比较狭隘。

发明内容

本申请的目的在于提出一种改进的可视化页面编辑器及可视化页面编辑器的操作方法，来解决以上背景技术部分提到的技术问题。

第一方面，本申请提供了一种可视化页面编辑器，可视化页面编辑器包括：接收模块，用于接收用户在可视化页面编辑器的交互界面中对操作对象的拖曳操作；插入模块，用于将操作对象作为子元素插入拖曳操作的终点对应的组件或元素中，操作对象包括组件或元素。

在一些实施例中，可视化页面编辑器的交互界面中的组件和元素采用相对定位和/或绝对定位。

在一些实施例中，当可视化页面编辑器的交互界面中的组件和元素采用相对定位时，组件和元素的定位位置根据组件和元素的尺寸和/或位置进行调整。

在一些实施例中，可视化页面编辑器还包括：生成模块，用于响应于用户的操作符合预设的组合操作，基于预设的组件和/或上传的组件生成组合的组件。

在一些实施例中，操作对象位于交互界面的菜单栏或交互界面的视图区域。

在一些实施例中，交互界面的菜单栏包括以下一项或多项：预览按钮、撤销操作按钮、重复操作按钮、保存按钮、组合按钮和树状结构按钮。

在一些实施例中，可视化页面编辑器还包括：调整模块，用于根据用户的编辑操作，调整组件和元素的参数。

在一些实施例中，可视化页面编辑器的配置文件与操作平台无关。

第二方面，本申请提供了一种可视化页面编辑器的操作方法，操作方法包括：接收用户在可视化页面编辑器的交互界面中对操作对象的拖曳操作；将操作对象作为子元素插入拖曳操作的终点对应的组件或元素中，其中，操作对象包括组件或元素。

在一些实施例中，交互界面中的组件和元素采用相对定位和/或绝对定位。

在一些实施例中，当交互界面中的组件和元素采用相对定位时，组件和元素的定位位置根据组件和元素的尺寸和/或位置进行调整。

在一些实施例中，操作方法还包括：响应于用户的操作符合预设的组合操作，基于预设的组件和/或上传的组件生成组合的组件。

在一些实施例中，操作对象位于交互界面的菜单栏或交互界面的视图区域。

在一些实施例中，交互界面的菜单栏包括以下一项或多项：预览按钮、撤销操作按钮、重复操作按钮、保存按钮、组合按钮和树状结构按钮。

在一些实施例中，操作方法还包括：根据用户的编辑操作，调整组件和元素的参数。

第三方面，本申请提供了一种页面，页面的内容采用如上所述的可视化页面编辑器编辑。

第四方面，本申请提供了一种设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序；交互单元，用于采集用户操作以及显示用户操作的结果；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上任一所述的操作方法。

第五方面，本申请提供了一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如上任一所述的操作方法。

本申请提供的可视化页面编辑器及可视化页面编辑器的操作方法，该可视化页面编辑器首先接收用户在可视化页面编辑器的交互界面中对操作对象的拖曳操作，之后将操作对象作为子元素插入拖曳操作的终点对应的组件或元素中，操作对象包括组件或元素。从而实现了根据用户的操作灵活的开发组件或元素，使得组件或元素的融合功能突出。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是根据本申请的可视化页面编辑器的一个实施例的示意性流程图；