CN116227523A - 一种移动端图文混排方法和装置 - Google Patents

Abstract

本发明公开了一种移动端图文混排方法和装置，应用于动态二维码生成技术领域，所述方法包括：基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；接收类别块插入指令，类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；对类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；根据所述编辑内容后的类别块，生成相应的动态二维码。本发明使用户可方便的在移动终端设备上快速准确地编辑图文内容，确保在移动端上也可实现桌面端才能实现的丰富页面内容。

Description

一种移动端图文混排方法和装置

技术领域

本发明涉及动态二维码生成技术领域，具体涉及一种移动端图文混排方法和装置。

背景技术

静态二维码一旦生成，二维码的源文件内容将无法进行更改，如果需要更改，只能重新生成新的二维码；而动态二维码也就是活码，可以在不改变二维码样式的情况下，对二维码源文件内容进行修改，用户扫码即可看到最新的内容。

对于动态二维码的源文件内容进行修改，涉及图文混排技术。当前在移动端解决图文展示的方式，常见的是以固定排版的形式生成动态二维码，首先通过公网环境从服务器获取固定大小的图片资源，渲染在预先设定好的坐标位置，最终展示在移动端，并且在页面编辑技术中，标题、文本等都是一个整体的内容进行编辑。此方式不足的是对于布局的约束性极大、编排的方式繁琐。

发明内容

本发明的目的在于克服上述技术不足，提供一种移动端图文混排方法和装置，解决现有技术中在移动端进行图文混排编辑时采用整体的内容进行编辑，编排方式繁琐且约束性大的技术问题。

为解决上述技术问题，本发明采取了以下技术方案：

本发明提供了一种移动端图文混排方法，应用于动态二维码生成技术领域，所述方法包括：

基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；

接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；

对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；

根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；

根据所述编辑内容后的类别块，生成相应的动态二维码。

在一些实施例中，所述基于预设的图文混排内容的排版，设定图文混排内容对应的类别块，包括：

基于预设的模式，获取图文混排内容对应的文档的配置信息和内容类别信息；

根据所述对应的文档的配置信息和内容类别信息，设定不同图文混排内容对应的类别块。

在一些实施例中，所述类别块至少包括标题、文本、图片、列表、链接、视频和文件。

在一些实施例中，所述类别块配置信息至少包括文档流类型和画板类型；

所述文档流类型，用于按照预设的布局顺序排布类别块；

所述画板类型，包括类别块位置坐标信息，用于通过所述位置坐标信息对类别块布局进行定位。

在一些实施例中，基于预设的模式，采用不同的字段模型的填入值，确定文档流类型和画板类型。

在一些实施例中，所述得到类别块配置信息和类别块内容编辑信息之后，还包括：

获取待渲染类别块内容编辑信息；

根据所述待渲染类别块内容编辑信息的类型，确定对应的渲染器相关配置，并初始化渲染器；

基于所述初始化渲染器，对所述待渲染类别块内容编辑信息进行响应渲染，获得渲染类别块内容编辑信息。

在一些实施例中，所述得到编辑内容后的类别块后，还包括：

基于预设的解析函数，解析所述类别块信息中的关键字和内容代码段；

逐行遍历所述关键字对应的待替换代码段，采用所述内容代码段替换所述待替换代码段，得到解析后的数据结构。

在一些实施例中，所述得到编辑内容后的类别块后，还包括：

基于预设的反解析函数，解析待反解析文本信息中的待反解析关键字和待反解析内容代码段；

逐行遍历所述待反解析关键字对应的待反替换代码段，采用所述待反解析内容代码段替换所述待反替换代码段，得到反解析后适配所述预设的模式的数据结构。

在一些实施例中，所述根据所述编辑内容后的类别块，生成相应的动态二维码，包括：

根据所述编辑内容后的类别块，生成广域网访问链接；

根据所述广域网访问链接，生成相应的动态二维码。

另一方面，本发明还提供了一种移动端图文混排装置，包括：

类别块设定模块，用于基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；

