CN106934047A - 一种将发帖内容在小程序中展示的方法及装置 - Google Patents

Abstract

本发明公开了一种将发帖内容在小程序中展示的方法及装置，其中该方法包括:通过文章编辑器将发帖内容转换为超文本标记语言html代码，对所述html代码进行处理，分别获得音频html代码和视频html代码；将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；将所述转换后的图片在小程序中进行展示。在实现成本相对较低和具有普遍适用性的前提下，解决了微信小程序不支持html代码的问题。

Description

一种将发帖内容在小程序中展示的方法及装置

技术领域

本发明涉及通信技术领域，特别是涉及一种将编辑器发帖内容转换成图片在小程序中展示的方法及装置。

背景技术

2011年腾讯公司推出了一个基于移动互联网的崭新的即时通信平台—微信平台，随着智能手机的频繁应用，该平台得到了广大用户的认可和使用。伴随着微信的成功，微信小程序也在近日上线。微信小程序，简称小程序，是一种不需要下载安装即可使用，用户可以通过扫一扫或搜一下即可打开应用。

发帖，一般指在论坛或者贴吧发表文字、图片、音乐或者视频的综合性作品，也就是用编辑器编辑出的图文信息。如果将发帖内容直接在微信小程序中进行展示是无法实现的，主要是因为发帖内容是使用文章编辑器生成的内容，其本质是超文本标记语言html代码，而现有的微信小程序并不支持html代码。目前解决这一问题主要是通过以下两方面实现的，一是，建立html标签和小程序标签一对一映射，也就是将html中所有用于展示的标签和小程序中用于展示的标签建立一套映射关系，在文章编辑器生成图文内容后，将html代码转换成小程序支持的代码；二是，重做支持小程序标签的文章编辑器，也就是重新开发一种专门用来编辑小程序文章的编辑器，编辑器所生成的图文内容完全由小程序所支持的标签组成。上述两种俺有的解决方案都存在着一定的缺点，主要体现在方案的实现成本相对较高，而且随着小程序的更新，编辑器也需要不断进行更新维护，并且没有普遍性。

发明内容

针对于上述问题，本发明提供一种将发帖内容在小程序中展示的方法及装置，在实现成本相对较低和具有普遍适用性的前提下，解决了微信小程序不支持html代码的问题。

为了实现上述目的，根据本发明的第一方面，提供了一种将发帖内容在小程序中展示的方法，该方法包括：

通过文章编辑器将发帖内容转换为超文本标记语言html代码，其中，所述发帖内容为所述文章编辑器编辑出的图文信息；

对所述html代码进行处理，分别获得音频html代码和视频html代码；

将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；

将所述转换后的图片在小程序中进行展示。

优选的，该方法还包括：

将除所述音频html代码和所述视频html代码转换为对应的音频和视频，通过媒体资源加载方式在所述小程序中进行加载展示。

优选的，所述对所述html代码进行处理，分别获得音频html代码和视频html代码，包括：

依据所述html代码中包含的html标签类型，拆分获得与各个html标签相对应的html代码片段；

在所述html代码片段中，分别提取获得与音频html标签对应的所述音频html代码和与视频html标签对应的所述视频html代码。

优选的，其特征在于，所述将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片，包括：

将除所述音频html代码和所述视频html代码以外的html代码，定义为待转换的html代码；

确定所述待转换html代码的捕捉区域；

对所述捕捉区域内所对应的内容进行图片转换，生成转换后的图片。

根据本发明的第二方面，提供了一种将发帖内容在小程序中展示的装置，该装置包括：

生成模块，用于通过文章编辑器将发帖内容转换为超文本标记语言html代码，其中，所述发帖内容为所述文章编辑器编辑出的图文信息；；

处理模块，用于对所述html代码进行处理，分别获得音频html代码和视频html代码；

转换模块，用于将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；

展示模块，将所述转换后的图片在小程序中进行展示。

优选的，该装置还包括：

加载模块，用于将除所述音频html代码和所述视频html代码转换为对应的音频和视频，通过媒体资源加载方式在所述小程序中进行加载展示。

优选的，所述处理模块包括：

拆分单元，用于依据所述html代码中包含的html标签类型，拆分获得与各个html标签相对应的html代码片段；

