一种证书编辑器及编辑方法与流程

本发明涉及网页编辑，具体而言，涉及一种证书编辑器及编辑方法。

背景技术：

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

技术实现思路

1、为了克服上述问题或者至少部分地解决上述问题，本发明提供一种证书编辑器及编辑方法，提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求。

2、为解决上述技术问题，本发明采用的技术方案为：

3、第一方面，本发明提供一种证书编辑器，包括底图模版选择模块、组件列表选择模块、组件属性配置模块以及容器，其中：

4、底图模版选择模块，用于提供多种证书底图模版，并录入用户选择的证书底图模版；

5、组件列表选择模块，用于提供多种证书编辑组件，形成组件列表；

6、组件属性配置模块，用于对组件列表中的各个组件的属性进行编辑配置；

7、容器，用于实时预览展示配置效果。

8、本发明通过底图模版选择模块、组件列表选择模块、组件属性配置模块以及容器等多个板块的配合，可实现可视化在线编辑、拖拽设计，支持图片、短文本、长文本、自定义背景设计组件；用户选择底图模版后，再进行布局设计，使用文本组件，可进行内容、位置、行高、文本框大小元素进行编辑，实时预览设计效果。通过底图模版选择模块提供多种证书底图模版，用户可以根据自己实际需求选择合适的证书底图模版，在此基础上，通过组件列表选择模块提供多种证书编辑组件，用户可以根据需求选择一种或者多种组件，以形成对应的组件列表；然后，通过组件属性配置模块对组件列表中的各个组件的属性进行编辑配置，配置完成后通过容器展示最后的配置设计效果。本发明提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求。

9、基于第一方面，进一步地，上述组件列表包括短文本组件、长文本组件、图片组件中的一种或多种组件。

10、基于第一方面，进一步地，上述证书底图模版包括横版样式、竖版样式、底图图片。

11、基于第一方面，进一步地，上述各个组件的属性包括组件的内容、位置、行高、文本框大小。

12、第二方面，本发明提供一种证书编辑方法，包括以下步骤：

13、录入用户选择的证书底图模版；

14、拖动组件列表到容器区域进行布局展示；

15、对容器区域内的组件列表中的各个组件的属性进行配置；

16、配置完成后，在容器区域进行证书样式展示。

17、本发明可实现可视化在线编辑、拖拽设计，支持图片、短文本、长文本、自定义背景设计组件；用户选择底图模版后，再进行布局设计，使用文本组件，可进行内容、位置、行高、文本框大小元素进行编辑，实时预览设计效果。本发明提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求。

18、基于第二方面，进一步地，上述拖动组件列表到容器区域进行布局展示的方法包括以下步骤：

19、采用html5的draggable拖拽技术拖动组件列表到容器区域进行布局展示。

20、基于第二方面，进一步地，上述各个组件的属性包括组件的内容、位置、行高、文本框大小。

21、基于第二方面，进一步地，上述对容器区域内的组件列表中的各个组件的属性进行配置的方法包括以下步骤：

22、对容器区域内的组件列表中的各个组件的内容、位置、行高、文本框大小进行编辑配置。

23、第三方面，本申请提供一种电子设备，其包括存储器，用于存储一个或多个程序；处理器；当一个或多个程序被处理器执行时，实现如上述第二方面中任一项的方法。

24、第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述第二方面中任一项的方法。

25、本发明至少具有如下优点或有益效果：

26、本发明提供一种证书编辑器及编辑方法，可实现可视化在线编辑、拖拽设计，支持图片、短文本、长文本、自定义背景设计组件；用户选择底图模版后，再进行布局设计，使用文本组件，可进行内容、位置、行高、文本框大小元素进行编辑，实时预览设计效果。本发明提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求。

技术特征：

1.一种证书编辑器，其特征在于，包括底图模版选择模块、组件列表选择模块、组件属性配置模块以及容器，其中：

2.根据权利要求1所述的一种证书编辑器，其特征在于，所述组件列表包括短文本组件、长文本组件、图片组件中的一种或多种组件。

3.根据权利要求1所述的一种证书编辑器，其特征在于，所述证书底图模版包括横版样式、竖版样式、底图图片。

4.根据权利要求1所述的一种证书编辑器，其特征在于，所述各个组件的属性包括组件的内容、位置、行高、文本框大小。

5.一种证书编辑方法，其特征在于，包括以下步骤：

6.根据权利要求5所述的一种证书编辑方法，其特征在于，所述拖动组件列表到容器区域进行布局展示的方法包括以下步骤：

7.根据权利要求5所述的一种证书编辑方法，其特征在于，所述各个组件的属性包括组件的内容、位置、行高、文本框大小。

8.根据权利要求7所述的一种证书编辑方法，其特征在于，所述对容器区域内的组件列表中的各个组件的属性进行配置的方法包括以下步骤：

9.一种电子设备，其特征在于，包括：

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求5-8中任一项所述的方法。

技术总结
本发明公开了一种证书编辑器及编辑方法，涉及网页编辑技术领域。该证书编辑器包括：包括底图模版选择模块、组件列表选择模块、组件属性配置模块以及容器，其中：底图模版选择模块，用于提供多种证书底图模版，并录入用户选择的证书底图模版；组件列表选择模块，用于提供多种证书编辑组件，形成组件列表；组件属性配置模块，用于对组件列表中的各个组件的属性进行编辑配置；容器，用于实时预览展示配置效果。本发明提供设计样式和底图模版可选，用户可以灵活配置证书样式，满足不同企业的定制需求。

技术研发人员：欧阳禄萍,黄建华,莫亦海,吴正全
受保护的技术使用者：知学云（北京）科技股份有限公司
技术研发日：
技术公布日：2024/1/15