指令接收模块，用于接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；

指令解析模块，用于对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；

类别块编辑模块，用于根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；

动态二维码生成模块，用于根据所述编辑内容后的类别块，生成相应的动态二维码。

与现有技术相比，本发明提供的移动端图文混排方法和装置，应用于动态二维码生成技术领域，首先基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；随后接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；随后对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；最后用于根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；并且根据所述编辑内容后的类别块，生成相应的动态二维码。实现了在移动端进行图文混排编辑时能够对内容进行分块编辑，极大降低了编排方式的对内容编辑带来的约束性，简化了编排方式。

附图说明

图1是本发明提供的移动端图文混排方法一实施例的流程图；

图2是本发明提供的移动端图文混排方法中，步骤S101一实施的流程图；

图3是本发明提供的移动端图文混排方法中，对类别块内容编辑信息渲染一实施例的流程图；

图4是本发明提供的移动端图文混排装置的一实施例的示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明所涉及的移动端图文混排方法和装置通过对文档图文内容进行分类并且分块，以类别块的形式进行图文混排，实现了图文混排中内容可方便快速编辑的目的。

本发明实施例提供一种移动端图文混排方法，应用于生成动态二维码的图文混排内容，请参阅图1，所述方法包括：

S101、基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；

S102、接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；

S103、对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；

S104、根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；

S105、根据所述编辑内容后的类别块，生成相应的动态二维码。

在本实施例中，首先获取图文混排内容在文档中的位置属性和内容属性，根据所述位置属性和内容属性，设定不同图文混排内容对应的类别块；随后接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；随后对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；最后用于根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；并且根据所述编辑内容后的类别块，生成相应的动态二维码。实现了在移动端进行图文混排编辑时能够对内容进行分块编辑，极大降低了编排方式的对内容编辑带来的约束性，简化了编排方式。

需要说明的是，在步骤S101中，预设的图文混排内容包括现有技术和现有常识可知的word文档、PPT文档、Excel文档和微信公众号文档等，于本申请中，根据现有技术中各类文档包括至少图片、标题、列表、视频和链接等内容的各种不同组合方式及其对应的坐标系或属性所形成的不同排版表现，设定图文混排内容对应的类别块，能够满足图文混排的使用需求和使用习惯，并且基于现有技术中各类文档的排版形式，能够更好的对类别块进行分类整理，提供了对复杂的图文混排形成分块编辑的可实行性。

进一步的，在步骤S102中，用户在操作端根据需求选择相应的类别块，具体的，待编辑图文混排内容为用户期望编辑的内容文档。需要说明的是，类别块配置信息包括类别块对应的坐标系、位置属性和内容属性，其中内容属性至少包括段落信息、标题大小、标题层级、图片大小、图片剪裁比例等。类别块内容编辑信息至少包括对内容属性进行解读。

需要说明的是，本实施例通过自定义一套json结构来描述内容块，这些内容块会基于一套基础的Schema定义，在此Schema基础上扩展特定类型的内容块特性，其中，Schema是一种数据结构，具体用json数据格式来定义Schema数据结构，用于描述内容块。

在一些实施例中，请参阅图2，所述基于预设的图文混排内容的排版，设定图文混排内容对应的类别块，包括：

S201、获取图文混排内容对应的文档的配置信息和内容类别信息；

S202、根据所述对应的文档的配置信息和内容类别信息，设定不同图文混排内容对应的类别块。

在本实施例中，预设的模式为Schema；以文档的图文混排内容类别为基准，将文档分为多个类别，建立以文档类别为标准的类别块，采用类别块的方式进行图文编辑，实现了快速准确维护编辑器中的内容，丰富了图文的内容。

需要说明的是，图文混排内容对应的文档的配置信息和内容类别信息根据现有技术中文档的排版确定，以现有公知常识所涉及的文档为创建类别块的依据，一方面能够实现快速分类，从而起到对复杂图文混排建立类别块的作用；另一方面，依据现有公知常识文档中的排版表现规则作为类别块的建立依据，能够使图文混排方法适配不同的文档进行图文混排。

