CN112230913A - 富文本内容的处理方法与装置、存储介质、电子设备 - Google Patents

Abstract

本公开属于计算机技术领域，涉及一种富文本内容的处理方法及装置、计算机可读存储介质、电子设备。该方法包括：获取富文本编辑器中虚拟卡片的类型信息，并生成与类型信息相对应的弹窗；获取在弹窗中填写的内容信息，并根据内容信息中的链接信息生成与类型信息相对应的快照图片；根据内容信息与快照图片生成虚拟卡片，并将虚拟卡片插入富文本编辑器中。本公开一方面，富文本编辑器中的操作内容更加丰富，可以为用户提供自定义卡片的插入方式，方便用户操作，另一方面，可以美化渲染出的页面，提升了用户的视觉体验。

Description

富文本内容的处理方法与装置、存储介质、电子设备

技术领域

本公开涉及计算机技术领域，尤其涉及一种富文本内容的处理方法与富文本内容的处理装置、计算机可读存储介质及电子设备。

背景技术

在互联网的蓬勃发展下，全球广域网(World Wide Web，简称Web)应用在日常生活中随处可见，已经成为了当代社会的人们不可或缺的一部分。Web应用的富文本编辑器也成为了其中的一个亮点，它可以上传图片、视频及音乐等媒体文件，但是，这并不能满足人们的需求。

由于没有提供插入复杂超文本标记语言的应用程序编程接口，如果想在富文本编辑器中添加一些自定义的卡片，提供的应用程序编程接口并不能满足。除此之外，富文本编辑器只能传输正常输出的超文本标记语言，如果富文本编辑器配置一个HTML5(简称H5)页面，为便于H5页面内容的整合和渲染，还需要对数据进行整合。

鉴于此，本领域亟需开发一种新的富文本内容的处理方法及装置。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种富文本内容的处理方法、富文本内容的处理装置、计算机可读存储介质及电子设备，进而至少在一定程度上克服由于相关技术的限制而导致的在富文本编辑器中无法添加和传输自定义卡片的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本发明实施例的第一个方面，提供一种富文本内容的处理方法，所述方法包括：获取富文本编辑器中虚拟卡片的类型信息，并生成与所述类型信息相对应的弹窗；获取在所述弹窗中填写的内容信息，并根据所述内容信息中的链接信息生成与所述类型信息相对应的快照图片；根据所述内容信息与所述快照图片生成所述虚拟卡片，并将所述虚拟卡片插入所述富文本编辑器中。

在本发明的一种示例性实施例中，所述方法还包括：获取所述内容信息与所述快照图片，并将所述内容信息与所述快照图片保存为目标文件；确定所述目标文件在所述富文本编辑器中的顺序信息，按照所述顺序信息将所述目标文件上传至服务器端。

在本发明的一种示例性实施例中，所述将所述内容信息与所述快照图片保存为目标文件，包括：获取与所述类型信息相对应的类型标识；将所述类型标识、所述内容信息与所述快照图片保存为目标文件。

在本发明的一种示例性实施例中，所述类型标识包括商品标识、众筹商品标识、优惠券标识、文章标识和服装搭配标识。

在本发明的一种示例性实施例中，所述目标文件包括存储格式为JSON格式的文件。

在本发明的一种示例性实施例中，在所述获取富文本编辑器中虚拟卡片的类型信息之前，所述方法还包括：响应作用于预设控件上的触发事件，获取所述触发事件作用的位置信息；将与所述位置信息相对应的所述预设控件确定为目标控件，以根据所述目标控件确定所述类型信息。

在本发明的一种示例性实施例中，所述将所述虚拟卡片插入所述富文本编辑器中，包括：基于所述类型信息，获取所述内容信息中的形式信息；在所述富文本编辑器中，根据所述形式信息展示所述虚拟卡片。

在本发明的一种示例性实施例中，所述富文本编辑器中包括多个所述虚拟卡片。

根据本发明实施例的第二个方面，提供一种富文本内容的处理装置，所述装置包括：弹窗显示模块，被配置为获取富文本编辑器中虚拟卡片的类型信息，并生成与所述类型信息相对应的弹窗；快照生成模块，被配置为获取在所述弹窗中填写的内容信息，并根据所述内容信息中的链接信息生成与所述类型信息相对应的快照图片；卡片插入模块，被配置为根据所述内容信息与所述快照图片生成所述虚拟卡片，并将所述虚拟卡片插入所述富文本编辑器中。

