CN116974431A - 一种文档的显示控制方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请涉及互联网技术领域，尤其涉及一种文档的显示控制方法、装置、电子设备和存储介质，用以提高智能文档的处理效率。其中，方法包括：在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块；响应于对文档处理界面的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式，并以第二页面模式展示各内容块；第一页面模式与第二页面模式下文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现目标文档中各内容块的无边界画布模式，每个图形包含基于相应的第二目标顺序呈现的内容块。本申请可基于不同的场景需要切换页面模式，提高智能文档的处理效率。

Description

一种文档的显示控制方法、装置、电子设备和存储介质

技术领域

本申请涉及互联网技术领域，尤其涉及一种文档的显示控制方法、装置、电子设备和存储介质。

背景技术

随着科技研究的进步，许多业务从线下转移至线上。在线上业务的处理过程中，通常涉及智能文档；智能文档可以由多人同时协同编辑或浏览，如word文档、表格、幻灯片等，多对象协同操作产生的变更可以实时同步给其他参与者，不会发生操作冲突。

其中，对象对于文、表、图的认知与使用习惯均已成熟，这其中对于查看文档、编辑文档、都是以“文字”为基础，为了能够表达出有意义的内容，只能以文档、段落、文字、分节、分页、分栏等有序的形式去渲染数据。在文档的查看和编辑的页面模式上相对固定，未有新的突破和尝试。

因而，如何解决文档当前场景中形态单一、数据呈现不够直观等问题，以实现对象之间的高效协作，提高智能文档的处理效率是亟待解决的。

发明内容

本申请实施例提供一种文档的显示控制方法、装置、电子设备和存储介质，用以提高智能文档的处理效率。

本申请实施例提供的一种文档的显示控制方法，包括：

在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块；

响应于对所述文档处理界面的模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式，并以所述第二页面模式展示所述目标文档中的各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形中的各内容块基于相应的第二目标顺序呈现。

本申请实施例提供的另一种文档的显示控制方法，包括：

接收针对目标文档的展示请求，并获取不同页面模式下所述目标文档对应的数据结构；

将获取的数据结构发送给客户端，以使所述客户端在第一页面模式时，在文档处理界面中的文档区域，基于所述第一页面模式相应的数据结构呈现所述目标文档中的各内容块；并在切换至第二页面模式时，基于所述第二页面模式相应的数据结构呈现所述各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

本申请实施例提供的一种文档的显示控制装置，包括：

第一展示单元，用于在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块；

第二展示单元，用于响应于对所述文档处理界面的模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式，并以所述第二页面模式展示所述目标文档中的各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形中的各内容块基于相应的第二目标顺序呈现。

可选的，在所述流式文档模式下，所述文档处理界面还包括目录区域；所述目录区域用于显示所述目标文档对应的目录信息；

在所述无边界画布模式下，所述文档处理界面仅包括所述文档区域。

可选的，所述流式文档模式和所述无边界画布模式是基于不同的数据结构实现的；在所述流式文档模式下，相应的数据结构包含表示文档内容的内容字段，所述内容字段为数组类型，用于存储各内容块在所述目标文档中的顺序信息；

则所述第一展示单元具体用于：

按照所述内容字段中记录的顺序信息，将所述目标文档中各内容块按照第一目标顺序，从上至下地渲染至所述文档区域。

可选的，所述流式文档模式和所述无边界画布模式是基于不同的数据结构实现的；在所述流式文档模式下，相应的数据结构包含表示文档内容的内容字段，所述内容字段为数组类型，用于存储各内容块在所述目标文档中的顺序信息；

则所述第二展示单元具体用于：

按照所述内容字段中记录的顺序信息，将所述目标文档中各内容块按照第一目标顺序，从上至下地渲染至所述文档区域。

可选的，所述流式文档模式和所述无边界画布模式是基于不同的数据结构实现的；在所述无边界画布模式下，相应的数据结构包含表示图形内容的形状字段，所述形状字段为键值对，用于存储每个图形在所述目标文档中的层级信息和坐标信息；所述层级信息用于表征图形中的各内容块的顺序信息；

则所述第一展示单元具体用于：

将所述形状字段中的每个图形，按照相应的层级信息和坐标信息，渲染至所述文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

可选的，所述流式文档模式和所述无边界画布模式是基于不同的数据结构实现的；在所述无边界画布模式下，相应的数据结构包含表示图形内容的形状字段，所述形状字段为键值对，用于存储每个图形在所述目标文档中的层级信息和坐标信息；所述层级信息用于表征图形中的各内容块的顺序信息；

则所述第二展示单元具体用于：

将所述形状字段中的每个图形，按照相应的层级信息和坐标信息，渲染至所述文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

可选的，所述装置还包括：

更新单元，用于响应于针对至少一个内容块或图形的拖拽操作，在所述文档区域中更新相应内容的显示，并基于相应的拖拽结果更新所述流式文档模式和所述无边界画布模式下各自对应的数据结构；

在由所述无边界画布模式切换至所述流式文档模式时，基于所述流式文档模式相应的更新后的数据结构，在所述文档区域中更新所述目标文档中的各内容块的显示。

可选的，所述更新单元具体用于：

根据相应的拖拽结果更新所述无边界画布模式下图形的层级信息和坐标信息；以及

根据更新后的坐标信息，更新所述流式文档模式下各图形对应的内容块之间的顺序信息；根据更新后的层级信息，更新所述流式文档模式下各图形中内容块的顺序信息。

可选的，所述层级信息还用于表征图形存在重叠时图形之间的上下层顺序信息；

则所述更新单元具体用于：

根据更新后的坐标信息及所述上下层顺序信息，更新所述流式文档模式下各图形对应的内容块之间的顺序信息。

可选的，所述文档处理界面包括显示设置控件；所述装置还包括：

显示设置单元，用于响应于针对显示设置控件的触发操作，在所述文档处理界面中的文档区域，呈现显示设置栏；所述显示设置栏中包含至少一种用于对所述目标文档的文档内容显示样式进行调整的控件；其中，不同页面模式下，所述显示设置栏的呈现样式不同；

响应于通过所述显示设置栏触发的文档调整操作，对所述目标文档的显示进行相应调整；

响应于针对所述显示设置栏的关闭操作，在所述文档区域中隐藏所述显示设置栏。

可选的，在流式文档模式下，所述显示设置栏包括用于调整布局间距的布局调整控件；所述显示设置单元具体用于：

响应于通过所述显示设置栏中的布局调整控件触发的文档调整操作，呈现至少一种布局间距；

响应于针对所述至少一种布局间距中目标布局间距的选中操作，基于所述目标布局对所述目标文档中各内容块之间的间距进行相应的调整。

可选的，在无边界画布模式下，所述显示设置栏包含用于推荐布局模板的布局控件；所述显示设置单元具体用于：

响应于针对所述布局控件的触发操作，呈现至少一种布局模板；

响应于针对所述至少一种布局模板中目标布局模板的选中操作，在所述文档处理界面中呈现所述目标布局模板，并基于所述目标布局模板，对所述文档处理界面中已显示的各内容块的显示位置进行调整。

可选的，在流式文档模式下，每种类型的内容块都对应有相应的字符串和内容控件；则所述装置还包括：

第一插入单元，用于响应于在所述目标文档中输入目标字符串的操作，在所述目标字符串的输入位置插入与所述目标字符串对应的内容块；或者

响应于在目标位置触发的插入操作，呈现至少一种内容控件；响应于针对所述至少一种内容控件中目标内容控件的选中操作，在所述目标位置插入与所述目标内容控件对应的内容块。

可选的，在无边界画布模式下，每种类型的内容块都对应有相应的内容控件；则所述装置还包括：

第二插入单元，用于在所述文档处理界面中呈现显示设置栏，所述显示设置栏中包括至少一种内容控件；

响应于针对所述至少一种内容控件中目标内容控件的选中操作，在所述目标文档中的指定位置插入与所述目标内容控件对应的内容块。

可选的，所述第二展示单元具体用于：

响应于针对所述文档处理界面中切换控件的触发操作，呈现与所述切换控件关联的模式菜单栏，所述模式菜单栏至少包括所述第一页面模式和第二页面模式；

响应于通过选中所述第二页面模式触发的所述模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式。

可选的，不同页面模式对应不同类型的访问链接；

所述第二展示单元具体用于：

响应于通过输入与所述第二页面模式对应类型的访问链接，触发的所述模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式。

可选的，所述装置还包括：

记录单元，用于当检测到所述文档处理界面的退出操作时，记录所述文档处理界面在退出时的页面模式；

响应于针对所述文档处理界面的触发操作，按照所述文档处理界面在退出时的页面模式展示所述文档处理界面。

本申请实施例提供的另一种文档的显示控制装置，包括：

获取单元，用于接收针对目标文档的展示请求，并获取不同页面模式下所述目标文档对应的数据结构；

反馈单元，用于将获取的数据结构发送给客户端，以使所述客户端在第一页面模式时，在文档处理界面中的文档区域，基于所述第一页面模式相应的数据结构呈现所述目标文档中的各内容块；并在切换至第二页面模式时，基于所述第二页面模式相应的数据结构呈现所述各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

本申请实施例提供的一种电子设备，包括处理器和存储器，其中，所述存储器存储有计算机程序，当所述计算机程序被所述处理器执行时，使得所述处理器执行上述任意一种文档的显示控制方法的步骤。

本申请实施例提供一种计算机可读存储介质，其包括计算机程序，当所述计算机程序在电子设备上运行时，所述计算机程序用于使所述电子设备执行上述任意一种文档的显示控制方法的步骤。

本申请实施例提供一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序存储在计算机可读存储介质中；当电子设备的处理器从计算机可读存储介质读取所述计算机程序时，所述处理器执行所述计算机程序，使得所述电子设备执行上述任意一种文档的显示控制方法的步骤。

本申请有益效果如下：

