CN112528608B - 页面编辑方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请公开了一种页面编辑方法、装置、电子设备和存储介质，涉及人机交互领域。实现方案为：显示第一编辑页面，并响应于对第一编辑页面中包含的用于编辑图文模块的编辑控件的触发操作，显示第二编辑页面，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块，以根据文章正文中的图文模块，生成目标文章页面。由此，通过将添加图文模块的编辑页面，与原有的编辑器页面分离，可以避免误操作，改善用户的使用体验。

Description

页面编辑方法、装置、电子设备和存储介质

技术领域

本申请涉及AI(Artificial Intelligence，人工智能)领域中的人机交互技术，具体地，本申请提供了一种页面编辑方法、装置、电子设备和存储介质。

背景技术

在如百度经验等为用户提供实用生活指南的平台中，以好物分享类文章为载体，构建丰富的内容生态，从而更好地满足用户关于时尚、家居、美妆等类别的种草需求。其中，好物分享类文章由文章基础信息(例如封面图、标题、简介)，以及与好物相关的图文结构化内容组成，可以通过终端的编辑器实现文章页面的图文结构化内容编辑。

目前，终端的编辑器的交互方式为，在一个编辑页面上完成所有图文内容的编辑操作，在图文内容较多的情况下，容易引起误操作。

发明内容

本申请提供了一种用于页面编辑方法、装置、电子设备和存储介质。

根据本申请的一方面，提供了一种页面编辑方法，包括：

显示第一编辑页面，其中，所述第一编辑页面中包含用于编辑图文模块的编辑控件；

响应于对所述编辑控件的触发操作，显示第二编辑页面；

响应于在所述第二编辑页面中的编辑操作，在文章正文中对应编辑所述图文模块；

根据所述文章正文中的所述图文模块，生成目标文章页面。

根据本申请的另一方面，提供了一种页面编辑装置，包括：

第一显示模块，用于显示第一编辑页面，其中，所述第一编辑页面中包含用于编辑图文模块的编辑控件；

第二显示模块，用于响应于对所述编辑控件的触发操作，显示第二编辑页面；

编辑模块，用于响应于在所述第二编辑页面中的编辑操作，在文章正文中对应编辑所述图文模块；

生成模块，用于根据所述文章正文中的所述图文模块，生成目标文章页面。

根据本申请的又一方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请上述实施例提出的页面编辑方法。

根据本申请的再一方面，提供了一种计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行本申请上述实施例提出的页面编辑方法。

根据本申请的还一方面，提供了一种计算机程序产品，当所述计算机程序产品中的指令被处理器执行时，执行如本申请上述实施例提出的页面编辑方法。

应当理解，本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征，也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1为本申请实施例一所提供的页面编辑方法的流程示意图；

图2为本申请实施例中的第一编辑页面示意图一；

图3为本申请实施例中的第二编辑页面示意图；

图4为本申请实施例二所提供的页面编辑方法的流程示意图；

图5为本申请实施例三所提供的页面编辑方法的流程示意图；

图6为本申请实施例中的第一编辑页面示意图二；

图7为本申请实施例的编辑器的架构示意图；

图8为本申请实施例中的应用场景示意图；

图9为本申请实施例四所提供的页面编辑装置的结构示意图；

图10是根据本申请实施例的页面编辑方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

下面参考附图描述本申请实施例的页面编辑方法、装置、电子设备和存储介质。

图1为本申请实施例一所提供的页面编辑方法的流程示意图。

本申请实施例以该页面编辑方法被配置于页面编辑装置中来举例说明，该页面编辑装置可以应用于任一电子设备中，以使该电子设备可以执行页面编辑功能。

其中，电子设备可以为任一具有计算能力的设备，例如可以为PC(PersonalComputer，个人电脑)、移动终端、服务器等，移动终端例如可以为手机、平板电脑、个人数字助理、穿戴式设备、车载设备等具有各种操作系统、触摸屏和/或显示屏的硬件设备。

如图1所示，该页面编辑方法可以包括以下步骤：

步骤101，显示第一编辑页面，其中，第一编辑页面中包含用于编辑图文模块的编辑控件。

本申请实施例中，图文模块为待编辑的图文内容，例如，当用户编辑好物分享类文章时，图文模块可以为文章中与好物相关的图文结构化内容。