根据本发明实施例的第三个方面，提供一种电子设备，包括：处理器和存储器；其中，存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时实现上述任意示例性实施例的富文本内容的处理方法。

根据本发明实施例的第四个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意示例性实施例中的富文本内容的处理方法。

由上述技术方案可知，本发明示例性实施例中的富文本内容的处理方法、富文本内容的处理装置、计算机存储介质及电子设备至少具备以下优点和积极效果：

在本公开的示例性实施例提供的方法及装置中，可以对选定类型的虚拟卡片进行填充，并生成快照图片，以将虚拟卡片插入富文本编辑器中。一方面，富文本编辑器中的操作内容更加丰富，可以为用户提供自定义卡片的插入方式，方便用户操作，另一方面，可以美化渲染出的页面，提升了用户的视觉体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示意性示出本公开示例性实施例中一种富文本内容的处理方法的流程图；

图2示意性示出本公开示例性实施例中确定虚拟卡片的类型信息的方法的流程示意图；

图3示意性示出本公开示例性实施例中将虚拟卡片插入富文本编辑器的方法的流程示意图；

图4示意性示出本公开示例性实施例中保存目标文件的方法的流程图；

图5示意性示出本公开示例性实施例中获取并保存类型标识的方法的流程示意图；

图6示意性示出本公开示例性实施例中商品卡片对应的弹窗的应用界面示意图；

图7示意性示出本公开示例性实施例中将商品卡片插入富文本编辑器中的应用界面示意图；

图8示意性示出本公开示例性实施例中在客户端展示虚拟卡片的应用界面示意图；

图9示意性示出本公开示例性实施例中富文本编辑器的内容处理流程示意图；

图10示意性示出本公开示例性实施例中将虚拟卡片插入富文本编辑器的方法的流程示意图；

图11示意性示出本公开示例性实施例中将富文本编辑器中的内容转换成JSON格式的方法的流程示意图；

图12示意性示出了本公开示例性实施例中一种富文本内容的处理装置的结构示意图；

图13示意性示出本公开示例性实施例中一种用于实现富文本内容的处理方法的电子设备；

图14示意性示出本公开示例性实施例中一种用于实现富文本内容的处理方法的计算机可读存储介质。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。

本说明书中使用用语“一个”、“一”、“该”和“所述”用以表示存在一个或多个要素/组成部分/等；用语“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等；用语“第一”和“第二”等仅作为标记使用，不是对其对象的数量限制。

此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。

针对相关技术中存在的问题，本公开提出了一种富文本内容的处理方法。图1示出了富文本内容的处理方法的流程图，如图1所示，富文本内容的处理方法至少包括以下步骤：

步骤S101.获取富文本编辑器中虚拟卡片的类型信息，并生成与类型信息相对应的弹窗。

步骤S102.获取在弹窗中填写的内容信息，并根据内容信息中的链接信息生成与类型信息相对应的快照图片。

步骤S103.根据内容信息与快照图片生成虚拟卡片，并将虚拟卡片插入富文本编辑器中。

在本公开的示例性实施例中，可以对选定类型的虚拟卡片进行填充，并生成快照图片，以将虚拟卡片插入富文本编辑器中。一方面，富文本编辑器中的操作内容更加丰富，可以为用户提供自定义卡片的插入方式，方便用户操作，另一方面，可以美化渲染出的页面，提升了用户的视觉体验。

下面对富文本内容的处理方法的各个步骤进行详细说明。

在步骤S101中，获取富文本编辑器中虚拟卡片的类型信息，并生成与类型信息相对应的弹窗。

在本公开的示例性实施例中，虚拟卡片可以是存储于终端的电子介质中的卡片数据，在终端以卡片的形式进行展示。在可选的实施例中，富文本编辑器中包括多个虚拟卡片。富文本编辑器可以根据用户上传的富文本内容进行展示，富文本内容可以包括一些媒体文件，如图片、音乐、视频等，还可以包括用户自定义的虚拟卡片。在每个独立的富文本编辑器中，用户都可以上传多个虚拟卡片。在本示例性实施例中，用户可以在一个富文本编辑器中上传多个虚拟卡片，编辑体验更加友好，编辑内容更加丰富，自定义方式更加灵活。