本申请实施例提供了一种文档的显示控制方法、装置、电子设备和存储介质。由于本申请中，对象可以基于不同的场景需要，在流式结构和无边界结构这两个页面模式之间切换，并且文档中的内容有相应的页面模式转换的逻辑进行匹配。具体的，在不同页面模式下，除了文档区域的显示尺寸不同外，目标文档中所包含的内容块的显示样式也不同，在流式结构下，可基于一定的顺序呈现目标文档中的各内容块，而在无边界结构下，各内容块则是包含在图形中显示的，这些图形在文档区域是无序的，而每个图形内的内容块又是有序的，上述两种不同的页面模式可以满足不同的场景化需要，兼顾到具有不同需求的对象，使得智能文档在文档应用形态的探索方向有了新的突破，可以更好的服务对象编辑场景，提高智能文档的处理效率。

本申请的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例中的一种应用场景的一个可选的示意图；

图2为本申请实施例中的一种文档的显示控制方法的流程示意图；

图3A为本申请实施例中的一种模式菜单栏的示意图；

图3B为本申请实施例中的另一种模式菜单栏的示意图；

图3C为本申请实施例中的一种访问链接的示意图；

图4为本申请实施例中的一种流式文档模式下数据结构与视图的对应示例；

图5为本申请实施例中的一种流式文档模式下的文档处理界面的示意图；

图6为本申请实施例中的一种无边界画布模式下数据结构与视图的对应示例；

图7为本申请实施例中的一种无边界画布模式下的文档处理界面的示意图；

图8为本申请实施例中的另一种无边界画布模式下的文档处理界面的示意图；

图9A为本申请实施例中的一种无边界画布模式切换为流式文档模式下的文档处理界面的示意图；

图9B为本申请实施例中的另一种无边界画布模式切换为流式文档模式下的文档处理界面的示意图；

图9C为本申请实施例中的又一种无边界画布模式切换为流式文档模式下的文档处理界面的示意图；

图10A为本申请实施例中的一种流式文档模式下的文档处理界面示例；

图10B为本申请实施例中的一种内容菜单栏的示意图；

图11A为本申请实施例中的一种高亮块的示意图；

图11B为本申请实施例中的一种表格的示意图；

图11C为本申请实施例中的一种无边界画布模式下显示设置栏的示意图；

图12A为本申请实施例中的一种流式文档模式下显示设置栏的示意图；

图12B为本申请实施例中的又一种流式文档模式下显示设置栏的示意图；

图13A为本申请实施例中的一种布局模板相关示例；

图13B为本申请实施例中的又一种布局模板相关示例；

图14为本申请实施例中的一种页面模式切换流程及UI变化示意图；

图15为本申请实施例中的一种文档的显示控制方法的实施流程图；

图16为本申请实施例中的一种文档显示控制方法的交互时序图；

图17为本申请实施例中的一种文档的显示控制装置的组成结构示意图；

图18为本申请实施例中的另一种文档的显示控制装置的组成结构示意图；

图19为应用本申请实施例的一种电子设备的一个硬件组成结构示意图；

图20为应用本申请实施例的另一种电子设备的一个硬件组成结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请技术方案的一部分实施例，而不是全部的实施例。基于本申请文件中记载的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请技术方案保护的范围。

下面对本申请实施例中涉及的部分概念进行介绍。

智能文档：也可以称为在线文档，是一个轻编辑的文档品类，可以支持多人同时在线创建、在线编辑以及分享，以实现文档的在线协作功能。在本申请实施例中，对象(如用户)可以在画布上乐高式拖拽组件，制作高融合度无品类差异的应用程序式文档。

内容块：为智能文档的基本构成单位，也即智能文档的内容是以“块(Block)”为基本单位构成的，每一个块的内容，可以包括段落文本、图片、表单数据(如智能表格、进阶图表)、媒体与文件、第三方内容(如第三方应用/小程序)等，如一个内容块中可以包含一个/多个段落的文字，一张/多张图片或者一个/多个第三方内容等等。

文档处理界面：一种面向对象的，用于展示与当前登录客户端的对象关联的智能文档的界面。在本申请实施例中，该文档处理界面支持不同页面模式的切换。

页面模式：即页面的展示形态，该展示形态具有包括文档处理界面所包含的各区域的种类、区域的尺寸，区域中内容的展示形态等。本申请提供了两种不同的页面模式，如流式文档模式和无边界画布模式。其中，流式文档模式下包含目标区域和文档区域，而无边界画布模式下仅包含文档区域，很显然，这两种模式下文档区域的尺寸不同。此外，在流式文档模式下，各内容块在文档区域内的呈现是有序的，在该页面模式下，支持从上向下查看/编辑文档内容。而在无边界画布模式下，则是以图形作为内容块的载体，各图形之间是无序的，而图形内的内容块仍是有序的，在该页面模式下查看/编辑文档内容无方向限制。

数据结构：表征的是文档数据的一种表现形式。在本申请实施例中，不同的页面模式所对应的数据结构也不相同。其中，在流式文档模式下，采用的数据结构为表示文档内容的内容字段，该内容字段为数组类型的格式，可以存储各内容块在目标文档中的顺序信息，以将各内容块进行有序的存储；在无边界画布模式下，采用的数据结构为表示图形内容的形状字段，该形状字段为键值对的格式，可以存储每个图形在画布中的层级信息和坐标信息。

顺序信息：指各内容块在目标文档中从上至下排布时的先后顺序。

层级信息和坐标信息：坐标信息指图形在画布上的位置，可以理解为x坐标和坐标y，层级则可以理解为z坐标，用来在图形形状重合时决定谁来覆盖谁，也即表征图形存在重叠时图形之间的上下层顺序信息，同时决定同一图形内的各内容块之间的顺序。其中，本文不限定重叠是指部分重叠还是全部重叠。

编辑组件：是指将智能文档已有或全新开发的编辑能力进行组件化，将数据构建为块状，以供对象搭建场景解决方案。

下面对本申请实施例的设计思想进行简要介绍：

随着科学技术的不断进步，电子技术也得到了飞速的发展，许多终端设备，如智能手机、平板电脑等，成为了人们日常生活的必需品，从而使对象可以通过浏览器、即时通讯软件等各种客户端获取所需的信息。

其中，随着文档类办公软件的发展，智能文档在人们生活中的应用也日益增加，对象可以通过相关客户端查看、编辑各种文档，如word文档、PDF文档等。基于此，对象对于文、表、图的认知与使用习惯均已成熟，这其中对于查看文档、编辑文档、都是从上向下的流式的方式一直未曾改变。

在最近几年，在线协作编辑细分领域涌现了一批新的独角兽产品，主要分为跨品类画布和数据库电子表格这两类。它们分别都是基于原本的doc和sheet进行了再度的革命性创新，打破了之前已有的认知壁垒。但是在文档的查看和编辑的页面模式上都是相对固定，未有新的突破和尝试。

而且，即使目前智能文档的网页版具有全屏功能，但是，理论上只是一个浏览器的放大版，全屏状态下只是对整篇文档的放大浏览，导致对象对智能文档操作不便，对象体验差。

有鉴于此，本申请实施例提出了一种文档的显示控制方法、装置、电子设备和存储介质。由于本申请中，对象可以基于不同的场景需要，在流式结构和无边界结构这两个页面模式之间切换，并且文档中的内容有相应的页面模式转换的逻辑进行匹配。具体的，在不同页面模式下，除了文档区域的显示尺寸不同外，目标文档中所包含的内容块的显示样式也不同，在流式结构下，可基于一定的顺序呈现目标文档中的各内容块，而在无边界结构下，各内容块则是包含在图形中显示的，这些图形在文档区域是无序的，而每个图形内的内容块又是有序的，上述两种不同的页面模式可以满足不同的场景化需要，兼顾到具有不同需求的对象，使得智能文档在文档应用形态的探索方向有了新的突破，可以更好的服务对象编辑场景，提高智能文档的处理效率。

以下结合说明书附图对本申请的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本申请，并不用于限定本申请，并且在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

如图1所示，其为本申请实施例的应用场景示意图。该应用场景图中包括两个终端设备110和一个服务器120。

在本申请实施例中，终端设备110包括但不限于手机、平板电脑、笔记本电脑、台式电脑、电子书阅读器、智能语音交互设备、智能家电、车载终端等设备；终端设备上可以安装有文档处理相关的客户端，该客户端可以是软件(例如浏览器、文档类办公软件等)，也可以是网页、小程序等，服务器120则是与软件或是网页、小程序等相对应的后台服务器，或者是专门用于进行文档处理的服务器，本申请不做具体限定。服务器120可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。

需要说明的是，本申请各实施例中的文档的显示控制方法可以由电子设备执行，该电子设备可以为终端设备110或者服务器120，即，该方法可以由终端设备110或者服务器120单独执行，也可以由终端设备110和服务器120共同执行。比如由终端设备110和服务器120共同执行时，如：由对象通过终端设备110上安装的办公软件(即客户端)查看目标文档时，终端设备110向服务器120针对目标文档的展示请求，服务器120接收到该展示请求后，将目标文档中的各内容块所对应的数据结构，反馈给终端设备110，以使终端设备110在确定以第一页面模式展示目标文档时，则在该办公软件的文档处理界面中的文档区域，基于第一页面模式相应的数据结构，呈现各内容块；并在响应于对文档处理界面的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式时，基于第二页面模式相应的数据结构，呈现各内容块。

具体的，上述第一页面模式和第二页面模式对应的文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现目标文档中的各内容块的流式文档模式，另一种为基于无序的图形呈现目标文档中的各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

在一种可选的实施方式中，终端设备110与服务器120之间可以通过通信网络进行通信。

在一种可选的实施方式中，通信网络是有线网络或无线网络。

需要说明的是，图1所示只是举例说明，实际上终端设备和服务器的数量不受限制，在本申请实施例中不做具体限定。

本申请实施例中，当服务器的数量为多个时，多个服务器可组成为一区块链，而服务器为区块链上的节点；如本申请实施例所公开的文档的显示控制方法，其中所涉及的文档处理相关数据可保存于区块链上，例如，目标文档中的各内容块所对应的数据结构、对象的操作信息等。

此外，本申请实施例可应用于各种场景，包括但不限于云技术、人工智能、智慧交通、辅助驾驶等场景。

下面结合上述描述的应用场景，参考附图来描述本申请示例性实施方式提供的文档的显示控制方法，需要注意的是，上述应用场景仅是为了便于理解本申请的精神和原理而示出，本申请的实施方式在此方面不受任何限制。