本申请实施例中，当用户想要发布文章时，可以进入编辑器的主页面或称为文章基础信息编辑页面，本申请中记为第一编辑页面。比如，当用户想要发布好物分享类文章时，通过为用户提供实用生活指南的平台上的预设控件，比如“发布经验”控件，进入编辑器的第一编辑页面，相应的，当探测到用户触发的对该预设按钮的触发操作后，可以响应于对该预设按钮的触发操作，显示第一编辑页面。其中，第一编辑页面中包含用于编辑图文模块的编辑控件。

作为一种示例，参见图2，图2为本申请实施例中的第一编辑页面示意图一。其中，用于编辑图文模块的编辑控件可以为区域21中所示的“新增”控件。

步骤102，响应于对编辑控件的触发操作，显示第二编辑页面。

本申请实施例中，当用户想要编辑图文模块时，可以触发第一编辑页面中的编辑控件，比如用户可以点击、长按第一编辑页面中的编辑控件。当探测到用户触发的对编辑控件的触发操作时，可以响应于对编辑控件的触发操作，显示第二编辑页面，该第二编辑页面也可称为图文模块编辑页面。

作为一种示例，当用户点击图2中的“新增”控件后，可以跳转至如图3所示的第二编辑页面。

步骤103，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块。

本申请实施例中，当显示第二编辑页面后，用户可以在第二编辑页面中编辑图文模块，相应的，可以探测用户在第二编辑页面中的编辑操作，当探测到用户触发的在第二编辑页面中的编辑操作时，可以响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块。

作为一种示例，参见图3，用户可以在第二编辑页面编辑与好物相关的图文结构化内容，例如，用户可以点击区域31中的图片上传组件，上传好物图片，点击区域32中的基础输入框组件，输入好物名称，点击区域33中的基础输入框组件，输入好物介绍，例如介绍好物的特点。

步骤104，根据文章正文中的图文模块，生成目标文章页面。

本申请实施例中，可以根据文章正文中的图文模块，生成目标文章页面。

仍以上述例子示例，如图3所示，当用户编辑完对应的图文模块后，可以点击下方的“确定”控件，之后可以再次进入图2所示的第一编辑页面，当用户编辑完所有的图文内容后，可以发布经验，从而即可根据用户在第一编辑页面和第二编辑页面编辑的内容，自动生成在终端访问的图文页面，即目标文章页面。

本申请实施例的页面编辑方法，通过显示第一编辑页面，并响应于对第一编辑页面中包含的用于编辑图文模块的编辑控件的触发操作，显示第二编辑页面，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块，以根据文章正文中的图文模块，生成目标文章页面。由此，通过将添加图文模块的编辑页面，与原有的编辑器页面分离，可以避免误操作，改善用户的使用体验。

本申请实施例的页面编辑方法，涉及AI领域，其中，AI是研究使计算机来模拟人的某些思维过程和智能行为(如学习、推理、思考、规划等)的学科，既有硬件层面的技术也有软件层面的技术。人工智能硬件技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理等技术；人工智能软件技术主要包括计算机视觉技术、语音识别技术、自然语言处理技术以及机器学习/深度学习、大数据处理技术、知识图谱技术等几大方向。

需要说明的是，现有技术中，当有多个图文模块需要编辑时，是通过在同一个编辑页面完成所有图文模块的编辑操作的。然而，由于电子设备单屏承载内容有限，用户需要多次滚动或滑动屏幕才能完成编辑，容易引起误操作。

而本申请中，为了避免误操作，每个图文模块均可以通过一个独立的编辑页面进行编辑。具体地，编辑控件可以包括用于新建图文模块的第一控件，若用户具有多个图文模块需要编辑，则每当用户编辑一个图文模块时，均可以触发该第一控件，新建得到一个第二编辑页面，从而可以在该第二编辑页面完成对应图文模块的编辑，由此，将各个图文模块分页面进行编辑，可以降低误操作，同时，还可以避免用户在编辑的过程中，多次滚动或滑动页面而引起误操作的情况，进一步改善用户的使用体验。

下面结合实施例二，对上述过程进行详细说明。

图4为本申请实施例二所提供的页面编辑方法的流程示意图。

如图4所示，该页面编辑方法可以包括以下步骤：

步骤401，显示第一编辑页面，其中，第一编辑页面中包含用于编辑图文模块的编辑控件，编辑控件包括用于新建图文模块的第一控件。

步骤401的执行过程可以参见上述实施例的执行过程，在此不做赘述。

步骤402，在探测到对第一控件执行触发操作的情况下，新建得到目标标识。