为使虚拟卡片可以在客户端呈现更加精致的效果，可以设定多种类型的虚拟卡片。举例而言，虚拟卡片可以有商品类型、众筹商品类型、优惠券类型、文章类型和服装搭配类型等，本示例性实施例对此不做特殊限定。类型信息可以是反映不同类型的虚拟卡片的特征的信息。

在可选的实施例中，图2示出了确定虚拟卡片的类型信息的方法的流程示意图，如图2所示，该方法至少包括以下步骤：在步骤S201中，响应作用于预设控件上的触发事件，获取触发事件作用的位置信息。在富文本编辑器中，可以针对对虚拟卡片的预设类型信息设置多个预设控件。预设类型信息是提供给用户进行选择操作的多个虚拟卡片的类型信息，举例而言，预设类型信息可以包括商品类型信息、文章类型信息、优惠券类型信息、众筹商品类型信息、电影票类型信息和服装搭配类型信息等，本示例性实施例对此不做特殊限定。不同的预设类型分别对应有一个预设控件，因此，不同的预设控件在终端上的位置信息不同。用户可以在预设控件的对应位置发起一触发事件，该触发事件可以是点击事件、长按事件、滑动事件等任意形式，本示例性实施例对此不做特殊限定。举例而言，若触发事件是点击事件，可以获取触发介质点击位置对应的预设控件的位置信息；若触发事件是滑动事件，可以获取触发介质滑动终点的位置对应的预设控件的位置信息；若触发事件是其他形式的事件，可以根据实际触发情况设定确定对应预设控件的位置信息的方式，本示例性实施例对此不做特殊限定。在步骤S202中，将与位置信息相对应的预设控件确定为目标控件，以根据目标控件确定类型信息。根据获取到的触发事件作用的预设控件的位置信息，可以将该预设控件确定为目标控件。基于预设控件与预设类型信息之间的映射关系，可以根据该目标控件确定对应的类型信息。在本示例性实施例中，用户可以通过作用于终端的触发操作确定待插入虚拟卡片的类型信息，一方面，虚拟卡片类型多样，提供了更加多样化的选择，展示效果更加丰富，另一方面，操作方式简单便捷，方便用户灵活运用编辑工具。

根据用户选定的虚拟卡片的类型信息，可以生成与类型信息对应的弹窗。弹窗是指确定虚拟卡片类型后，自动弹出的窗口。该弹窗可以展示一种类型的虚拟卡片中已设定好的选项信息，也可以为用户提供该类型的虚拟卡片需填入的内容信息。举例而言，该虚拟卡片为商品类型的虚拟卡片时，弹窗中可以展示用户想要展示的商品的形式信息，可以有小商卡形式，也可以有大商卡形式，还可以有其他形式，本示例性实施例对此不做特殊限定；弹窗中还可以提供待用户填入的内容信息，可以有商品的链接信息，还可以有商品的价格信息，也可以有其他待填入信息，本示例性实施例对此不做特殊限定。

在步骤S102中，获取在弹窗中填写的内容信息，并根据内容信息中的链接信息生成与类型信息相对应的快照图片。

在本公开的一种示例性实施例中，内容信息可以是在弹窗中提供的待用户填入的信息，不同类型的虚拟卡片对应的待填入信息不同。举例而言，该虚拟卡片为商品类型的虚拟卡片时，待用户填入的内容信息可以有商品的链接信息，还可以有商品的价格信息，也可以有其他待填入信息，本示例性实施例对此不做特殊限定。为在富文本编辑器中预览不同类型的虚拟卡片的对应效果，可以获取内容信息中的链接信息。链接信息是从一个网页指向一个目标的连接关系，所指向的目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是图片、电子邮件地址、文件或者应用程序等，本示例性实施例对此不做特殊限定。根据链接信息可以生成对应于类型信息的快照图片，对链接信息的指向目标进行展示。快照图片可以将链接信息指向的目标进行抓取并保存，在弹窗的对应位置进行展示。举例而言，若虚拟卡片为商品类型时，快照图片可以展示商品的主视图及价格等信息。