参阅图2所示，为本申请实施例提供的一种文档的显示控制方法的实施流程图，以客户端作为执行主体为例，该方法的具体实施流程如下：

S21：客户端在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块。

本申请中的目标文档可以是智能文档，如可多人协同编辑的在线文档；也可以是其他类型的文档，在此不再一一赘述。下文主要是以在线文档为例举例说明的。

S22：客户端响应于对文档处理界面的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式，并以第二页面模式展示目标文档中的各内容块。

其中，第一页面模式与第二页面模式对应的文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形中的各内容块基于相应的第二目标顺序呈现。

在本申请实施例中，文档区域即专门用于展示文档数据的区域。在不同页面模式下，文档区域的显示尺寸也不相同，便于对象根据自身需求进行选择。

并且，在本申请实施例中，采用以块为基础的结构化数据来作为智能文档的基本构成单位，即由至少一个内容块组成一个文档。每一个内容块中的内容，可以包括段落文本、图片、表单数据、媒体与文件、第三方内容等。

由于每一个独立的内容块本身就是有意义、可被阅读的内容，所以能够按照业务需要自由地去组织内容块，使得无论是有序的流式文档模式，还是无边界画布模式，都能够基于内容块来实现。

如上述中，流式文档模式下各内容块是有序的，即目标文档中各内容块基于第一目标顺序自上而下的呈现于文档区域中；而在无边界画布模式下，文档区域不仅没有边界的限制，且文档区域中内容块的显示是基于图形实现的，每个图形中包含至少一个内容块，也即每个图形中的内容块为一组，组与组之间的顺序可由对象根据自身需求随意调整，不受自上而下的方向限制，而组内的各内容块之间仍以流式排版，即每个图形中的各内容块是基于相应的第二目标顺序自上而下的呈现于图形中的。

基于上述方式，对象可以通过对页面模式的切换，将智能文档从流式内容结构切换至无边界画布的显示模式，或是从无边界画布的显示模式切换至流式内容结构。具体的，本申请中智能文档的编辑组件可以兼容不同页面模式，也即，文档数据可以对不同页面结构进行兼容，使得文档以更加直观和场景化的方式呈现，从而解决文档当前场景中形态单一、流式内容结构下数据呈现不够直观等问题，进行高效协作。且本申请中提出的新的页面模式更好的服务对象编辑场景，同时完善智能文档的产品新体验。

下面对本申请中页面模式的切换及不同页面模式下文档的显示和编辑进行详细说明：

在本申请实施例中，对象可通过文档处理界面中的相关控件实现页面模式的切换。基于此，步骤S22的一种可选的实施方式如下S221-S222：

S221：响应于针对文档处理界面中切换控件的触发操作，呈现与切换控件关联的模式菜单栏，模式菜单栏至少包括第一页面模式和第二页面模式。

参阅3A所示，其为本申请实施例中的一种模式菜单栏的示意图。图3A中的“模式切换”按钮即为本申请实施例中的一种切换控件，显示在文档处理界面的顶部工具栏中(该工具栏也可显示于其他位置，本文不做具体限定)，在对象点击(还可以是双击等其他操作，本文不做具体限定)“模式切换”按钮后，即可呈现相应的模式菜单栏，该模式菜单栏中至少提供了第一页面模式和第二页面模式这两种选项，如图3A中显示的为“流式文档”和“无边界画布”两种模式，以供对象在不同页面模式之间进行切换。

需要说明的是，图3A所示只是简单的举例说明，本申请中并未对切换控件及模式菜单栏的显示方式进行具体限定，任何一种显示方式都适用于本申请实施例，如该切换控件或模式菜单栏除了可以显示在图3A、图5等所示的文档处理界面中的顶部工具栏中，还可以显示在文档处理界面中的其他区域中，例如，以浮窗或弹窗等的形式显示在文档的编辑区域(如文档区域)内。

参阅图3B所示，其为本申请实施例中的另一种模式菜单栏的示意图，图3B是以悬浮球(浮窗的一种形式)为例的，其中，在对象点击(还可以是双击等其他操作，本文不做具体限定)悬浮球内切换控件后，即可呈现相应的模式菜单栏，如图3B中的灰色圆环，该模式菜单栏中至少提供了第一页面模式和第二页面模式这两种选项，如标号为1的表示流式文档模式，标号为2的表示无边界画布模式，以供对象在不同页面模式之间进行切换。

此外，本申请中也并未对模式菜单栏的唤起方式进行具体限定，任何一种唤起方式都适用于本申请实施例，如可以通过手势唤起模式菜单栏(如单指下滑唤起模式菜单栏的呈现)，又或者是通过手势触发进行模式切换(如双指下滑切换页面模式)等，该方式下，无需通过切换控件触发，客户端可直接响应于针对文档处理界面的预设手势触发操作，呈现模式菜单栏。

需要说明的是，任何一种针对文档处理界面的模式切换方式都适用于本申请实施例，在此不再一一赘述。

S222：响应于通过选中第二页面模式触发的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式。

仍以图3A所示为例，对象可通过选中与当前不同的另一种页面模式，以触发模式切换操作。如图3A默认为流式文档模式，对象通过选择切换为无边界画布模式。

其中，在对象首次打开文档处理界面的情况下，可默认当前页面模式为流式文档模式。

此外，也可以设置简单一些的切换开关，如打开该切换开关即切换为无边界画布模式，关闭该切换开关即切换为流式文档模式等等，本文不做具体限定。

在上述实施方式中，对象可以通过对页面模式的切换，将目标文档从流式内容结构一键切换至无边界画布的显示模式，又或者将目标文档从无边界画布模式一键切换至流式内容结构的显示模式，操作简便。

在本申请实施例中，对象还可通过文档的访问链接实现页面模式的切换，即不同页面模式对应不同类型的访问链接。

例如，流式文档模式和无边界画布模式下，对应有不同类型的统一资源定位符(Uniform Resource Locator，URL)地址，如流式文档模式为“/aio/::pageid”，无边界画布模式为“/aio/::pageid/edgeless”。此外，不同文档对应的pageid也不同。

基于此，步骤S22的另一种可选的实施方式如下：

响应于通过输入与第二页面模式对应类型的访问链接，触发的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式。

仍以上述为例，如当前页面模式为流式文档模式，当对象想要以无边界画布模式查看目标文档时，即可在相应位置输入“/aio/::pageid/edgeless”类型的，针对目标文档的访问链接即可。

如图3C所示，其为本申请实施例中的一种访问链接的示意图。具体的，对象可根据目标文档的pageid，在图3C中的搜索框输入对应的“/aio/::pageid/edgeless”，进而点击搜索即可。

在上述实施方式中，对象可通过输入访问链接，实现不同页面模式的切换，操作也很简便。

下面主要是以图3A所列举的切换开关的方式为例，对本申请实施例中文档的显示控制方法进行举例说明，当然，其他方式同样适用于本申请实施例，在此不再一一赘述：

在本申请实施例中，不同页面模式对应有不同类型的数据结构，且这些不同类型的数据结构同时存在。

以流式文档模式和无边界画布模式为例，流式文档模式和无边界画布模式是基于不同的数据结构实现的，且这两种页面模式是数据层同源同步、渲染层相互独立的视图。

因而，基于上述方式，能够支持智能文档在不变动数据结构的前提下，进行流式文档模式与无边界画布模式的来回切换。

具体的，每个内容块都有一个唯一标识，在不同的数据结构下，该唯一标识也相同，即基于该唯一标识实现不同数据结构之间的对应关系。

基于此，客户端在确定以流式文档模式在文档处理界面中展示目标文档时，直接基于流式文档模式相对应的数据结构，在文档处理界面中进行相应渲染；在切换为无边界画布模式时，则是直接基于无边界画布模式相对应的数据结构，在文档处理界面中进行相应渲染。

下面对流式文档模式和无边界画布模式下，基于相应数据结构进行渲染的过程进行详细说明：

在流式文档模式下，相应的数据结构包含表示文档内容的内容字段，如记作content字段，该内容字段为数组类型，用于存储各内容块在目标文档中的顺序信息，基于此，可实现各内容块的有序存储。

基于此，在步骤S21或步骤S22中，展示目标文档中的各内容块这一部分的实施方式如下：

按照内容字段中记录的顺序信息，将目标文档中的各内容块按照第一目标顺序，从上至下地渲染至文档区域。

如目标文档中包含6个内容块，这6个内容块的先后顺序依次为：A->B->C->D->E->F。则在渲染相应的视图时，则需按照上述所记录的顺序信息，将相应的内容块从上至下的渲染至视图中。

具体的，content字段的一种表示方式如下：

content：[块A，块B，块C，块D，块E，块F]。

参阅图4所示，其为本申请实施例中的一种流式文档模式下数据结构与视图的对应示例。如，在流式文档模式下，可基于React+Mobx技术框架来做渲染能力的支持，按照上述content字段所记录的顺序信息，从上至下地，将每一个内容块渲染到文档处理界面中的文档区域，并提供常规的文档所具备的所有基本操作能力。

需要说明的是，图4只是对目标文档中各内容块的简单示例。

在上述实施方式中，以内容块为基础单位，并通过简单的content记录内容块之间的顺序信息，在流式文档模式下即可简单快速的基于content字段确定各内容块所包含的文档内容在目标文档中的顺序，基于此可将各内容块所包含的文档内容快速准确的渲染至视图中。

可选的，在流式文档模式下，文档处理界面还包括目录区域；目录区域用于显示目标文档对应的目录信息。

其中，目录信息可以包含文档和子文档的关系，以及文档中的标题、段落等内容之间的关系。

参阅图5所示，其为本申请实施例中的一种流式文档模式下的文档处理界面的示意图。在图5中，目标区域所显示的目标信息包括画布(即文档)与子画布(即子文档)之间的关系。如有多个画布：画布1、画布2；画布2包含的多个子画布：子画布1(目标文档)、子画布2、子画布3、子画布4、子画布5。此外，目录信息还可包括文档或子文档内的标题、段落之间的关系等等，在此不再一一赘述。