需要说明的是，对于用户需要编辑多个同样图文结构的图文模块而言，添加大量相同组合的图文模块后，用户需要频繁地进行上下滑动或滚动屏幕，才能完成文章的编辑，增加用户编辑文章的焦虑，也会因为渲染大量相同类型的组件，带来不必要的性能损耗。

而本申请实施例中，为了避免用户频繁地滑动或滚动屏幕，以及，避免在同一个编辑页面渲染大量相同类型的组件，而造成额外性能损耗的情况，本申请中，每个图文模块可以通过一个独立的第二编辑页面进行编辑。具体地，用户可以触发用于新建图文模块的第一控件，比如用户可以点击或长按该第一控件，当探测到对该第一控件执行触发操作的情况下，可以新建得到目标标识，该目标标识用于唯一标识待新建的图文模块。其中，对于每个待新建的图文模块，均具有对应的目标标识。

步骤403，显示用于新建目标标识对应图文模块的第二编辑页面。

本申请实施例中，在新建得到目标标识后，可以显示用于新建目标标识对应图文模块的第二编辑页面，从而用户可以在第二编辑页面编辑目标标识对应的图文模块。

步骤404，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块。

步骤405，根据文章正文中的图文模块，生成目标文章页面。

步骤404至405的执行过程可以参见上述实施例的执行过程，在此不做赘述。

举例而言，当用户需要编辑3个同样图文结构的图文模块，比如图文模块1、图文模块2、图文模块3时，用户可以首先点击第一编辑页面上的第一控件，新建得到待编辑的图文模块1对应的ID1，并跳转至用于新建ID1对应的图文模块1的第二编辑页面，从而用户可以在该第二编辑页面编辑图文模块1，当用户完成编辑后，可以点击确认控件，之后可以再次进入第一编辑页面。之后，用户可以再次点击第一编辑页面上的第一控件，新建得到待编辑的图文模块2对应的ID2，并跳转至用于新建ID2对应的图文模块2的第二编辑页面，从而用户可以在该第二编辑页面编辑图文模块2，当用户完成编辑后，可以点击确认控件，之后可以再次进入第一编辑页面。之后，用户可以再次点击第一编辑页面上的第一控件，新建得到待编辑的图文模块3对应的ID3，并跳转至用于新建ID3对应的图文模块3的第二编辑页面，从而用户可以在该第二编辑页面编辑图文模块3，当用户完成编辑后，可以点击确认控件，之后可以再次进入第一编辑页面。当用户在第一编辑页面上编辑完图文内容后，可以点击提交控件，从而即可根据用户在第一编辑页面和第二编辑页面编辑的内容，自动生成在终端访问的图文页面，即目标文章页面。

由此，将各个图文模块分页面进行编辑，可以降低误操作，同时，还可以避免用户在编辑的过程中，多次滚动或滑动页面而引起误操作的情况，从而提升图文模块的编辑效率。

实际应用时，用户在编辑图文模块时，可能出现编辑出错的情况，此时，用户可以对编辑出错的图文模块进行修改，或者，用户也可以根据自身需求对某个图文模块进行修改，比如在图文模块中新增图片、添加图片介绍内容。因此，本申请中，为了实现对各图文模块进行修改，第一编辑页面中的编辑控件中还可以包括用于修改图文模块的第二控件，用户可以触发该第二控件，完成图文模块的修改。

下面结合实施例三，对上述过程进行详细说明。

图5为本申请实施例三所提供的页面编辑方法的流程示意图。

如图5所示，该页面编辑方法可以包括以下步骤：

步骤501，显示第一编辑页面，其中，第一编辑页面中包含用于编辑图文模块的编辑控件，编辑控件包括用于修改图文模块的第二控件。

步骤501的执行过程可以参见上述实施例中步骤101的执行过程，在此不做赘述。

步骤502，在探测到第二控件执行触发操作的情况下，查询第二控件关联的目标标识。

本申请实施例中，由于各图文模块是分页面进行编辑的，每个图文模块均可以具有对应的目标标识，因此，为了确定具体对哪个图文模块进行修改，在用户触发第一编辑页面中的第二控件时，可以查询该第二控件关联的目标标识。

步骤503，根据目标标识，在文章正文中查询已添加的图文模块。

步骤504，在已添加的图文模块中查询到与目标标识匹配的图文模块，显示匹配的图文模块对应的第二编辑页面。

本申请实施例中，可以在文章正文中查询已添加的图文模块，在已添加的图文模块中，查询与第二控件关联的目标标识匹配的图文模块，并显示匹配的图文模块对应的第二编辑页面。

