[发明专利]一种图文排版编辑方法、编辑器、计算机设备和存储介质

说明书

本发明公开了一种图文排版编辑方法，通过响应于用户的调用指令，显示多个模版中的第一模版，响应于用户的编辑指令，对所述第一模版进行编辑，得到第二模版，响应于用户的保存指令，将所述第二模版保存至目标位置，并根据所述第二模版生成与所述第二模版对应的HTML代码，响应于用户的分享指令，在目标应用程序中导入所述第二模版对应的HTML代码。本发明将图文排版中的排版样式的代码转变为模版组件，用户可以根据自身的需要选择模版组件，模版化的图文内容排版，不要了解代码，所见即所得，大幅度的降低了图文内容排版的门槛。本发明通过模版化制作，对于已经模版化的排版布局可以无限制复用，节约了图文排版过程中的时间与人力成本。

技术领域

本申请涉及排版编辑技术领域，特别是涉及一种图文排版编辑方法、编辑器、计算机设备和存储介质。

背景技术

随着微信公众号图文的广泛应用，对公众号推文排版的内容要求也越来越精细，对内容排版的要求也越来越高，微信图文排版就是通过html，css等技术对页面内容和排版布局进行合理的设置，使内容展现更加美观，用户阅读体验更好。

由于图文内容的本质是通过html和css代码的结合，因此在日常的排版运营中存在一些缺陷：

(1)内容简陋：微信公众平台自有的编辑器只提供基础的图片文字排版，不支持对内容的个性化排版处理；

(2)制作难度大：由于图文排版美化需要通过编程技术来完成，而普通的公众号运营人员又基本不具备编程的能力；

(3)制作成本高：在不具备技术条件的情况下，为了让图文更美观，一般会选择通过设计师将内容制作成图片然后发布，但是往往一篇图文需要经过多次反复修改才能发布，导致设计师需要频繁的修改设计稿然后导出图片，再由运营人员上传发布，时间和人力成本居高不下

(4)用户体验不理想：在没有技术的支持下，运营人员要么使用原始排版，很难让内容出彩，要么通过设计师出图，但是图片在不同网络情况下加载速度也会有所不同，往往需要长时间等待。

发明内容

基于此，针对上述技术问题，提供一种图文排版编辑方法、器、计算机设备和存储介质。

第一方面，一种图文排版编辑方法，所述方法包括：

通过显示界面显示组件中心界面和编辑器界面；

响应于用户的调用指令，在编辑器界面显示多个模版中的第一模版；

响应于用户的编辑指令，对所述第一模版进行编辑，得到第二模版；具体为：在所述显示组件中心界面选择目标组件，将所述目标组件的matrix字段插入到编辑器的blocks中，编辑器根据所述目标组件的matrix字段在预先设置的package中寻找对应的数据模型然后执行render函数渲染出html结构，得到第二模板；

响应于用户的保存图文指令，根据所述第二模版生成与所述第二模版对应的HTML代码，具体为：调用编辑器的renderHtml方法将所述blocks中的所有组件对应的数据模型全部重新渲染一遍，得到纯净的html并合成为一段完整的代码，并根据所述完整的代码输出目标图文，将所述目标图文保存至目标位置；

响应于用户的分享指令，在目标应用程序中分享所述目标图文。

上述方案中，可选地，对所述第一模版进行编辑，还包括：

在所述第一模版中插入图片；

调整所述第一模版中所述图片的位置、大小和角度；

调整所述第一模版中所述目标组件的边距；

调整所述第一模版中所述目标组件的参数。