此外，图5中的文档区域中显示的内容块即按照从上至下的顺序呈现的，且在流式文档模式下，这些内容块的呈现直接是可阅读的内容，如图5中的“让协作更高效…”，无需同无边界画布模式一样显示内容块外的图形。

在无边界画布模式下，文档处理界面仅包括文档区域，因而文档区域是无边界的、全屏显示在文档处理界面中的。

在无边界画布模式下，相应的数据结构包含表示图形内容的形状字段，如记作shapes字段，该形状字段为键值对，用于存储画布上每个图形在目标文档中的层级信息和坐标信息。

其中，层级信息用于表征图形中的各内容块的顺序信息。此外，在图形存在重叠的情况下，层级信息还用于表征图形之间的z轴信息，图形形状存在重叠时，这些存在重叠的图形之间的上下层关系，上层图形会覆盖下层图形。

基于此，在步骤S21或步骤S22中，展示目标文档中的各内容块这一部分的实施方式如下：

将形状字段中的每个图形，按照相应的层级信息和坐标信息，渲染至文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

参阅图6所示，其为本申请实施例中的一种无边界画布模式下数据结构与视图的对应示例。在图6中，内容块A、B、C位于图形X中，相应的第二顺序信息自上而下依次为：内容块A、内容块B、内容块C，内容块D、E、F位于图形Z中，相应的第二顺序信息自上而下依次为：内容块D、内容块E、内容块F。此外，该目标文档中还包括另一个图形Y，该图形可以作为一个独立的内容块。

具体的，shapes字段的一种表示方式如下：

需要说明的是，上述所列举的shapes字段的表示方式只是简单的举例说明，本文不做具体限定。

其中，在无边界画布模式下，智能文档会将shapes字段里的每一个图形，按照记录的坐标和层级，绘制到画布上。

参阅图7所示，其为本申请实施例中的一种无边界画布模式下的文档处理界面的示意图。其中，图7所示的文档处理界面和图5所示的文档处理界面相对应，表示由图5所示的文档处理界面(流式文档模式)切换为图7所示的文档处理界面(无边界画布模式)时，相应的示意图。

可选的，本申请中在对象首次由流式文档模式切换到无边界画布模式下时，目标文档中的所有内容块都在一个默认的图形(如图7所示的圆角矩形)中，每个图形可以理解为一个分组。

在无边界画布模式下，可引入开源框架TlDraw，以可缩放矢量图形(ScalableVector Graphics，svg)为介质进行画布及图形渲染。

在上述实施方式中，以内容块为基础单位，并通过简单的shapes记录层级信息、坐标信息等，在无边界画布模式下即可简单快速的基于shapes字段确定各图形在画布中的位置及图形内各内容块之间顺序，进而，基于此可将图形和各内容块所包含的文档内容快速准确的渲染至视图中。

进一步地，考虑到在本申请实施例中的无边界画布模式下，每个图形是无序的，与流式文档模式下从上至下的排布方式不同，基于此，对象还可通过拖拽图形、内容块等方式，调整无边界画布模式下文档的显示。

一种可选的实施方式为：响应于针对至少一个内容块或图形的拖拽操作，在所述文档区域中更新相应内容的显示，并基于相应的拖拽结果更新流式文档模式和无边界画布模式下各自对应的数据结构。

其中，对于图形显示的更新，包括但不限于：基于拖拽缩放图形，基于拖拽移动图形，基于拖拽前后图形中内容块的变化调整原图形的大小，基于拖拽前后内容块的位置考虑是否生成新图形等等。

如图8所示，其为本申请实施例中的另一种无边界画布模式下的文档处理界面的示意图。图8表示在图7的基础上，对象将一部分段落拖到画布其他的地方，并为之生成新的图形，可记作图形1，作为一个分组(第一步)；以及，将剩余部分段落作为另一个分组，并将该部分段落拖到了画布的另一个地方，以及更新该部分段落对应的图形，可记作图形2(第二步)，以形成图8所示的示意图。

具体的，每个图形内部都是局部的流式布局，即每个图形内部的各个内容块之间基于相应的第二目标顺序呈现。

假设图形1中的“让协作更高效，创作更轻松”为一个内容块，以“sxax是新一代的生产力工具…组织能力和效率”为另一个内容块时，在图形1中，这两个内容块则是局部的流式布局。同理，以图形2中“今日待办事项”作为一个内容块，以“多人编辑…，多端同步…，文档分享…”作为一个内容块为例时，这两个内容块之间也是局部的流式布局。

本申请中的无边界画布模式下，支持正常创建和移动图形、内容块，还支持不同分组之间的图形来回拖动。

在上述实施方式中，对象可通过对图形、内容块等的移动、增删等，自动修改各数据结构下相应的字段信息并同步至服务器，实现文档的编辑。

具体的，本申请中的流式文档模式中，各内容块的呈现是基于顺序信息确定的，而在无边界画布模式下，还需要考虑到图形的层级信息和坐标信息。

例如，一篇页面的数据中，除了存储内容块的顺序信息外，还会同时存储与之关联的图形信息，包括层级信息和坐标信息，每个图形会关联数个内容块。

当页面处于流式文档模式时，图形信息不会被用到，只会用到内容块信息来进行排版渲染；当页面处于无边界画布模式时，会用到图形信息来将各种元素按照图形信息里存储的尺寸、坐标、方向等绘制到画布上；同时，与图形关联的内容块，在对应的图形内部，会进行流式排版渲染。

概括来说，本申请中，流式文档模式下显示内容块只需考虑内容块的顺序信息，而内容块的顺序，会跟随图形内部的内容块变化、不同图形之间的拖动、不同图形的z轴的变化来变化。

基于此，在无边界画布模式下通过拖拽图形和/或内容块时，则需要基于相应的拖拽结果更新流式文档模式和无边界画布模式下各自对应的数据结构。

一种可选的实施方式如下：

首先，根据相应的拖拽结果更新无边界画布模式下图形的层级信息和坐标信息。

如仅对图形进行拖拽时，则需对图形的坐标进行更新。若通过拖拽发生图形重叠时，还需进一步更新相应的层级信息。

以图6所示为例，如图形X和图形Z发生重叠，且图形X的z坐标较大，图形Z的z坐标较小，则除了更新这两个图形的坐标信息外，还需进一步更新相应的层级信息。本申请中，可设置z坐标越大，其对应的层级越靠上。当然，反之亦可，这里只是简单举例，本文不做具体限定。

又如，对图形内部的内容块的顺序也进行调整时，则需进一步更新相应的第二顺序信息。

仍以图6所示为例，如图形X中内容块A调整至内容块B与内容块C之间时，图形X中内容块相应的第二顺序信息也发生变化，更新为[块B，块A，块C]。

再比如，将图形中的一个或多个内容块拖拽至其他图形或新生成的图形时，还需进一步调整图形所包含的内容块相关的信息，在此不再一一赘述。

仍以图6所示为例，如图形X中内容块A拖拽至图形Z中的内容块F下方时，图形X和图形Z中内容块相应的第二顺序信息各自都发生变化，如图形X更新为[块B，块C]，图形Z更新为[块E，块D，块F，块A]，等等。

进一步地，根据更新后的坐标信息，更新流式文档模式下各图形对应的内容块之间的顺序信息；根据更新后的层级信息，更新流式文档模式下各图形中内容块的顺序信息。

由于本申请中，流式文档模式下只需考虑内容块之间的顺序信息即可，该信息受无边界画布模式下图形内部的内容块变化、不同图形之间的拖动、不同图形的z轴的变化来变化。

概括来说，即需要根据更新后shapes中的坐标信息(对应不同图形之间的变化)更新流式文档模式下各图形对应的内容块(组)之间的顺序信息。

如将图形X调和图形Z的位置对调，则分组之间的顺序也应调整为图形X所对应的分组[块A，块B，块C]位于[块D，块E，块F]下方。当图形内部(即分组内部)内容块的顺序发生变化时，则分组内容的顺序也应调整，如图形X内部变为[块B，块A，块C]，则最终确定出的图形X和图形Z中这几个内容块在流式文档模式下应更新为[块B，块A，块C，块D，块E，块F]。

此外，假设图形Y内包含一个内容块G时，由于图形Y位于图像X的上方(可根据图形的中心来分析，中心越靠上的图形也就越靠上)，则可确定流式文档模式下content应为[块G，块B，块A，块C，块D，块E，块F]。

假设图形Y和图像X的中心持平时，还可进一步分析x坐标，如x越小则对应的内容块越靠上，也即，块G位于[块B，块A，块C]之上，等等。

需要说明的是，上述所列举的更新方式只是简单举例，实际上其它相类似的更新方式同样适用，本文不做具体限定。

可选的，在图形存在重叠时，层级信息还可进一步表征存在重叠的图形之间的上下层顺序信息，基于此，还可根据更新后的坐标信息及上下层顺序信息，更新流式文档模式下各图形对应的内容块之间的顺序信息。

也即，如，对于发生重叠的两个图形，如图形X和图形Y发生重叠，且图形X的z坐标较大，图形Z的z坐标较小，则z坐标越小内容块越靠上，即[块A，块B，块C]位于[块D，块E，块F]下方。

本申请中，对象在无边界画布模式中调整z轴的同时，就会将分组里内容块的顺序也同步调整好。

需要说明的是，上述所列举的几种情况只是简单示例，任何一种情况都适用于本申请实施例，在此不再一一列举。

可选的，在由无边界画布模式切换至流式文档模式时，基于流式文档模式相应的更新后的数据结构，在文档区域中更新目标文档中的各内容块的显示即可。

参阅图9A所示，其为本申请实施例中的一种无边界画布模式切换为流式文档模式下的文档处理界面的示意图。如图9A上方所示的无边界画布模式下的文档处理界面示例，在该文档处理界面中有两个图形，分别标记为图形1和图形2。由于当前模式下，图形1位于图形2的上方，基于此可以确定，在切换为流式文档模式下时，图形1中的内容块的顺序要在图形2中内容块的顺序之前，如图9A中下方所示的流式文档模式下的文档处理界面所示。