举例而言，当用户点击新建图文模块的第一控件，先后添加了2个图文模块时，第一编辑页面可以具有2个第二控件，每个第二控件用于修改一个图文模块，可以将每个第二控件与一个目标标识关联，每个目标标识与一个图文模块关联。

作为一种示例，参见图6，当用户通过点击第一编辑页面的用于新建图文模块的第一控件61后，可以跳转至如图3所示的第二编辑页面编辑图文模块1，编辑完成后，可以在第一编辑页面中的“好物推荐”下方显示“好物1”，该“好物1”的右边可以具有第二控件62-1，第二控件62-1与图文模块1对应的目标标识关联。用户可以再次点击第一控件61，可以跳转至如图3所示的第二编辑页面编辑图文模块2，编辑完成后，可以在第一编辑页面中的“好物推荐”下方显示“好物2”，该“好物2”的右边可以具有第二控件62-2，第二控件62-2与图文模块2对应的目标标识关联。当用户点击第二控件62-2时，可以显示图文模块2对应的第二编辑页面。

在本申请实施例的一种可能的实现方式中，若在已添加的图文模块中未查询到与目标标识匹配的图文模块，则可以显示用于新建该目标标识对应图文模块的第二编辑页面。由此，在数据意外丢失的情况下，可以对该目标标识对应图文模块进行重新编辑。步骤505，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块。

步骤506，根据文章正文中的图文模块，生成目标文章页面。

步骤505至506的执行过程可以参见上述实施例的执行过程，在此不做赘述。

本申请实施例的页面编辑方法，通过在探测到第二控件执行触发操作的情况下，查询第二控件关联的目标标识；根据目标标识，在文章正文中查询已添加的图文模块；在已添加的图文模块中查询到与目标标识匹配的图文模块，显示匹配的图文模块对应的第二编辑页面。由此，能够准确进入待修改的图文模块所对应的第二编辑页面，满足用户的实际修改需求。

在本申请实施例的一种可能的实现方式中，为了使得其他用户能够快速了解目标文章的主要内容，比如获知目标文章中的好物信息，本申请中，第一编辑页面中还可以显示有用于对目标文章的标题和/或描述说明进行编辑的控件。

作为一种示例，参见图2，区域22中显示有用于对目标文章的标题进行编辑的基础输入框组件，用户可以通过区域22中的基础输入框组件输入目标文章的标题。区域23中显示有用于对目标文章的描述说明进行编辑的基础输入框组件，用户可以通过区域23中的基础输入框组件输入目标文章的描述说明。

由此，通过在第一编辑页面编辑目标文章的标题和/或描述说明，可以使得其他用户能够快速获知该目标文章的内容，从而便于其他用户浏览该目标文章，比如当其他用户被目标文章的标题吸引时，其他用户可以访问该目标文章页面，由此，可以增加该目标文章页面的访问量。

在本申请实施例的一种可能的实现方式中，第二编辑页面中可以包含用于删除图文模块的第三控件，例如，参见图3，第三删除控件可以为区域34中的删除控件，用户可以在编辑图文模块的过程中，随时触发该第三控件，当探测到对第三控件的触发操作时，可以在文章正文中删除对应的图文模块，并关闭第二编辑页面。由此，可以满足用户的实际编辑需求。

在本申请实施例的一种可能的实现方式中，编辑器还可以提供预览以及本地自动保存功能，保存后可以本地预览发布后的目标文章页面的页面效果，比如，用户可以点击如图2或图6所示的“预览种草贴”控件，预览页面效果。并且，自动保存功能，还可以实现在意外退出后，为用户自动恢复已编辑的图文内容，可以改善用户的使用体验。

作为一种示例，参见图7，图7为本申请实施例的编辑器的架构示意图。其中，编辑器可以由基础库、数据处理能力、编辑器组件组合而成，编辑器组件可以包括图片上传组件、基础输入框组件，数据处理能力可以包括数据校验和数据结构格式化处理，基础库例如为智能小程序核心框架swan-js。由此，编辑器还可以对用户编辑的图文内容进行数据校验和数据结构格式化处理，可以保证目标文章的规范性。

