图文排版方法及装置制造方法及图纸

本发明专利技术实施例提供一种图文排版方法及装置，属于页面处理技术领域。该方法包括：获取在网页页面中的HTML5编辑器内编辑的图文内容；基于预设的图文处理逻辑，对图文内容进行处理；基于处理后的图文内容，输出排版后的图文文件。由于是基于HTML5编辑器，而不用依赖于PC端，并可以在任何终端进行图文排版，从而使得图文排版系统的兼容性更高。另外，由于HTML5相较于传统SVG文件，编辑功能更为强大且更加易用，从而使得图文排版系统的可拓展性及编辑效率越高。

Graphic and Text Layout Method and Device

The embodiment of the present invention provides a method and device for typesetting graphics and text, which belongs to the technical field of page processing. The method includes: acquiring the text content edited in HTML5 editor in Web pages; processing the text content based on the preset image processing logic; and outputting the typesetted text file based on the processed text content. Because it is based on HTML5 editor, and does not rely on the PC side, and can be typesetted at any terminal, so that the compatibility of the system is higher. In addition, HTML5 is more powerful and easy to use than traditional SVG files, which makes the graphic typesetting system more extensible and efficient.

【技术实现步骤摘要】
图文排版方法及装置
本专利技术实施例涉及页面处理
，尤其涉及一种图文排版方法及装置。
技术介绍
文字广告是以文字形式向公众介绍商品、宣传服务、告知文体活动等的一种传播方式。文字广告可以是单独的，也可以是与音像广告、招牌广告、橱窗广告、模型广告等物像广告并用。文字广告具有布局灵活、短小精干和费用低廉的特点，在出版物中，一般都有大量的文字广告。在相关技术中，主要是基于SVG(ScalableVectorGraphics，可缩放矢量图形)对文字广告进行设计，也即通过对SVG文件中的内容进行微调，从而达到文字广告细节的调整。由于上述过程比较依赖于SVG文件，而SVG文件比较复杂，从而文字排版效率比较低。
技术实现思路
为了解决上述问题，本专利技术实施例提供一种克服上述问题或者至少部分地解决上述问题的图文排版方法及装置。根据本专利技术实施例的第一方面，提供了一种图文排版方法，包括：获取在网页页面中的HTML5编辑器内编辑的图文内容；基于预设的图文处理逻辑，对图文内容进行处理；基于处理后的图文内容，输出排版后的图文文件。本专利技术实施例提供的方法，通过获取在网页页面中的HTML5编辑器内编辑的图文内容。基于预设的图文处理逻辑，对图文内容进行处理。基于处理后的图文内容，输出排版后的图文文件。由于是基于HTML5编辑器，而不用依赖于PC端，并可以在任何终端进行图文排版，从而使得图文排版系统的兼容性更高。另外，由于HTML5相较于传统SVG文件，编辑功能更为强大且更加易用，从而使得图文排版系统的可拓展性及编辑效率越高。根据本专利技术实施例的第二方面，提供了一种图文排版装置，包括：获取模块，用于获取在网页页面中的HTML5编辑器内编辑的图文内容；处理模块，用于基于预设的图文处理逻辑，对图文内容进行处理；输出模块，用于基于处理后的图文内容，输出排版后的图文文件。根据本专利技术实施例的第三方面，提供了一种电子设备，包括：至少一个处理器；以及与处理器通信连接的至少一个存储器，其中：存储器存储有可被处理器执行的程序指令，处理器调用程序指令能够执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的图文排版方法。根据本专利技术的第四方面，提供了一种非暂态计算机可读存储介质，非暂态计算机可读存储介质存储计算机指令，计算机指令使计算机执行第一方面的各种可能的实现方式中任一种可能的实现方式所提供的图文排版方法。应当理解的是，以上的一般描述和后文的细节描述是示例性和解释性的，并不能限制本专利技术实施例。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种图文排版方法的流程示意图；图2为本专利技术实施例提供的一种图文排版装置的结构示意图；图3为本专利技术实施例提供的一种电子设备的框图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。文字广告是以文字形式向公众介绍商品、宣传服务、告知文体活动等的一种传播方式。文字广告可以是单独的，也可以是与音像广告、招牌广告、橱窗广告、模型广告等物像广告并用。文字广告具有布局灵活、短小精干和费用低廉的特点，在出版物中，一般都有大量的文字广告。在相关技术中，主要是基于SVG(ScalableVectorGraphics，可缩放矢量图形)对文字广告进行设计，也即通过对SVG文件中的内容进行微调，从而达到文字广告细节的调整。由于上述过程比较依赖于SVG文件，而SVG文件比较复杂，从而文字排版效率比较低。另外，SVG文件至少还有如下缺陷：(1)文字不支持换行，需要用多个文字块来模拟；(2)文字字符间距不可通过样式直接设定，需要计算每个字符的x或y坐标，每次变动位置或文字长度都要重新计算；(3)文字与边框适应不方便，需要人工维持；(4)文字框编辑状态需要人工模拟；(5)定位方式不统一，有些标签采用xy属性进行定位，有些只能用matrix进行定位；(6)横排文字默认根据基线定位，若要上或下对齐需要进行转换(不同字体不同字号转换偏差不同)；(7)纵排文字不同浏览器中定位方式不同，若要左或右对齐需要转换(不同字体不同字号转换偏差不同)；(8)非常依赖现有C/S架构软件输出是SVG文件内容；(9)基于SVG文件的文字广告系统局限于PC端，不能跨平台生成图文文件，如PDF文件。针对上述情形，本专利技术实施例提供了一种图文排版方法。参见图1，该方法包括：101、获取在网页页面中的HTML5编辑器内编辑的图文内容。由于是在网页页面中的HTML5编辑器实现图文内容的编辑，而网页页面是需要通过浏览器打开，从而编辑器的操作界面需要支持不同的浏览器。例如，操作界面可以支持Firefox，而若最终输出的是PDF文件且用到了Chrome浏览器的引擎，从而操作界面还需要支持Chrome。其中，竖排Firefox默认靠左，Chrome默认靠右，从而可设置left属性，也即增加left:0来进行统一。还需要说明的是，像素精度可采用浏览器支持的精度，即整数位数与小数位数加起来不超过6位。单位统一使用毫米mm作为单位，不能出现像素px等相对单位，之后根据需求也可能会出现其它物理单位。102、基于预设的图文处理逻辑，对图文内容进行处理。这里图文处理逻辑，主要是包括文字图形的排版方式以及文字的变换方式。具体地，可基于HTML5设置的各项标签，对图文内容进行编辑。由于HTML5中不能对文字图形进行变换，如旋转之类的，从而需要加入预设的图文处理逻辑，以对图文内容进行变换。103、基于处理后的图文内容，输出排版后的图文文件。在得到处理后的图文内容后，可得到相关的HTML文件。最后基于相关的HTML文件，可输出排版后的图文文件。其中，图文文件格式可以为PDF文件，本专利技术实施例对此不作具体限定。需要说明的是，HTML文件可以不是完整的HTML文件，只需要有必要的标签内容即可，如至少一对div标签，本专利技术实施例对此也不作具体限定。本专利技术实施例提供的方法，通过获取在网页页面中的HTML5编辑器内编辑的图文内容。基于预设的图文处理逻辑，对图文内容进行处理。基于处理后的图文内容，输出排版后的图文文件。由于是基于HTML5编辑器，而不用依赖于PC端，并可以在任何终端进行图文排版，从而使得图文排版系统的兼容性更高。另外，由于HTML5相较于传统SVG文件，编辑功能更为强大且更加易用，从而使得图文排版系统的可拓展性及编辑效率越高。基于上述实施例的内容，作为一种可选实施例，图文内容至少由小组、文字块及图形块组成；文字块及图形块作为小组的子节点。其中，小组、文字块及图形块均可以通过标签进行表示，从而文字块及图形块对应的标签可被包含在小组对应的标签内，也即使得文字块及图形块作为小组的子节点。需要说明的是，由于在H本文档来自技高网...