假设图形1中有两个内容块，在图形1中自上而下分别为内容块1和内容块2，图形2中有两个内容块，在图形1中自上而下分别为内容块3和内容块4，则在切换至流式文档模式情况下时，对应的content字段为[内容块1，内容块2，内容块3，内容块4]，即自上而下渲染内容块1、内容块2、内容块3、内容块4。

参阅图9B所示，其为本申请实施例中的另一种无边界画布模式切换为流式文档模式下的文档处理界面的示意图。如图9B上方所示的无边界画布模式下的文档处理界面示例，在该文档处理界面中有两个图形，分别标记为图形1和图形2。由于当前模式下，图形2位于图形1的上方，基于此可以确定，在切换为流式文档模式下时，图形2中的内容块的顺序要在图形1中内容块的顺序之前，如图9B中下方所示的流式文档模式下的文档处理界面所示。

假设图形1中有两个内容块，在图形1中自上而下分别为内容块1和内容块2，图形2中有两个内容块，在图形1中自上而下分别为内容块3和内容块4，则在切换至流式文档模式情况下时，对应的content字段为[内容块3，内容块4，内容块1，内容块2]，即自上而下渲染内容块3、内容块4、内容块1、内容块2。

参阅图9C所示，其为本申请实施例中的又一种无边界画布模式切换为流式文档模式下的文档处理界面的示意图。图9C即表示在图9B上方所示的无边界画布模式的基础下，将图形1中的内容块1“让协作更高效，创作更轻松”和内容块2“sxax是新一代的生产力工具…组织能力和效率”的互换顺序的示例，在切换至流式文档模式情况下时，对应的content字段为[内容块3，内容块4，内容块2，内容块1]，即自上而下渲染内容块3、内容块4、内容块2、内容块1。

需要注意的是，图形只是在无边界画布模式下存在，在流式文档模式下，只显示内容块所包含的文档内容。

在本申请实施例中，除了可以通过拖拽图形、内容块等之外，对象也可通过添加图形或内容块来编辑文档，修改相应的数据结构。

可选的，在流式文档模式下，每种类型的内容块都对应有相应的字符串和内容控件。

在本申请实施例中为了简单说明，下文中所列举的内容块及相应的字符串只是简单示例。

基于此，对象还可通过如下任意一种方式在目标文档中插入新的内容块：

方式一、响应于在目标文档中输入目标字符串的操作，在目标字符串的输入位置插入与目标字符串对应的内容块。

以内容块有：基础块、智能表格、媒体与附件、进阶图表、嵌入页面几大类为例。

其中，基础块包括但不限于：正文(/zw)、标题1(/bt1)、标题2(/bt2)、标题3(/bt3)、代码块(/dmk)(用于插入代码的内容块)、高亮块(/glk)(高亮显示的内容块)、项目列表(/xmlb)、待办列表(/dblb)、折叠列表(/zdlb)、编号列表(/bhlb)、引述文字(/yslb)、分隔线(/fgx)。

智能表格包括但不限于：表格视图(/bgst)、看板视图(/kbst)。

媒体与附件包括但不限于：图片(/tp)、本地文件(/wj)。

进阶图表包括但不限于：思维导图(/swdt)、流程图(/lct)。

嵌入页面包括但不限于：xx文档(/xxwd)、xx视频(/xxsp)、xx音乐(/xxyy)、xx笔记(/xxbj)等等第三方应用或小程序。

如图10A所示，其为本申请实施例中的一种流式文档模式下的文档处理界面示例。其中显示有插入提示信息：输入“/”快速插入内容，用以提示对象可以通过输入“/”快速插入内容。具体是在输入“/”后，再输入相应内容块的首字母缩写，如对象想要插入高亮块时，输入目标字符串“/glk”即可。

需要说明的是，上述所列举的通过首字母缩写定义字符串的方式只是简单举例，除此之外，还可以采用其他定义方式，本文不做具体限定。

此外，图10A中还显示有批注控件，对象可通过该批注控件，对当前的内容块添加批注，或是艾特(@)其他对象等。

方式二、响应于在目标位置触发的插入操作，呈现至少一种内容控件；响应于针对至少一种内容控件中目标内容控件的选中操作，在目标位置插入与目标内容控件对应的内容块。

如图10A中还显示有插入控件，如图10A中的“+”，对象可基于该插入控件调起各类内容控件，通过下述方式二来插入目标内容块。

参阅图10B所示，其为本申请实施例中的一种内容菜单栏的示意图。如对象点击插入控件“+”后，即可调起内容块的菜单栏(也称作内容菜单栏)，如图10B中下方界面所示。

其中，图10B所示的内容菜单栏中显示有各类内容块，如基础块、智能表格等等。每类内容块下又划分有很多子类，如上述所列举的基础块包括但不限于正文、标题等等。

具体的，内容菜单栏中的每一行(基础块、智能表格这些分类信息除外)可以作为一种内容控件，该内容控件中还显示有内容块的图标及对应的字符串，如“T正文(/zw)”中，“T”为图标、“/zw”为字符串，其他内容块也是同样的道理，在此不再一一赘述。

如图11A所示，其为本申请实施例中的一种高亮块的示意图。其中，图11A上方的界面表示插入了一个高亮块，该高亮块内部插入了文本“测试啊测试啊”。此外，对象可通过点击“+”图标打开内容块菜单栏，长按S110图标移动该高亮块的位置，如移动至图11A中下方所示的位置。

又如图11B所示，其为本申请实施例中的一种表格的示意图。即表示在图11A下方所示界面的基础上，进一步插入了一个表格类的内容块。

可选的，在无边界画布模式下，每种类型的内容块都对应有相应的内容控件。则在无边界画布模式下，可基于内容控件实现内容块的插入，具体实现方式如下：

首先，在文档处理界面中呈现显示设置栏，显示设置栏中包括至少一种内容控件。

进而，对象选择某一内容控件时，客户端响应于针对至少一种内容控件中目标内容控件的选中操作，在目标文档中的指定位置插入与目标内容控件对应的内容块。

如图11C所示，其为本申请实施例中的一种无边界画布模式下显示设置栏的示意图。其中，该显示设置栏中除了有字体控件和布局控件外，还有多类内容控件，如11C所示的图片控件、图表控件、视频控件等等。

对象点击图片控件后，可进一步选择需要插入的图片，具体可以是客户端推荐的图片，或者是从本地图库中选择，跳转至相关网页选择等等。对象点击图表控件后，可选择需要插入的表格、需要插入的图形等。对象点击视频控件后，可选择需要插入的本地视频、第三方应用/小程序中的视频等等。

如图11C下方所示的界面中，即表示插入了一个图片和一个表格的示例，具体插入的位置可由对象自行选择。在插入后，也可在该内容块外适应性生成一个图形。

需要说明的是，上述所列举的内容块只是简单示例，上述内容块的插入位置为目标文档中的指定位置，如光标所在位置、触摸点位置(亦或者在对象没有选择的情况下，默认是文档中心位置等)除此之外还可以设置更多其他类型的内容块，本文不做具体限定。

可选的，文档处理界面包括显示设置控件，如图12A中的S120。对象可通过显示设置控件查看显示设置栏。本申请中，显示设置栏中包含至少一种用于对目标文档的文档内容显示样式进行调整的控件，且在不同的页面模式下，显示设置栏的呈现样式不同。

其中，该呈现样式具体可以是显示设置栏的尺寸、位置、颜色、形态、显示设置栏中所包含的各类显示设置控件，以及显示设置栏是浮层还是弹窗等形式。

可选的，客户端响应于针对显示设置控件的触发操作，在文档处理界面中的文档区域，呈现显示设置栏；进而，响应于通过显示设置栏触发的文档调整操作，对目标文档的显示进行相应调整；最后，响应于针对显示设置栏的关闭操作，在文档区域中隐藏显示设置栏。

如图12A所示，其为本申请实施例中的一种流式文档模式下显示设置栏的示意图，该显示设置栏是以浮层的形式呈现于文档设置界面中文档区域的右侧的。

具体的，该显示设置栏中包括页面宽度、字体、字号、中英文间隔、布局等几种类型显示设置控件。

其中，流式文档模式下，设置有两种用于调整页面宽度的页宽调整控件，一种是固定宽度(也即预设的一种标准宽度)，另一种是全宽。此外，设置有几种字体、字号等。

在本申请实施例中，客户端可响应于通过显示设置栏中的页宽调整控件触发的文档调整操作，对目标文档的页面宽度进行相应调整，并基于调整前后页面宽度的变化，调整目标文档的各内容块在文档区域中的显示位置。

如图12A即表示由“固定宽度”间距切换为“全宽”的示例，该切换过程中，文档区域的尺寸并未发生变化，而是文档区域内部内容与文档区域左边界之间的距离发生了变化，由固定宽度切换为全宽的情况下，距离左边界变近了。

可选的，在流式文档模式下，显示设置栏包括用于调整布局间距的布局调整控件，如图12B中的“布局”部分，对应有紧凑、默认和宽松几种布局间距类型。

在对象基于该布局调整控件对目标文档的显示进行相应调整时，一种可选的实施方式如下：

响应于通过显示设置栏中的布局调整控件触发的文档调整操作，呈现至少一种布局间距。进而，响应于针对至少一种布局间距中目标布局间距的选中操作，基于目标布局对目标文档中各内容块之间的间距进行相应的调整。

如图12B所示，即表示由“默认”间距切换为“紧凑”间距的示例，即对象选择目标布局间距“紧凑”后，各内容块之间的间距相较于默认情况而言缩小了。

反之，由由“默认”间距切换为“宽松”间距的情况下，各内容块之间的间距相较于默认情况而言则会变大。其它切换情况下的变化亦是同理，在此不做一一赘述。

可选的，在无边界画布模式下，显示设置栏包含用于推荐布局模板的布局控件；响应于通过显示设置栏触发的文档调整操作，对目标文档的显示进行相应调整，包括：

响应于针对布局控件的触发操作，呈现至少一种布局模板；进而，响应于针对至少一种布局模板中目标布局模板的选中操作，在文档处理界面中呈现目标布局模板，并基于目标布局模板，对文档处理界面中已显示的各内容块的显示位置进行调整。