作为一种应用场景，参见图8，当用户想要分享好物类文章时，用户可以打开种草编辑器，例如通过二维码打开种草编辑器，在编辑器的第一编辑页面，即文章基础信息编辑页面，编辑封面图、标题、简介，并点击添加图文的控件，例如图2中的区域21中所示的“新增”控件，新增图文模块，当用户修改、编辑或新增图文模块时，可跳转至第二编辑页面，即添加/编辑图文模块页面。判断是否存在图文模块ID(其中，图文模块ID在触发新建图文模块时生成)，若存在，则编辑或修改图文模块，若不存在，则添加图文模块，并将编辑的内容保存。当用户保存后，比如当用户点击图3所示的确定控件后，可以对用户编辑的第二编辑页面内容进行验证，并判断是否验证通过，若通过，则判断是否为新增的图文模块，若是，则新增对应的图文模块(例如图文模块n+1)，若否，则更新原有的图文模块(例如图文模块n)。当用户提交后，可以对用户编辑的文章内容进行审核，审核通过后，可以生成图文详情页，即目标文章页面。

与上述图1至图5实施例提供的页面编辑方法相对应，本申请还提供一种页面编辑装置，由于本申请实施例提供的页面编辑装置与上述图1至图5实施例提供的页面编辑方法相对应，因此在页面编辑方法的实施方式也适用于本申请实施例提供的页面编辑装置，在本申请实施例中不再详细描述。

图9为本申请实施例四所提供的页面编辑装置的结构示意图。

如图9所示，该页面编辑装置900包括：第一显示模块910、第二显示模块920、编辑模块930以及生成模块940。

其中，第一显示模块910，用于显示第一编辑页面，其中，第一编辑页面中包含用于编辑图文模块的编辑控件。

第二显示模块920，用于响应于对编辑控件的触发操作，显示第二编辑页面。

编辑模块930，用于响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块。

生成模块940，用于根据文章正文中的图文模块，生成目标文章页面。

在本申请实施例的一种可能的实现方式中，编辑控件包括用于新建图文模块的第一控件；第二显示模块920，具体用于：在探测到对第一控件执行触发操作的情况下，新建得到目标标识；显示用于新建目标标识对应图文模块的第二编辑页面。

在本申请实施例的一种可能的实现方式中，编辑控件包括用于修改图文模块的第二控件；第二显示模块920，具体用于：在探测到第二控件执行触发操作的情况下，查询第二控件关联的目标标识；根据目标标识，在文章正文中查询已添加的图文模块；在已添加的图文模块中查询到与目标标识匹配的图文模块，显示匹配的图文模块对应的第二编辑页面。

在本申请实施例的一种可能的实现方式中，第二显示模块920，还用于：在已添加的图文模块中未查询到与目标标识匹配的图文模块，显示用于新建目标标识对应图文模块的第二编辑页面。

在本申请实施例的一种可能的实现方式中，第二编辑页面中包含用于删除图文模块的第三控件；页面编辑装置900还包括：

删除模块，用于响应于对第三控件的触发操作，在文章正文中删除对应的图文模块，并关闭第二编辑页面。

在本申请实施例的一种可能的实现方式中，第一编辑页面中还显示有用于对目标文章的标题和/或描述说明进行编辑的控件。

本申请实施例的页面编辑装置，通过显示第一编辑页面，并响应于对第一编辑页面中包含的用于编辑图文模块的编辑控件的触发操作，显示第二编辑页面，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块，以根据文章正文中的图文模块，生成目标文章页面。由此，通过将添加图文模块的编辑页面，与原有的编辑器页面分离，可以避免误操作，改善用户的使用体验。

根据本申请的实施例，本申请还提供了一种电子设备、一种可读存储介质和计算机程序产品。

如图10所示，是根据本申请实施例的页面编辑方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图10所示，该电子设备包括：一个或多个处理器1001、存储器1002，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图10中以一个处理器1001为例。

存储器1002即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的页面编辑方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的页面编辑方法。

存储器1002作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的页面编辑方法对应的程序指令/模块(例如，附图9所示的第一显示模块910、第二显示模块920、编辑模块930以及生成模块940)。处理器1001通过运行存储在存储器1002中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的页面编辑方法。

存储器1002可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据页面编辑方法的电子设备的使用所创建的数据等。此外，存储器1002可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器1002可选包括相对于处理器1001远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

电子设备还可以包括：输入装置1003和输出装置1004。处理器1001、存储器1002、输入装置1003和输出装置1004可以通过总线或者其他方式连接，图10中以通过总线连接为例。

输入装置1003可接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1004可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、互联网和区块链网络。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务(VirtualPrivate Server，虚拟专用服务器)中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。

根据本申请的实施例，本申请还提供了一种计算机程序产品，当所述计算机程序产品中的指令被处理器执行时，执行本申请上述实施例提出的页面编辑方法。

