一种证书编辑器及编辑方法技术

本发明专利技术公开了一种证书编辑器及编辑方法，涉及网页编辑技术领域

【技术实现步骤摘要】
一种证书编辑器及编辑方法


[0001]本专利技术涉及网页编辑
，具体而言，涉及一种证书编辑器及编辑方法
。

技术介绍

[0002]目前，在线学习平台颁布证书，使用的都是模版设计的布局，无法满足灵活定制企业专属的证书样式的需求
。
目前业务功能开发的组件较少，存在较大的技术功能缺陷：没有进行碰撞检测，元素可重叠，没有元素对齐吸附等效果
。

技术实现思路

[0003]为了克服上述问题或者至少部分地解决上述问题，本专利技术提供一种证书编辑器及编辑方法，提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求
。
[0004]为解决上述技术问题，本专利技术采用的技术方案为：
[0005]第一方面，本专利技术提供一种证书编辑器，包括底图模版选择模块
、
组件列表选择模块
、
组件属性配置模块以及容器，其中：
[0006]底图模版选择模块，用于提供多种证书底图模版，并录入用户选择的证书底图模版；
[0007]组件列表选择模块，用于提供多种证书编辑组件，形成组件列表；
[0008]组件属性配置模块，用于对组件列表中的各个组件的属性进行编辑配置；
[0009]容器，用于实时预览展示配置效果
。
[0010]本专利技术通过底图模版选择模块
、
组件列表选择模块
、
组件属性配置模块以及容器等多个板块的配合，可实现可视化在线编辑<br/>、
拖拽设计，支持图片
、
短文本
、
长文本
、
自定义背景设计组件；用户选择底图模版后，再进行布局设计，使用文本组件，可进行内容
、
位置
、
行高
、
文本框大小元素进行编辑，实时预览设计效果
。
通过底图模版选择模块提供多种证书底图模版，用户可以根据自己实际需求选择合适的证书底图模版，在此基础上，通过组件列表选择模块提供多种证书编辑组件，用户可以根据需求选择一种或者多种组件，以形成对应的组件列表；然后，通过组件属性配置模块对组件列表中的各个组件的属性进行编辑配置，配置完成后通过容器展示最后的配置设计效果
。
本专利技术提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求
。
[0011]基于第一方面，进一步地，上述组件列表包括短文本组件
、
长文本组件
、
图片组件中的一种或多种组件
。
[0012]基于第一方面，进一步地，上述证书底图模版包括横版样式
、
竖版样式
、
底图图片
。
[0013]基于第一方面，进一步地，上述各个组件的属性包括组件的内容
、
位置
、
行高
、
文本框大小
。
[0014]第二方面，本专利技术提供一种证书编辑方法，包括以下步骤：
[0015]录入用户选择的证书底图模版；
[0016]拖动组件列表到容器区域进行布局展示；
[0017]对容器区域内的组件列表中的各个组件的属性进行配置；
[0018]配置完成后，在容器区域进行证书样式展示
。
[0019]本专利技术可实现可视化在线编辑
、
拖拽设计，支持图片
、
短文本
、
长文本
、
自定义背景设计组件；用户选择底图模版后，再进行布局设计，使用文本组件，可进行内容
、
位置
、
行高
、
文本框大小元素进行编辑，实时预览设计效果
。
本专利技术提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求
。
[0020]基于第二方面，进一步地，上述拖动组件列表到容器区域进行布局展示的方法包括以下步骤：
[0021]采用
html5
的
draggable
拖拽技术拖动组件列表到容器区域进行布局展示
。
[0022]基于第二方面，进一步地，上述各个组件的属性包括组件的内容
、
位置
、
行高
、
文本框大小
。
[0023]基于第二方面，进一步地，上述对容器区域内的组件列表中的各个组件的属性进行配置的方法包括以下步骤：
[0024]对容器区域内的组件列表中的各个组件的内容
、
位置
、
行高
、
文本框大小进行编辑配置
。
[0025]第三方面，本申请提供一种电子设备，其包括存储器，用于存储一个或多个程序；处理器；当一个或多个程序被处理器执行时，实现如上述第二方面中任一项的方法
。
[0026]第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述第二方面中任一项的方法
。
[0027]本专利技术至少具有如下优点或有益效果：
[0028]本专利技术提供一种证书编辑器及编辑方法，可实现可视化在线编辑
、
拖拽设计，支持图片
、
短文本
、
长文本
、
自定义背景设计组件；用户选择底图模版后，再进行布局设计，使用文本组件，可进行内容
、
位置
、
行高
、
文本框大小元素进行编辑，实时预览设计效果
。
本专利技术提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求
。
附图说明
[0029]为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图
。
[0030]图1为本专利技术实施例一种证书编辑器的原理框图；
[0031]图2为本专利技术实施例一种证书编辑器的功能示意图；
[0032]图3为本专利技术实施例一种证书编辑方法的流程图；
[0033]图4为本专利技术实施例提供的一种电子设备的结构框图
。
[0034]附图标记说明：
100、
底图模版选择模块；
200、
组件列表选择模块；
300、
组件属性配置模块；
400、
容器；
101、
存储器；
102、
处理器；
103、
通信接口
。
具体实施方式
[0035]为使本专利技术实施例的目的<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种证书编辑器，其特征在于，包括底图模版选择模块
、
组件列表选择模块
、
组件属性配置模块以及容器，其中：底图模版选择模块，用于提供多种证书底图模版，并录入用户选择的证书底图模版；组件列表选择模块，用于提供多种证书编辑组件，形成组件列表；组件属性配置模块，用于对组件列表中的各个组件的属性进行编辑配置；容器，用于实时预览展示配置效果
。2.
根据权利要求1所述的一种证书编辑器，其特征在于，所述组件列表包括短文本组件
、
长文本组件
、
图片组件中的一种或多种组件
。3.
根据权利要求1所述的一种证书编辑器，其特征在于，所述证书底图模版包括横版样式
、
竖版样式
、
底图图片
。4.
根据权利要求1所述的一种证书编辑器，其特征在于，所述各个组件的属性包括组件的内容
、
位置
、
行高
、
文本框大小
。5.
一种证书编辑方法，其特征在于，包括以下步骤：录入用户选择的证书底图模版；拖动组件列表到容器区域进行布局展示；对容器区域内的组件列表中的各个组件的属性进行配置；配置完成后...

【专利技术属性】
技术研发人员：欧阳禄萍，黄建华，莫亦海，吴正全，
申请(专利权)人：知学云北京科技股份有限公司，
类型：发明
国别省市：