如图13A所示，其为本申请实施例中的一种布局模板相关示例，图13A即表示选中推荐的布局模板中第二行第一列所示为例情况，文档处理界面中已显示的各内容块的显示位置调整的示例。又如图13B所示，其为本申请实施例中的又一种布局模板相关示例，图13B即表示选中推荐的布局模板中第一行第一列所示为例情况，文档处理界面中已显示的各内容块的显示位置调整的示例。

概括来说，基于目标布局模板，对文档处理界面中已显示的各内容块的显示位置进行调整，具体可基于目标布局模板的样式，以及已显示的各内容块所包含的内容及当前位置，进行适应性的调整，如图13A中，该目标布局模板的样式与当前已显示的各内容块的布局较为接近，仅需微调已显示内容块的位置即可。而在图13B中，该目标布局模板的样式与当前已显示的各内容块的布局相较于图13A而言，具有一定的差距，因而对已显示内容块的位置调整也相较于图13A而言更大一些。

在上述实施方式中，通过布局间距或是布局模板等的推荐，可便于对象快速选择更为合适的布局样式，提高文档的处理效率。

可选的，客户端检测到文档处理界面的退出操作时，还可进一步记录文档处理界面在退出时的页面模式；在之后，客户端再次响应于针对文档处理界面的触发操作，则可按照文档处理界面在退出时的页面模式展示文档处理界面。

如，在图5所示的基础上，对象关闭文档处理界面，客户端记录此次退出时的页面模式为流式文档模式。当对象再次打开文档处理界面时(无论时查看之前的目标文档或是其他文档)，客户端按照上一次退出时的页面模式显示文档处理界面。如仍以流式文档模式显示。

又如，在图7所示的基础上，对象关闭文档处理界面，客户端记录此次退出时的页面模式为无边界画布模式。当对象再次打开文档处理界面时(无论时查看之前的目标文档或是其他文档)，客户端按照上一次退出时的页面模式显示文档处理界面。如仍以无边界画布模式显示。

此外，如若页面模式切换过程中出现异常(如显示异常等)，客户端可以显示预设界面(如返回文档处理界面的上一级界面等)

在上述实施方式中，通过记录的方式来实施上述过程，可以更加贴切对象的使用习惯，便于对象快速处理文档。

参阅图14所示，其为本申请实施例中的一种页面模式切换流程及用户界面(UserInterface，UI)变化示意图。

其中，对象可通过点击切换开关或输入对应URL实现流式文档模式和无边界画布模式的切换。

在流式文档模式下，URL为“/aio/::pageid”；页面宽度可以为标宽或全宽；侧边栏可显示可隐藏。

在无边界画布模式下，URL为“/aio/::pageid/edgeless”；页面宽度为全宽；侧边栏可淡入淡出。其中，这里的淡入淡出是侧边栏具体的一种的显示与隐藏的效果。

其中，侧边栏是指本申请中的显示设置栏等工具栏，本申请是以显示于文档区域右侧为例的，所以也可称作侧边栏。当然，显示于其他位置也同样适用于本申请实施例，在此不再一一赘述。

需要注意的是，由于流式文档模式下还可显示目标区域，而无边界画布模模式下仅显示文档区域，因而，流式文档模式下的全宽与无边界画布模式下的全宽并不相同，具体不同可对比图12A和图13A或图13B等，在此不再重复赘述。

概括来说，本申请中对象可以在相关客户端中，通过点击按钮/或访问不同的页面URL，将流式文档模式切换至无边界画布模式，对应流式画布中的内容将根据适配规则进行无缝切换，能够在无边界画布上进行完整展示，同时工具栏会切换成无边界画布场景适合的形态，进而达到画布不同形态的转换。对象最终在内容查看和内容编辑场景中获得良好的对象体验，帮助对象解决场景当中遇到的信息处理问题。

参阅图15所示，为本申请实施例提供的一种文档的显示控制方法的实施流程图，以服务器作为执行主体为例，该方法的具体实施流程如下：

S151：服务器接收针对目标文档的展示请求，并获取不同页面模式下目标文档对应的数据结构。

本申请实施例中，对于每个文档，都采用不同的数据结构来存储页面数据。如上述所列举的，流式文档模式下采用content字段存储各内容块在目标文档中的顺序信息；又如在无边界画布模式下采用shapes字段存储画布上每个图形在目标文档中的层级信息和坐标信息；等等。

S152：服务器将获取的数据结构发送给客户端，以使客户端在第一页面模式时，在文档处理界面中的文档区域，基于第一页面模式相应的数据结构呈现目标文档中的各内容块；并在切换至第二页面模式时，基于第二页面模式相应的数据结构呈现各内容块。

其中，第一页面模式与第二页面模式对应的文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

具体的，不同数据结构下的同一内容块对应的标识相同，通过唯一标识，将不同数据结构下，同一内容块相应的两类数据建立对应关系，可保证在页面模式切换时，各内容块的正确渲染。

在本申请实施例中，不同页面模式是数据层同源同步、渲染层相互独立的视图，基于上述方式，能够支持智能文档在不变动数据结构的前提下，进行流式文档模式与无边界画布模式的来回切换，具体实现方式可参见上述实施例，重复之处不再赘述。

此外，在流式文档模式或无边界画布模式下时，都可对目标文档中各内容块进行调整，在调整后续同步更新两种页面模式下各自的数据结构，并由客户端通知服务器，服务器对本地存储的相关数据进行更新，以便后续各对象再次访问目标文档时，能够基于最新的数据结构渲染页面，进行查看和编辑。

参阅图16所示，其为本申请实施例中的一种文档显示控制方法的交互时序图。该方法的具体实施流程如下：

步骤S1601：客户端响应于针对目标文档的展示操作，向服务器发送相应的展示请求；

步骤S1602：服务器获取不同页面模式下目标文档对应的数据结构，并反馈给客户端；

步骤S1603：客户端确定上述展示操作为以流式文档模式展示时，基于流式文档模式相应数据结构中的内容字段所记录的顺序信息，将目标文档中的各内容块按照第一目标顺序，从上至下地渲染至文档区域；

步骤S1604：客户端响应于将页面模式切换为无边界画模式的模式切换操作，基于流式文档模式相应数据结构中的形状字段，将每个图形按照相应的层级信息和坐标信息，渲染至文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现；

步骤S1605：客户端响应于针对目标图形的拖拽操作，在文档区域中更新目标图形的显示；

步骤S1606：客户端基于相应的拖拽结果更新流式文档模式和无边界画布模式下各自对应的数据结构，并将更新后的数据结构发送给服务器；

步骤S1607：服务器接收更新后的数据结构，并进行保存更新；

步骤S1608：客户端确定由无边界画布模式切换至流式文档模式时，基于流式文档模式相应的更新后的数据结构，在文档区域中更新目标文档中的各内容块的显示。

需要说明的是，上述所列举的客户端与服务器之间的交互时序只是简单示例，其他相关变形同样示例，如首先以无边界画布模式展示目标文档，而后再切换为流式文档模式等等，本文不做具体限定。

基于相同的发明构思，本申请实施例还提供一种文档的显示控制装置。如图17所示，其为文档的显示控制装置1700的结构示意图，可以包括：

第一展示单元1701，用于在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块；

第二展示单元1702，用于响应于对文档处理界面的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式，并以第二页面模式展示目标文档中的各内容块；

其中，第一页面模式与第二页面模式对应的文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形中的各内容块基于相应的第二目标顺序呈现。

可选的，在流式文档模式下，文档处理界面还包括目录区域；目录区域用于显示目标文档对应的目录信息；

在无边界画布模式下，文档处理界面仅包括文档区域。

可选的，流式文档模式和无边界画布模式是基于不同的数据结构实现的；在流式文档模式下，相应的数据结构包含表示文档内容的内容字段，内容字段为数组类型，用于存储各内容块在目标文档中的顺序信息；

则第一展示单元1701具体用于：

按照内容字段中记录的顺序信息，将目标文档中各内容块按照第一目标顺序，从上至下地渲染至文档区域。

可选的，流式文档模式和无边界画布模式是基于不同的数据结构实现的；在流式文档模式下，相应的数据结构包含表示文档内容的内容字段，内容字段为数组类型，用于存储各内容块在目标文档中的顺序信息；

则第二展示单元1702具体用于：

按照内容字段中记录的顺序信息，将目标文档中各内容块按照第一目标顺序，从上至下地渲染至文档区域。

可选的，流式文档模式和无边界画布模式是基于不同的数据结构实现的；在无边界画布模式下，相应的数据结构包含表示图形内容的形状字段，形状字段为键值对，用于存储每个图形在目标文档中的层级信息和坐标信息；层级信息用于表征图形中的各内容块的顺序信息；

则第一展示单元1701具体用于：

将形状字段中的每个图形，按照相应的层级信息和坐标信息，渲染至文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

可选的，流式文档模式和无边界画布模式是基于不同的数据结构实现的；在无边界画布模式下，相应的数据结构包含表示图形内容的形状字段，形状字段为键值对，用于存储每个图形在目标文档中的层级信息和坐标信息；层级信息用于表征图形中的各内容块的顺序信息；

则第二展示单元1702具体用于：

将形状字段中的每个图形，按照相应的层级信息和坐标信息，渲染至文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

可选的，装置还包括：

更新单元1703，用于响应于针对至少一个内容块或图形的拖拽操作，在文档区域中更新相应内容的显示，并基于相应的拖拽结果更新流式文档模式和无边界画布模式下各自对应的数据结构；

在由无边界画布模式切换至流式文档模式时，基于流式文档模式相应的更新后的数据结构，在文档区域中更新目标文档中的各内容块的显示。

可选的，更新单元1703具体用于：

根据相应的拖拽结果更新无边界画布模式下图形的层级信息和坐标信息；以及

根据更新后的坐标信息，更新流式文档模式下各图形对应的内容块之间的顺序信息；根据更新后的层级信息，更新流式文档模式下各图形中内容块的顺序信息。

可选的，层级信息还用于表征图形存在重叠时图形之间的上下层顺序信息；

则更新单元1703具体用于：

根据更新后的坐标信息及上下层顺序信息，更新流式文档模式下各图形对应的内容块之间的顺序信息。

可选的，文档处理界面包括显示设置控件；装置还包括：