根据本申请实施例的技术方案，通过显示第一编辑页面，并响应于对第一编辑页面中包含的用于编辑图文模块的编辑控件的触发操作，显示第二编辑页面，响应于在第二编辑页面中的编辑操作，在文章正文中对应编辑图文模块，以根据文章正文中的图文模块，生成目标文章页面。由此，通过将添加图文模块的编辑页面，与原有的编辑器页面分离，可以避免误操作，改善用户的使用体验。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (13)

1.一种页面编辑方法，所述方法包括：

显示第一编辑页面，其中，所述第一编辑页面中包含用于编辑图文模块的编辑控件；所述编辑控件包括用于修改图文模块的第二控件；

响应于对所述编辑控件的触发操作，显示第二编辑页面；其中，在探测到所述第二控件执行触发操作的情况下，查询所述第二控件关联的目标标识；根据所述目标标识，在所述文章正文中查询已添加的图文模块；在所述已添加的图文模块中查询到与所述目标标识匹配的图文模块，显示匹配的图文模块对应的所述第二编辑页面；

响应于在所述第二编辑页面中的编辑操作，在文章正文中对应编辑所述图文模块；

根据所述文章正文中的所述图文模块，生成目标文章页面。

2.根据权利要求1所述的页面编辑方法，其中，所述编辑控件包括用于新建图文模块的第一控件；所述响应于对所述编辑控件的触发操作，显示第二编辑页面，包括：

在探测到对所述第一控件执行触发操作的情况下，新建得到目标标识；

显示用于新建所述目标标识对应图文模块的所述第二编辑页面。

3.根据权利要求1所述的页面编辑方法，其中，所述根据所述目标标识，在所述文章正文中查询已添加的图文模块之后，还包括：

在所述已添加的图文模块中未查询到与所述目标标识匹配的图文模块，显示用于新建所述目标标识对应图文模块的所述第二编辑页面。

4.根据权利要求1-3任一项所述的页面编辑方法，其中，所述第二编辑页面中包含用于删除图文模块的第三控件；所述响应于对所述编辑控件的触发操作，显示第二编辑页面之后，还包括：

响应于对所述第三控件的触发操作，在文章正文中删除对应的所述图文模块，并关闭所述第二编辑页面。

5.根据权利要求1-3任一项所述的页面编辑方法，其中，所述第一编辑页面中还显示有用于对所述目标文章的标题和/或描述说明进行编辑的控件。

6.一种页面编辑装置，包括：

第一显示模块，用于显示第一编辑页面，其中，所述第一编辑页面中包含用于编辑图文模块的编辑控件；所述编辑控件包括用于修改图文模块的第二控件；

第二显示模块，用于响应于对所述编辑控件的触发操作，显示第二编辑页面；其中，在探测到所述第二控件执行触发操作的情况下，查询所述第二控件关联的目标标识；根据所述目标标识，在所述文章正文中查询已添加的图文模块；在所述已添加的图文模块中查询到与所述目标标识匹配的图文模块，显示匹配的图文模块对应的所述第二编辑页面；

编辑模块，用于响应于在所述第二编辑页面中的编辑操作，在文章正文中对应编辑所述图文模块；

生成模块，用于根据所述文章正文中的所述图文模块，生成目标文章页面。

7.根据权利要求6所述的页面编辑装置，其中，所述编辑控件包括用于新建图文模块的第一控件；所述第二显示模块，具体用于：

在探测到对所述第一控件执行触发操作的情况下，新建得到目标标识；

显示用于新建所述目标标识对应图文模块的所述第二编辑页面。

8.根据权利要求6所述的页面编辑装置，其中，所述第二显示模块，还用于：

在所述已添加的图文模块中未查询到与所述目标标识匹配的图文模块，显示用于新建所述目标标识对应图文模块的所述第二编辑页面。

9.根据权利要求6-8任一项所述的页面编辑装置，其中，所述第二编辑页面中包含用于删除图文模块的第三控件；所述装置还包括：

删除模块，用于响应于对所述第三控件的触发操作，在文章正文中删除对应的所述图文模块，并关闭所述第二编辑页面。

10.根据权利要求6-8任一项所述的页面编辑装置，其中，所述第一编辑页面中还显示有用于对所述目标文章的标题和/或描述说明进行编辑的控件。

11. 一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-5中任一项所述的页面编辑方法。

12.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行权利要求1-5中任一项所述的页面编辑方法。

13.一种计算机程序产品，当所述计算机程序产品中的指令被处理器执行时，执行权利要求1-5中任一项所述的页面编辑方法。