[发明专利]一种基于iframe-message微前端的跨平台试题录入方法

权利要求书

1.一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述试题录入方法包括：

配置定制化参数；

请求server端获取url；

Iframe根据url重定向到录题服务；

进行试题录入；

保存试题；

判断所述试题是否通过校验；如果是，请求sever端保存，试题入库；

Broadcast向业务方输出试题id；

业务方接收试题id关闭frame。

2.根据权利要求1所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述配置定制化参数具体包括：两种模式，第一种模式为通过broadcast函数的共享数据data，通过不同的参数来定制试题录入服务的各个模块的逻辑；第二种模式为通过server端不同的业务方http接口返回的不同的JSON配置文件来实现。

3.根据权利要求1所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述试题录入的内容包括：年部学科、试题主体数据、难度系数、标签标注、试题来源。

4.根据权利要求3所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述试题主体数据在录入时，均为富文本编辑器，所述富文本编辑器基于CKEditor集成自研拼音插件、公式编辑器、竖式编辑器、GGB编辑器，增强图片、音频和视频上传功能。

5.根据权利要求1所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述试题录入的方式包括：手动录入、粘贴、上传图片、对图片进行OCR识别；根据映射规则对题干、选项、答案、解析的主体内容进行自动填充。

6.根据权利要求1所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述录入方法还包括：

在iframe和容器标签之间建立一个Connection连接中心，Connection是iframe-message对外输出的一个构造函数，基于该构造函数初始化一个Connection实例，并将该实例存入连接中心的handshake变量、便于后期获取。

7.根据权利要求1所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述录入方法还包括：

基于事件发布订阅机制，Connection实例绑定了两个核心的事件处理函数：broadcast函数和on函数，用于解决业务方与服务双方通信、状态数据共享的问题。

8.根据权利要求1所述的一种基于iframe-message微前端的跨平台试题录入方法，其特征在于，所述录入方法还包括：

iframe内外DOM割裂的问题，主应用在Connection中心，向子应用，共享一个slot插槽，在iframe内部拦截document对象，统一将dom指向slot插槽，弹窗就被约束在slot内部，覆盖到整个浏览器窗口居中。