在步骤S103中，根据内容信息与快照图片生成虚拟卡片，并将虚拟卡片插入富文本编辑器中。

在本公开的一种示例性实施例中，根据链接信息生成的快照图片和用户已填入的内容信息可以生成与类型信息相对应的虚拟卡片，并将该虚拟卡片插入富文本编辑器中。在可选的实施例中，图3示出了将虚拟卡片插入富文本编辑器的方法的流程示意图，如图3所示，该方法至少包括以下步骤：在步骤S301中，基于类型信息，获取内容信息中的形式信息。一种类型的虚拟卡片中可以包括一种或多种展示形式，反映不同的展示形式的信息即为形式信息。举例而言，商品类型的虚拟卡片可以有四种展示形式，分别为小商卡形式、大商卡形式、一拖二形式和一排二形式。对应四种展示形式，用户在填写弹窗中的内容信息时，会对内容信息中的形式信息进行填写或选择，亦即确定了商品的展示形式。在步骤S302中，在富文本编辑器中，根据形式信息展示虚拟卡片。举例而言，若商品为笔记本电脑时，可以选择大商卡形式的展示方式，并获取大商卡形式的形式信息，以对该笔记本电脑进行对应展示。在本示例性实施例中，给出了虚拟卡片在富文本编辑器中的展示方式，展示效果多样化，呈现效果更加精致，提升了展示内容的质量，从而使客户端的浏览体验更加友好。

在可选的实施例中，图4示出了保存目标文件的方法的流程示意图，如图4所示，该方法至少包括以下步骤：在步骤S401中，获取内容信息与快照图片，并将内容信息与快照图片保存为目标文件。为将虚拟图片中对应的数据保存在富文本编辑器内容对应的节点上，并方便数据在前端、后端和客户端三者之间对应转换，可以将虚拟卡片中的内容信息与快照图片保存为目标文件。在可选的实施例中，目标文件包括存储格式为JSON格式的文件。JavaScript对象简谱(JavaScript Object Notation，简称为JSON格式)是指将javascript对象中的一组数据转换得到的字符串格式。JSON格式的文件可以在网络或者程序之间进行传递，还可以还原为各编程语言所支持的数据格式。在本示例性实施例中，将虚拟卡片中填入的信息保存为JSON格式，既可以满足前端富文本编辑器中内容的对应转换，还可以满足后端的数据存储，也可以满足客户端渲染页面的需要。

在可选的实施例中，图5示出了获取并保存类型标识的方法的流程示意图，如图5所示，该方法至少包括以下步骤：在步骤S501中，获取与类型信息相对应的类型标识。针对虚拟卡片的展示效果，预设的虚拟卡片的类型可以有商品类型、众筹商品类型、优惠券类型、文章类型和服装搭配类型等，本示例性实施例对此不做特殊限定。类型标识是针对虚拟卡片的不同类型设定的标识。因此，在可选的实施例中，类型标识包括商品标识、众筹商品标识、优惠券标识、文章标识和服装搭配标识。不同类型的虚拟卡片对应的类型标识不同。举例而言，服装搭配标识可以是衬衫形状的图形标识，众筹商品标识可以是人形形状的图形标识，可以根据类型的特征设置标识的形状，本示例性实施例对此不做特殊限定。除此之外，类型标识还可以是反映类型特征的字段信息，将各种不同的虚拟卡片加以区分。当插入虚拟卡片时，可以根据用户的需要存入想要的类型标识。在本示例性实施例中，不同类型的虚拟卡片可以有类型标识用于区别，方便开发者识别快照图片的类型，便于用户根据自身需求存入想要的卡片类型，也便于用户修改，用户操作功能更加全面完善。在步骤S502中，将类型标识、内容信息与快照图片保存为目标文件。在对内容信息与快照图片进行保存时，同时保存类型标识，将三者作为一个整体保存在富文本编辑器当前内容节点上，完善快照图片的属性信息。

在步骤S402中，确定目标文件在富文本编辑器中的顺序信息，按照顺序信息将目标文件上传至服务器端。由于在一个独立的富文本编辑器中可以保存多种富文本内容，为确保显示端的显示内容正常，可以将目标文件的保存顺序与富文本内容的显示顺序设置一致。因此，可以获取目标文件在富文本编辑器中的顺序信息，根据顺序信息对目标文件进行存储，然后将整体内容进行组合，上传至服务器端。在本示例性实施例中，将目标文件的存储顺序与富文本编辑器中的显示顺序进行统一，确保了客户端显示内容准确无误，保证了前端、后端和客户端三者之间数据传输的准确性。