显示设置单元1704，用于响应于针对显示设置控件的触发操作，在文档处理界面中的文档区域，呈现显示设置栏；显示设置栏中包含至少一种用于对目标文档的文档内容显示样式进行调整的控件；其中，不同页面模式下，显示设置栏的呈现样式不同；

响应于通过显示设置栏触发的文档调整操作，对目标文档的显示进行相应调整；

响应于针对显示设置栏的关闭操作，在文档区域中隐藏显示设置栏。

可选的，在流式文档模式下，显示设置栏包括用于调整布局间距的布局调整控件；显示设置单元1704具体用于：

响应于通过显示设置栏中的布局调整控件触发的文档调整操作，呈现至少一种布局间距；

响应于针对至少一种布局间距中目标布局间距的选中操作，基于目标布局对目标文档中各内容块之间的间距进行相应的调整。

可选的，在无边界画布模式下，显示设置栏包含用于推荐布局模板的布局控件；显示设置单元1704具体用于：

响应于针对布局控件的触发操作，呈现至少一种布局模板；

响应于针对至少一种布局模板中目标布局模板的选中操作，在文档处理界面中呈现目标布局模板，并基于目标布局模板，对文档处理界面中已显示的各内容块的显示位置进行调整。

可选的，在流式文档模式下，每种类型的内容块都对应有相应的字符串和内容控件；则装置还包括：

第一插入单元1705，用于响应于在目标文档中输入目标字符串的操作，在目标字符串的输入位置插入与目标字符串对应的内容块；或者

响应于在目标位置触发的插入操作，呈现至少一种内容控件；响应于针对至少一种内容控件中目标内容控件的选中操作，在目标位置插入与目标内容控件对应的内容块。

可选的，在无边界画布模式下，每种类型的内容块都对应有相应的内容控件；则装置还包括：

第二插入单元1706，用于在文档处理界面中呈现显示设置栏，显示设置栏中包括至少一种内容控件；

响应于针对至少一种内容控件中目标内容控件的选中操作，在目标文档中的指定位置插入与目标内容控件对应的内容块。

可选的，第二展示单元1702具体用于：

响应于针对文档处理界面中切换控件的触发操作，呈现与切换控件关联的模式菜单栏，模式菜单栏至少包括第一页面模式和第二页面模式；

响应于通过选中第二页面模式触发的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式。

可选的，不同页面模式对应不同类型的访问链接；

第二展示单元1702具体用于：

响应于通过输入与第二页面模式对应类型的访问链接，触发的模式切换操作，将文档处理界面由第一页面模式切换为第二页面模式。

可选的，装置还包括：

记录单元1707，用于当检测到文档处理界面的退出操作时，记录文档处理界面在退出时的页面模式；

响应于针对文档处理界面的触发操作，按照文档处理界面在退出时的页面模式展示文档处理界面。

基于相同的发明构思，本申请实施例还提供另一种文档的显示控制装置。

如图18所示，其为文档的显示控制装置1800的结构示意图，可以包括：

获取单元1801，用于接收针对目标文档的展示请求，并获取不同页面模式下目标文档对应的数据结构；

反馈单元1802，用于将获取的数据结构发送给客户端，以使客户端在第一页面模式时，在文档处理界面中的文档区域，基于第一页面模式相应的数据结构呈现目标文档中的各内容块；并在切换至第二页面模式时，基于第二页面模式相应的数据结构呈现各内容块；

其中，第一页面模式与第二页面模式对应的文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

由于本申请中，对象可以基于不同的场景需要，在流式结构和无边界结构这两个页面模式之间切换，并且文档中的内容有相应的页面模式转换的逻辑进行匹配。具体的，在不同页面模式下，除了文档区域的显示尺寸不同外，目标文档中所包含的内容块的显示样式也不同，在流式结构下，可基于一定的顺序呈现目标文档中的各内容块，而在无边界结构下，各内容块则是包含在图形中显示的，这些图形在文档区域是无序的，而每个图形内的内容块又是有序的，上述两种不同的页面模式可以满足不同的场景化需要，兼顾到具有不同需求的对象，使得智能文档在文档应用形态的探索方向有了新的突破，可以更好的服务对象编辑场景，提高智能文档的处理效率。

为了描述的方便，以上各部分按照功能划分为各模块(或单元)分别描述。当然，在实施本申请时可以把各模块(或单元)的功能在同一个或多个软件或硬件中实现。

在介绍了本申请示例性实施方式的文档的显示控制方法和装置之后，接下来，介绍根据本申请的另一示例性实施方式的电子设备。

所属技术领域的技术人员能够理解，本申请的各个方面可以实现为系统、方法或程序产品。因此，本申请的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

与上述方法实施例基于同一发明构思，本申请实施例中还提供了一种电子设备。在一种实施例中，该电子设备可以是服务器，如图1所示的服务器120。在该实施例中，电子设备的结构可以如图19所示，包括存储器1901，通讯模块1903以及一个或多个处理器1902。

存储器1901，用于存储处理器1902执行的计算机程序。存储器1901可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统，以及运行即时通讯功能所需的程序等；存储数据区可存储各种即时通讯信息和操作指令集等。

存储器1901可以是易失性存储器(volatile memory)，例如随机存取存储器(random-access memory，RAM)；存储器1901也可以是非易失性存储器(non-volatilememory)，例如只读存储器，快闪存储器(flash memory)，硬盘(hard disk drive，HDD)或固态硬盘(solid-state drive，SSD)；或者存储器1901是能够用于携带或存储具有指令或数据结构形式的期望的计算机程序并能够由计算机存取的任何其他介质，但不限于此。存储器1901可以是上述存储器的组合。

处理器1902，可以包括一个或多个中央处理单元(central processing unit，CPU)或者为数字处理单元等等。处理器1902，用于调用存储器1901中存储的计算机程序时实现上述文档的显示控制方法。

通讯模块1903用于与终端设备和其他服务器进行通信。

本申请实施例中不限定上述存储器1901、通讯模块1903和处理器1902之间的具体连接介质。本申请实施例在图19中以存储器1901和处理器1902之间通过总线1904连接，总线1904在图19中以粗线描述，其它部件之间的连接方式，仅是进行示意性说明，并不引以为限。总线1904可以分为地址总线、数据总线、控制总线等。为便于描述，图19中仅用一条粗线描述，但并不描述仅有一根总线或一种类型的总线。

存储器1901中存储有计算机存储介质，计算机存储介质中存储有计算机可执行指令，计算机可执行指令用于实现本申请实施例的文档的显示控制方法。处理器1902用于执行上述的文档的显示控制方法，如图15所示。

在另一种实施例中，电子设备也可以是其他电子设备，如图1所示的终端设备110。在该实施例中，电子设备的结构可以如图20所示，包括：通信组件2010、存储器2020、显示单元2030、摄像头2040、传感器2050、音频电路2060、蓝牙模块2070、处理器2080等部件。

通信组件2010用于与服务器进行通信。在一些实施例中，可以包括电路无线保真(Wireless Fidelity，WiFi)模块，WiFi模块属于短距离无线传输技术，电子设备通过WiFi模块可以帮助用户收发信息。

存储器2020可用于存储软件程序及数据。处理器2080通过运行存储在存储器2020的软件程序或数据，从而执行终端设备110的各种功能以及数据处理。存储器2020可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。存储器2020存储有使得终端设备110能运行的操作系统。本申请中存储器2020可以存储操作系统及各种应用程序，还可以存储执行本申请实施例文档的显示控制方法的计算机程序。

显示单元2030还可用于显示由用户输入的信息或提供给用户的信息以及终端设备110的各种菜单的图形用户界面(graphical user interface，GUI)。具体的，显示单元2030可以包括设置在终端设备110正面的显示屏2032。其中，显示屏2032可以采用液晶显示器、发光二极管等形式来配置。显示单元2030可以用于显示本申请实施例中的文档处理界面等。

显示单元2030还可用于接收输入的数字或字符信息，产生与终端设备110的用户设置以及功能控制有关的信号输入，具体的，显示单元2030可以包括设置在终端设备110正面的触控屏2031，可收集用户在其上或附近的触摸操作，例如点击按钮，拖动滚动框等。

其中，触控屏2031可以覆盖在显示屏2032之上，也可以将触控屏2031与显示屏2032集成而实现终端设备110的输入和输出功能，集成后可以简称触摸显示屏。本申请中显示单元2030可以显示应用程序以及对应的操作步骤。

摄像头2040可用于捕获静态图像，用户可以将摄像头2040拍摄的图像通过应用发布。摄像头2040可以是一个，也可以是多个。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给处理器2080转换成数字图像信号。

终端设备还可以包括至少一种传感器2050，比如加速度传感器2051、距离传感器2052、指纹传感器2053、温度传感器2054。终端设备还可配置有陀螺仪、气压计、湿度计、温度计、红外线传感器、光传感器、运动传感器等其他传感器。

音频电路2060、扬声器2061、传声器2062可提供用户与终端设备110之间的音频接口。音频电路2060可将接收到的音频数据转换后的电信号，传输到扬声器2061，由扬声器2061转换为声音信号输出。终端设备110还可配置音量按钮，用于调节声音信号的音量。另一方面，传声器2062将收集的声音信号转换为电信号，由音频电路2060接收后转换为音频数据，再将音频数据输出至通信组件2010以发送给比如另一终端设备110，或者将音频数据输出至存储器2020以便进一步处理。

蓝牙模块2070用于通过蓝牙协议来与其他具有蓝牙模块的蓝牙设备进行信息交互。例如，终端设备可以通过蓝牙模块2070与同样具备蓝牙模块的可穿戴电子设备(例如智能手表)建立蓝牙连接，从而进行数据交互。

处理器2080是终端设备的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器2020内的软件程序，以及调用存储在存储器2020内的数据，执行终端设备的各种功能和处理数据。在一些实施例中，处理器2080可包括一个或多个处理单元；处理器2080还可以集成应用处理器和基带处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，基带处理器主要处理无线通信。可以理解的是，上述基带处理器也可以不集成到处理器2080中。本申请中处理器2080可以运行操作系统、应用程序、用户界面显示及触控响应，以及本申请实施例的文档的显示控制方法。另外，处理器2080与显示单元2030耦接。