在一些实施例中，所述类别块至少包括标题、文本、图片、列表、链接、视频和文件。

在本实施例中，类别块还可以包括符号、格式、字母等类别，其中标题包括一级标题、二级标题、三级标题和四级标题等，图片类别块可兼容不同格式和大小的图片，列表类别块的大小也不做限定。

在一些实施例中，所述类别块配置信息至少包括文档流类型和画板类型；

所述文档流类型，用于按照预设的布局顺序排布类别块；

所述画板类型，包括类别块位置坐标信息，用于通过所述位置坐标信息对类别块布局进行定位。

在本实施例中，文档流类型中文档内容的分布处于一种固定的姿态，而画板类型中文档内容的位置具有随机性和可移动性。

需要说明的是，文档流预设的布局顺序为以从上之下的布局顺序排布类别块。

在一些实施例中，基于预设的模式，采用不同的字段模型的填入值，确定文档流类型和画板类型。

在本实施例中，用字段model的填入值来区分两种类型，对应不同的页面布局方式；文档流的形式，内容块从上到下的布局方式，画板的形式中类别块间的布局可更改，并不遵循从上到下的布局方式。对于画板的形式，类别块中增加了位置坐标等设置的字段，适配所见即所得。当生成二维码分享给别人时，首先是会读取出model字段，判断展示页面的布局方式。

在一些实施例中，请参阅图3，所述得到类别块配置信息和类别块内容编辑信息之后，还包括：

S301、获取待渲染类别块内容编辑信息；

S302、根据所述待渲染类别块内容编辑信息的类型，确定对应的渲染器相关配置，并初始化渲染器；

S303、基于所述初始化渲染器，对所述待渲染类别块内容编辑信息进行响应渲染，获得渲染类别块内容编辑信息。

在本实施例中，通过渲染模块能够提供流畅的内容编辑以及动态二维码的生成过程。

需要说明的是，渲染器内部流程包括解析对应数据、渲染数据以及返回渲染结果。

在一些实施例中，所述得到编辑内容后的类别块后，还包括：

基于预设的解析函数，解析所述类别块信息中的关键字和内容代码段；

逐行遍历所述关键字对应的待替换代码段，采用所述内容代码段替换所述待替换代码段，得到解析后的数据结构。

在本实施例中，编辑完成后，如果需要分享到网页上，所以会将Schema结构转换成网页需要的HTML数据结构。

在一个具体的实施例中，标题内容块的转换Scehma结构定义的标题内容块type＝title，其中：

Level＝1/2/3/4；具体的，1、2、3、4分别对应一级标题、二级标题、三级标题、四级标题；

转换成HTML对应的一行一行的文本格式为：

HTML1；

HTML2；

HTML3；

HTML4；

其中HTML1表示一级标题，HTML2表示二级标题，HTML3表示三级标题，HTML4表示四级标题。

在一些实施例中所述得到编辑内容后的类别块后，还包括：

基于预设的反解析函数，解析待反解析文本信息中的待反解析关键字和待反解析内容代码段；

逐行遍历所述待反解析关键字对应的待反替换代码段，采用所述待反解析内容代码段替换所述待反替换代码段，得到反解析后适配所述预设的模式的数据结构。

在本实施例中，从网页上复制一段HTML格式的内容，放在类别块中，并且希望保留格式，则需要进行反解析转换成Schema结构。

在一些实施例中，所述根据所述编辑内容后的类别块，生成相应的动态二维码，包括：

根据所述编辑内容后的类别块，生成广域网访问链接；

根据所述广域网访问链接，生成相应的动态二维码。