下面结合一应用场景对本公开实施例中的富文本内容的处理方法做出详细说明。

图6示出了商品卡片对应的弹窗的应用界面示意图，如图6所示，插入商品时，可以选择插入商品的形式，并需要用户输入商品的链接信息。根据该链接信息可以去后台拉取对应商品的数据，举例而言，可以有商品的展示图、价格等，根据获取到的数据可以按照展示形式生成商品的效果预览图。可以看出，该示例性实施例中的商品是一个笔记本电脑，对应价格为7299元。图7示出了将商品卡片插入富文本编辑器中的应用界面示意图，如图7所示，根据已选定的商品展示形式，可以展示该笔记本电脑的价格、厚度和重量等信息。图8示出了根据富文本编辑器中的虚拟卡片在客户端展示的应用界面示意图，如图8所示，客户端可以浏览笔记本电脑的名称、价格、主视图等信息，用户还可以通过控件发起对该商品进行购买。

图9示出了富文本编辑器的内容处理的流程示意图，如图9所示，在富文本编辑器的工具栏提供有需要插入的虚拟卡片的入口控件，举例而言，可以是商品卡片和优惠券卡片。用户可以在虚拟卡片中填入对应的内容信息，根据内容信息中的链接信息可以生成快照图片。该快照图片可以通过原有的接口插入富文本编辑器中，更加简单直接。根据已填写的内容信息和快照图片可以构造JSON对象进行存储，可以将JSON格式的文件存入富文本编辑器内容的对应节点上。将用户编辑的内容和后端下发的数据进行融合，上传至服务器端。

图10示出了将虚拟卡片插入富文本编辑器的方法的流程示意图，如图10所示，在富文本编辑器中可以选择插入新的虚拟卡片，还是修改之前的卡片。当插入新的虚拟卡片的时候，可以根据用户确定的卡片类型，获取对应的类型信息，以生成该类型的弹窗。用户可以在弹窗中填写对应的内容信息，以根据内容信息中的链接信息生成对应的快照图片。根据内容信息与快照图片可以生成虚拟卡片，将该虚拟卡片插入富文本编辑器中。当修改之前的虚拟卡片的时候，可以新建一个虚拟卡片，并对该虚拟卡片进行填充，再对本节点上的原本的虚拟卡片进行替换。举例而言，当商品的价格从100元向80元进行浮动的时候，可以重新创建一个商品的虚拟卡片，修改对应价格，并将80元的虚拟卡片重新插入富文本编辑器中，对应节点上的数据也进行更新。除此之外，还可以将商品类型的虚拟卡片替换成其他类型的虚拟卡片，本示例性实施例对此不做特殊限定。

图11示出了将富文本编辑器中的内容转换成JSON格式的方法的流程示意图，如图11所示，当使用富文本编辑器时，当虚拟卡片是用户自定义的虚拟卡片时，用户可以获取该内容节点上保存的JSON格式的数据，并将整体内容的JSON数据进行组合，上传至服务器端；当虚拟卡片不是用户自定义的卡片时，系统可以进行自动识别，不需要用户再次进行存储操作。

在本公开的示例性实施例中，可以对选定类型的虚拟卡片进行填充，并生成快照图片，以将虚拟卡片插入富文本编辑器中。一方面，富文本编辑器中的操作内容更加丰富，可以为用户提供自定义卡片的插入方式，方便用户操作，另一方面，可以美化渲染出的页面，提升了用户的视觉体验。

此外，在本公开的示例性实施例中，还提供一种富文本内容的处理装置。图12示出了富文本内容的处理装置的结构示意图，如图12所示，富文本内容的处理装置1200可以包括：弹窗显示模块1201、快照生成模块1202、卡片插入模块1203。其中：

弹窗显示模块1201，被配置为获取富文本编辑器中虚拟卡片的类型信息，并生成与类型信息相对应的弹窗；快照生成模块1202，被配置为获取在弹窗中填写的内容信息，并根据内容信息中的链接信息生成与类型信息相对应的快照图片；卡片插入模块1203，被配置为根据内容信息与快照图片生成虚拟卡片，并将虚拟卡片插入富文本编辑器中。