提取单元，用于在所述html代码片段中，分别提取获得与音频html标签对应的所述音频html代码和与视频html标签对应的所述视频html代码。

优选的，所述转换模块包括：

定义单元，用于将除所述音频html代码和所述视频html代码以外的html代码，定义为待转换的html代码；

获取单元，用于确定所述待转换html代码的捕捉区域；

转换单元，用于对所述捕捉区域内所对应的内容进行图片转换，生成转换后的图片。

相较于现有技术，本发明通过文章编辑器将发帖内容转换为超文本标记语言html代码，对所述html代码进行处理，分别获得音频html代码和视频html代码；将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；将所述转换后的图片在小程序中进行展示。在文章编辑器生成html的内容后，将html代码中的图片和文字信息转换成图片，然后将音频和视频单独提取出来，最终小程序的发帖内容由视频、音频和转换的图片组成，在不影响展示效果的基础上，并且在实现成本相对较低和具有普遍适用性的前提下，解决了微信小程序不支持html代码的问题

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例一提供的一种将发帖内容在小程序中展示的方法的流程示意图；

图2为本发明实施例二提供的一种将发帖内容在小程序中展示的装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的说明书和权利要求书及上述附图中的术语“第一”和“第二”等是用于区别不同的对象，而不是用于描述特定的顺序。此外术语“包括”和“具有”以及他们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有设定于已列出的步骤或单元，而是可包括没有列出的步骤或单元。

实施例一

参见图1为本发明实施例一提供的一种将发帖内容在小程序中展示的方法的流程示意图，该方法包括以下步骤：

S11、通过文章编辑器将发帖内容转换为超文本标记语言html代码，其中，所述发帖内容为所述文章编辑器编辑出的图文信息；

具体的，所述文章编辑器是用来编辑图文信息的工具，通常的发帖内容包括文字、图片、音频和视频等等。

S12、对所述html代码进行处理，分别获得音频html代码和视频html代码；

具体的该步骤包括：

S121、依据所述html代码中包含的html标签类型，拆分获得与各个html标签相对应的html代码片段；

S122、在所述html代码片段中，分别提取获得与音频html标签对应的所述音频html代码和与视频html标签对应的所述视频html代码。

相应的，在具体的应用场景中，对所述html代码的拆分和对所音频html代码和与视频html标签的提取，通常是采用Python计算机程序设计语言中的Beautiful Soup，Beautiful Soup是一个可以从html或xml文件中提取数据的Python库，可以在网页源码中获取需要的信息，比如网址、图片或者文字等等。

S13、将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；

具体的该步骤包括：

S131、将除所述音频html代码和所述视频html代码以外的html代码，定义为待转换的html代码；

S132、确定所述待转换html代码的捕捉区域；

S133、对所述捕捉区域内所对应的内容进行图片转换，生成转换后的图片。

相应的，在具体的应用场景中，对所述除音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片，具体可以应用Web Canvas自带的功能进行操作，Canvas是逐像素进行渲染的，可以通过javascript脚本实现任意绘制。

S14、将所述转换后的图片在小程序中进行展示。

优选的，所述将发帖内容在小程序中展示的方法，还包括：

将除所述音频html代码和所述视频html代码转换为对应的音频和视频，通过媒体资源加载方式在所述小程序中进行加载展示。

这样就可以使由视频、音频和转换的图片组成的发帖内容展示在小程序上。

通过本发明实施例一公开的技术方案，通过文章编辑器将发帖内容转换为超文本标记语言html代码，对所述html代码进行处理，分别获得音频html代码和视频html代码；将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；将所述转换后的图片在小程序中进行展示。在文章编辑器生成html的内容后，将html代码中的图片和文字信息转换成图片，然后将音频和视频单独提取出来，最终小程序的发帖内容由视频、音频和转换的图片组成，在不影响展示效果的基础上，并且在实现成本相对较低和具有普遍适用性的前提下，解决了微信小程序不支持html代码的问题。

实施例二

与本发明实施例一公开的将发帖内容在小程序中展示的方法相对应，本发明的实施例二还提供了一种将发帖内容在小程序中展示的装置，参见图2。该装置包括：

生成模块1，用于通过文章编辑器将发帖内容转换为超文本标记语言html代码，其中，所述发帖内容为所述文章编辑器编辑出的图文信息；；