在一些可能的实施方式中，本申请提供的文档的显示控制方法的各个方面还可以实现为一种程序产品的形式，其包括计算机程序，当程序产品在电子设备上运行时，计算机程序用于使电子设备执行本说明书上述描述的根据本申请各种示例性实施方式的文档的显示控制方法中的步骤，例如，电子设备可以执行如图2或图15中所示的步骤。

程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

本申请的实施方式的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括计算机程序，并可以在电子设备上运行。然而，本申请的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被命令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读计算机程序。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由命令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的计算机程序可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的计算机程序，程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。计算机程序可以完全地在用户电子设备上执行、部分地在用户电子设备上执行、作为一个独立的软件包执行、部分在用户电子设备上部分在远程电子设备上执行、或者完全在远程电子设备或服务器上执行。在涉及远程电子设备的情形中，远程电子设备可以通过任意种类的网络包括局域网(LAN)或广域网(WAN)连接到用户电子设备，或者，可以连接到外部电子设备(例如利用因特网服务提供商来通过因特网连接)。

应当注意，尽管在上文详细描述中提及了装置的若干单元或子单元，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之，上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。

此外，尽管在附图中以特定顺序描述了本申请方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用计算机程序的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序命令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序命令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的命令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序命令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的命令产生包括命令装置的制造品，该命令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序命令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的命令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (21)

1.一种文档的显示控制方法，其特征在于，所述方法包括：

在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块；

响应于对所述文档处理界面的模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式，并以所述第二页面模式展示所述目标文档中的各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形中的各内容块基于相应的第二目标顺序呈现。

2.如权利要求1所述的方法，其特征在于，在所述流式文档模式下，所述文档处理界面还包括目录区域；所述目录区域用于显示所述目标文档对应的目录信息；

在所述无边界画布模式下，所述文档处理界面仅包括所述文档区域。

3.如权利要求1所述的方法，其特征在于，所述流式文档模式和所述无边界画布模式是基于不同的数据结构实现的；在所述流式文档模式下，相应的数据结构包含表示文档内容的内容字段，所述内容字段为数组类型，用于存储各内容块在所述目标文档中的顺序信息；

则展示所述目标文档中的各内容块，包括：

将所述目标文档中的各内容块，按照与所述内容字段中记录的顺序信息对应的第一目标顺序，从上至下地渲染至所述文档区域。

4.如权利要求1所述的方法，其特征在于，所述流式文档模式和所述无边界画布模式是基于不同的数据结构实现的；在所述无边界画布模式下，相应的数据结构包含表示图形内容的形状字段，所述形状字段为键值对，用于存储每个图形在所述目标文档中的层级信息和坐标信息；所述层级信息用于表征图形中的各内容块的顺序信息；

则展示所述目标文档中的各内容块，包括：

将所述形状字段中的每个图形，按照相应的层级信息和坐标信息，渲染至所述文档区域，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

5.如权利要求4所述的方法，其特征在于，所述方法还包括：

响应于针对至少一个内容块或图形的拖拽操作，在所述文档区域中更新相应内容的显示，并基于相应的拖拽结果更新所述流式文档模式和所述无边界画布模式下各自对应的数据结构；

在由所述无边界画布模式切换至所述流式文档模式时，基于所述流式文档模式相应的更新后的数据结构，在所述文档区域中更新所述目标文档中的各内容块的显示。

6.如权利要求5所述的方法，其特征在于，所述基于相应的拖拽结果更新所述流式文档模式和所述无边界画布模式下各自对应的数据结构，包括：

根据相应的拖拽结果更新所述无边界画布模式下图形的层级信息和坐标信息；以及

根据更新后的坐标信息，更新所述流式文档模式下各图形对应的内容块之间的顺序信息；根据更新后的层级信息，更新所述流式文档模式下各图形中内容块的顺序信息。

7.如权利要求6所述的方法，其特征在于，所述层级信息还用于表征图形存在重叠时图形之间的上下层顺序信息；

则所述根据更新后的坐标信息，更新所述流式文档模式下各图形对应的内容块之间的顺序信息，包括：

根据更新后的坐标信息及所述上下层顺序信息，更新所述流式文档模式下各图形对应的内容块之间的顺序信息。

8.如权利要求1所述的方法，其特征在于，所述文档处理界面包括显示设置控件；所述方法还包括：

响应于针对显示设置控件的触发操作，在所述文档处理界面中的文档区域，呈现显示设置栏；所述显示设置栏中包含至少一种用于对所述目标文档的文档内容显示样式进行调整的控件；其中，不同页面模式下，所述显示设置栏的呈现样式不同；

响应于通过所述显示设置栏触发的文档调整操作，对所述目标文档的显示进行相应调整；

响应于针对所述显示设置栏的关闭操作，在所述文档区域中隐藏所述显示设置栏。

9.如权利要求8所述的方法，其特征在于，在流式文档模式下，所述显示设置栏包括用于调整布局间距的布局调整控件；所述响应于通过所述显示设置栏触发的文档调整操作，对所述目标文档的显示进行相应调整，包括：

响应于通过所述显示设置栏中的布局调整控件触发的文档调整操作，呈现至少一种布局间距；

响应于针对所述至少一种布局间距中目标布局间距的选中操作，基于所述目标布局对所述目标文档中各内容块之间的间距进行相应的调整。

10.如权利要求8所述的方法，其特征在于，在无边界画布模式下，所述显示设置栏包含用于推荐布局模板的布局控件；所述响应于通过所述显示设置栏触发的文档调整操作，对所述目标文档的显示进行相应调整，包括：

响应于针对所述布局控件的触发操作，呈现至少一种布局模板；

响应于针对所述至少一种布局模板中目标布局模板的选中操作，在所述文档处理界面中呈现所述目标布局模板，并基于所述目标布局模板，对所述文档处理界面中已显示的各内容块的显示位置进行调整。

11.如权利要求1所述的方法，其特征在于，在流式文档模式下，每种类型的内容块都对应有相应的字符串和内容控件；则所述方法还包括：

响应于在所述目标文档中输入目标字符串的操作，在所述目标字符串的输入位置插入与所述目标字符串对应的内容块；或者

响应于在目标位置触发的插入操作，呈现至少一种内容控件；响应于针对所述至少一种内容控件中目标内容控件的选中操作，在所述目标位置插入与所述目标内容控件对应的内容块。

12.如权利要求1所述的方法，其特征在于，在无边界画布模式下，每种类型的内容块都对应有相应的内容控件；则所述方法还包括：

在所述文档处理界面中呈现显示设置栏，所述显示设置栏中包括至少一种内容控件；

响应于针对所述至少一种内容控件中目标内容控件的选中操作，在所述目标文档中的指定位置插入与所述目标内容控件对应的内容块。

13.如权利要求1～12任一项所述的方法，其特征在于，所述响应于对所述文档处理界面的模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式，包括：

响应于针对所述文档处理界面中切换控件的触发操作，呈现与所述切换控件关联的模式菜单栏，所述模式菜单栏至少包括所述第一页面模式和第二页面模式；

响应于通过选中所述第二页面模式触发的所述模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式。

14.如权利要求1～12任一项所述的方法，其特征在于，不同页面模式对应不同类型的访问链接；

所述响应于对所述文档处理界面的模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式，包括：

响应于通过输入与所述第二页面模式对应类型的访问链接，触发的所述模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式。

15.如权利要求1～12任一项所述的方法，其特征在于，所述方法还包括：

当检测到所述文档处理界面的退出操作时，记录所述文档处理界面在退出时的页面模式；

响应于针对所述文档处理界面的触发操作，按照所述文档处理界面在退出时的页面模式展示所述文档处理界面。

16.一种文档的显示控制方法，其特征在于，所述方法包括：

接收针对目标文档的展示请求，并获取不同页面模式下所述目标文档对应的数据结构；

将获取的数据结构发送给客户端，以使所述客户端在第一页面模式时，在文档处理界面中的文档区域，基于所述第一页面模式相应的数据结构呈现所述目标文档中的各内容块；并在切换至第二页面模式时，基于所述第二页面模式相应的数据结构呈现所述各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

17.一种文档的显示控制装置，其特征在于，包括：

第一展示单元，用于在文档处理界面中的文档区域，以第一页面模式展示目标文档中的各内容块；

第二展示单元，用于响应于对所述文档处理界面的模式切换操作，将所述文档处理界面由所述第一页面模式切换为第二页面模式，并以所述第二页面模式展示所述目标文档中的各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形中的各内容块基于相应的第二目标顺序呈现。

18.一种文档的显示控制装置，其特征在于，包括：

获取单元，用于接收针对目标文档的展示请求，并获取不同页面模式下所述目标文档对应的数据结构；

反馈单元，用于将获取的数据结构发送给客户端，以使所述客户端在第一页面模式时，在文档处理界面中的文档区域，基于所述第一页面模式相应的数据结构呈现所述目标文档中的各内容块；并在切换至第二页面模式时，基于所述第二页面模式相应的数据结构呈现所述各内容块；

其中，所述第一页面模式与所述第二页面模式对应的所述文档区域的显示尺寸不同；且一种为基于第一目标顺序呈现所述目标文档中各内容块的流式文档模式；另一种为基于无序的图形呈现所述目标文档中各内容块的无边界画布模式，每个图形包含至少一个内容块，且每个图形内部的各内容块基于相应的第二目标顺序呈现。

19.一种电子设备，其特征在于，其包括处理器和存储器，其中，所述存储器存储有计算机程序，当所述计算机程序被所述处理器执行时，使得所述处理器执行权利要求1～16中任一所述方法的步骤。

20.一种计算机可读存储介质，其特征在于，其包括计算机程序，当所述计算机程序在电子设备上运行时，所述计算机程序用于使所述电子设备执行权利要求1～16中任一所述方法的步骤。

21.一种计算机程序产品，其特征在于，包括计算机程序，所述计算机程序存储在计算机可读存储介质中；当电子设备的处理器从所述计算机可读存储介质读取所述计算机程序时，所述处理器执行所述计算机程序，使得所述电子设备执行权利要求1～16中任一所述方法的步骤。