在本实施例中，二维码的内容是固定的但对应的用户编辑的内容是可以动态的，即二维码的内容对应的是一个广域网的地址(如:http://www.baidu.com)广域网的地址是可以固定的，但是扫码访问的时候这个广域网的网址访问的内容可以是动态的。

基于上述移动端图文混排方法，本发明实施例还提供一种移动端图文混排装置400，请参阅图4，包括类别块设定模块410、指令接收模块420、指令解析模块430、类别块编辑模块440和动态二维码生成模块450。

类别块设定模块410，用于基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；

指令接收模块420，用于接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；

指令解析模块430，用于对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；

类别块编辑模块440，用于根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；

动态二维码生成模块450，用于根据所述编辑内容后的类别块，生成相应的动态二维码。

以上所述本发明的具体实施方式，并不构成对本发明保护范围的限定。任何根据本发明的技术构思所做出的各种其他相应的改变与变形，均应包含在本发明权利要求的保护范围内。

Claims (10)

1.一种移动端图文混排方法，其特征在于，所述方法包括：

基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；

接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；

对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；

根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；

根据所述编辑内容后的类别块，生成相应的动态二维码。

2.根据权利要求1所述的移动端图文混排方法，其特征在于，所述基于预设的图文混排内容的排版，设定图文混排内容对应的类别块，包括：

基于预设的模式，获取图文混排内容对应的文档的配置信息和内容类别信息；

根据所述对应的文档的配置信息和内容类别信息，设定不同图文混排内容对应的类别块。

3.根据权利要求2所述的移动端图文混排方法，其特征在于，所述类别块至少包括标题、文本、图片、列表、链接、视频和文件。

4.根据权利要求2所述的移动端图文混排方法，其特征在于，所述类别块配置信息至少包括文档流类型和画板类型；

所述文档流类型，用于按照预设的布局顺序排布类别块；

所述画板类型，包括类别块位置坐标信息，用于通过所述位置坐标信息对类别块布局进行定位。

5.根据权利要求4所述的移动端图文混排方法，其特征在于，基于预设的模式，采用不同的字段模型的填入值，确定文档流类型和画板类型。

6.根据权利要求1所述的移动端图文混排方法，其特征在于，所述得到类别块配置信息和类别块内容编辑信息之后，还包括：

获取待渲染类别块内容编辑信息；

根据所述待渲染类别块内容编辑信息的类型，确定对应的渲染器相关配置，并初始化渲染器；

基于所述初始化渲染器，对所述待渲染类别块内容编辑信息进行响应渲染，获得渲染类别块内容编辑信息。

7.根据权利要求1所述的移动端图文混排方法，其特征在于，所述得到编辑内容后的类别块后，还包括：

基于预设的解析函数，解析所述类别块信息中的关键字和内容代码段；

逐行遍历所述关键字对应的待替换代码段，采用所述内容代码段替换所述待替换代码段，得到解析后的数据结构。

8.根据权利要求7所述的移动端图文混排方法，其特征在于，所述得到编辑内容后的类别块后，还包括：

基于预设的反解析函数，解析待反解析文本信息中的待反解析关键字和待反解析内容代码段；

逐行遍历所述待反解析关键字对应的待反替换代码段，采用所述待反解析内容代码段替换所述待反替换代码段，得到反解析后适配所述预设的模式的数据结构。

9.根据权利要求1所述的移动端图文混排方法，其特征在于，所述根据所述编辑内容后的类别块，生成相应的动态二维码，包括：

根据所述编辑内容后的类别块，生成广域网访问链接；

根据所述广域网访问链接，生成相应的动态二维码。

10.一种移动端图文混排装置，其特征在于，包括：

类别块设定模块，用于基于预设的图文混排内容的排版，设定图文混排内容对应的类别块；

指令接收模块，用于接收类别块插入指令，所述类别块插入指令由用户在移动端根据待编辑图文混排内容对应的文档的位置属性和内容属性确定；

指令解析模块，用于对所述类别块插入指令进行解析，得到类别块配置信息和类别块内容编辑信息；

类别块编辑模块，用于根据所述类别块配置信息和类别块内容编辑信息，得到编辑内容后的类别块；

动态二维码生成模块，用于根据所述编辑内容后的类别块，生成相应的动态二维码。

Images