处理模块2，用于对所述html代码进行处理，分别获得音频html代码和视频html代码；

转换模块3，用于将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；

展示模块4，将所述转换后的图片在小程序中进行展示。

相应的，该装置还包括：

加载模块5，用于将除所述音频html代码和所述视频html代码转换为对应的音频和视频，通过媒体资源加载方式在所述小程序中进行加载展示。

具体的，所述处理模块2包括：

拆分单元21，用于依据所述html代码中包含的html标签类型，拆分获得与各个html标签相对应的html代码片段；

提取单元22，用于在所述html代码片段中，分别提取获得与音频html标签对应的所述音频html代码和与视频html标签对应的所述视频html代码。

具体的，所述转换模块3包括：

定义单元31，用于将除所述音频html代码和所述视频html代码以外的html代码，定义为待转换的html代码；

获取单元32，用于确定所述待转换html代码的捕捉区域；

转换单元33，用于对所述捕捉区域内所对应的内容进行图片转换，生成转换后的图片。

在本发明的实施例二中，通过生成模块获取html代码，然后在处理模块中对所述html代码进行处理，分别获得音频html代码和视频html代码；在转换模块中将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；最后在展示模块中将所述转换后的图片在小程序中进行展示。在文章编辑器生成html的内容后，将html代码中的图片和文字信息转换成图片，然后将音频和视频单独提取出来，最终小程序的发帖内容由视频、音频和转换的图片组成，在不影响展示效果的基础上，由于所有操作基于现有的计算机程序语言中相应数据库的调用和改写，在实现成本相对较低和具有普遍适用性的前提下，解决了微信小程序不支持html代码的问题。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (8)

1.一种将发帖内容在小程序中展示的方法，其特征在于，该方法包括：

通过文章编辑器将发帖内容转换为超文本标记语言html代码，其中，所述发帖内容为所述文章编辑器编辑出的图文信息；

对所述html代码进行处理，分别获得音频html代码和视频html代码；

将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；

将所述转换后的图片在小程序中进行展示。

2.根据权利要求1所述的方法，其特征在于，该方法还包括：

将除所述音频html代码和所述视频html代码转换为对应的音频和视频，通过媒体资源加载方式在所述小程序中进行加载展示。

3.根据权利要求1所述的方法，其特征在于，所述对所述html代码进行处理，分别获得音频html代码和视频html代码，包括：

依据所述html代码中包含的html标签类型，拆分获得与各个html标签相对应的html代码片段；

在所述html代码片段中，分别提取获得与音频html标签对应的所述音频html代码和与视频html标签对应的所述视频html代码。

4.根据权利要求1所述的方法，其特征在于，所述将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片，包括：

将除所述音频html代码和所述视频html代码以外的html代码，定义为待转换的html代码；

确定所述待转换html代码的捕捉区域；

对所述捕捉区域内所对应的内容进行图片转换，生成转换后的图片。

5.一种将发帖内容在小程序中展示的装置，其特征在于，该装置包括：

生成模块，用于通过文章编辑器将发帖内容转换为超文本标记语言html代码，其中，所述发帖内容为所述文章编辑器编辑出的图文信息；；

处理模块，用于对所述html代码进行处理，分别获得音频html代码和视频html代码；

转换模块，用于将除所述音频html代码和所述视频html代码以外的html代码进行图片转换，获得转换后的图片；

展示模块，将所述转换后的图片在小程序中进行展示。

6.根据权利要求5所述的装置，其特征在于，该装置还包括：

加载模块，用于将除所述音频html代码和所述视频html代码转换为对应的音频和视频，通过媒体资源加载方式在所述小程序中进行加载展示。

7.根据权利要求5所述的装置，其特征在于，所述处理模块包括：

拆分单元，用于依据所述html代码中包含的html标签类型，拆分获得与各个html标签相对应的html代码片段；

提取单元，用于在所述html代码片段中，分别提取获得与音频html标签对应的所述音频html代码和与视频html标签对应的所述视频html代码。

8.根据权利要求4所述的装置，其特征在于，所述转换模块包括：

定义单元，用于将除所述音频html代码和所述视频html代码以外的html代码，定义为待转换的html代码；

获取单元，用于确定所述待转换html代码的捕捉区域；

转换单元，用于对所述捕捉区域内所对应的内容进行图片转换，生成转换后的图片。