上述富文本内容的处理装置的具体细节已经在对应的数据处理方法中进行了详细的描述，因此此处不再赘述。

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

此外，在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

下面参照图13来描述根据本发明的这种实施例的电子设备1300。图13显示的电子设备1300仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图13所示，电子设备1300以通用计算设备的形式表现。电子设备1300的组件可以包括但不限于：上述至少一个处理单元1310、上述至少一个存储单元1320、连接不同系统组件(包括存储单元1320和处理单元1310)的总线1330、显示单元1340。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元1310执行，使得所述处理单元1310执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。

存储单元1320可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)1321和/或高速缓存存储单元1322，还可以进一步包括只读存储单元(ROM)1323。

存储单元1320还可以包括具有一组(至少一个)程序模块1325的程序/实用工具1324，这样的程序模块1325包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线1330可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备1300也可以与一个或多个外部设备1500(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1300交互的设备通信，和/或与使得该电子设备1300能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1350进行。并且，电子设备1300还可以通过网络适配器1360与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器1340通过总线1330与电子设备1300的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1300使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施例的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施例中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。

参考图14所示，描述了根据本发明的实施例的用于实现上述方法的程序产品1400，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

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

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

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

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

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

Claims (11)

1.一种富文本内容的处理方法，其特征在于，所述方法包括：

获取富文本编辑器中虚拟卡片的类型信息，并生成与所述类型信息相对应的弹窗；

获取在所述弹窗中填写的内容信息，并根据所述内容信息中的链接信息生成与所述类型信息相对应的快照图片；

根据所述内容信息与所述快照图片生成所述虚拟卡片，并将所述虚拟卡片插入所述富文本编辑器中。

2.根据权利要求1所述的富文本内容的处理方法，其特征在于，所述方法还包括：

获取所述内容信息与所述快照图片，并将所述内容信息与所述快照图片保存为目标文件；

确定所述目标文件在所述富文本编辑器中的顺序信息，按照所述顺序信息将所述目标文件上传至服务器端。

3.根据权利要求2所述的富文本内容的处理方法，其特征在于，所述将所述内容信息与所述快照图片保存为目标文件，包括：

获取与所述类型信息相对应的类型标识；

将所述类型标识、所述内容信息与所述快照图片保存为目标文件。

4.根据权利要求3所述的富文本内容的处理方法，其特征在于，所述类型标识包括商品标识、众筹商品标识、优惠券标识、文章标识和服装搭配标识。

5.根据权利要求3所述的富文本内容的处理方法，其特征在于，所述目标文件包括存储格式为JSON格式的文件。

6.根据权利要求1所述的富文本内容的处理方法，其特征在于，在所述获取富文本编辑器中虚拟卡片的类型信息之前，所述方法还包括：

响应作用于预设控件上的触发事件，获取所述触发事件作用的位置信息；

将与所述位置信息相对应的所述预设控件确定为目标控件，以根据所述目标控件确定所述类型信息。

7.根据权利要求1所述的富文本内容的处理方法，其特征在于，所述将所述虚拟卡片插入所述富文本编辑器中，包括：

基于所述类型信息，获取所述内容信息中的形式信息；

在所述富文本编辑器中，根据所述形式信息展示所述虚拟卡片。

8.根据权利要求1所述的富文本内容的处理方法，其特征在于，所述富文本编辑器中包括多个所述虚拟卡片。

9.一种富文本内容的处理装置，其特征在于，包括：

弹窗显示模块，被配置为获取富文本编辑器中虚拟卡片的类型信息，并生成与所述类型信息相对应的弹窗；

快照生成模块，被配置为获取在所述弹窗中填写的内容信息，并根据所述内容信息中的链接信息生成与所述类型信息相对应的快照图片；

卡片插入模块，被配置为根据所述内容信息与所述快照图片生成所述虚拟卡片，并将所述虚拟卡片插入所述富文本编辑器中。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-8中任意一项所述的富文本内容的处理方法。

11.一种电子设备，其特征在于，包括：

处理器；

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器被配置为经由执行所述可执行指令来执行权利要求1-8中任意一项所述的富文本内容的处理方法。

Images