【技术保护点】
1.一种图文排版方法，其特征在于，包括：获取在网页页面中的HTML5编辑器内编辑的图文内容；基于预设的图文处理逻辑，对所述图文内容进行处理；基于处理后的图文内容，输出排版后的图文文件。

【技术特征摘要】
1.一种图文排版方法，其特征在于，包括：获取在网页页面中的HTML5编辑器内编辑的图文内容；基于预设的图文处理逻辑，对所述图文内容进行处理；基于处理后的图文内容，输出排版后的图文文件。2.根据权利要求1所述的方法，其特征在于，所述图文内容至少由小组、文字块及图形块组成；所述文字块及所述图形块作为所述小组的子节点。3.根据权利要求2所述的方法，其特征在于，所述文字块及所述图形块均使用div标签进行定义，并使用style定义样式信息。4.根据权利要求2所述的方法，其特征在于，所述基于预设的图文处理逻辑，对所述图文内容进行处理，包括：通过在所述文字块中的文字或者所述图形块中的图形前面增加空格，以使得所述文字块中的文字与所述图形块中的图形对齐。5.根据权利要求2所述的方法，其特征在于，所述基于预设的图文处理逻辑，对所述图文内容进行处理，包括：通过将所述文字块与所述图形块的边框缩小或者将所述文字块及所述图形块居中显示，以使得所述文字块中的文字与所述图形块中的图形对齐。6....

【专利技术属性】
技术研发人员：徐龙，
申请(专利权)人：方正璞华软件武汉股份有限公司，方正株式武汉科技开发有限公司，
类型：发明
国别省市：湖北,42