QxsBlankFill

qxs-blank-fill 负责填空题本体。题干中的 ______ 会被识别为填空位，答案按空位顺序维护。

填空答案回填预览

这个组件的预览态会直接把答案浅色填进题干空位里，编辑态则按“第几空”维护答案和同义词。

填空答案分组编辑

编辑态会把答案按空位拆成多组，并支持在每个空位下继续添加同义词。
题目右下角的“插入填空符”会把 ______ 插回当前光标位置。

使用说明

填空位识别

预览和导出前都会把题干里的 <filter></filter> 统一视为 ______。宿主在初始化数据时只需要保证题干中存在填空位。

参考答案维护

同一空位如果有多个同义词，使用英文逗号分隔即可，例如 两周,14天。

QxsBlankFill API

属性

名称	说明	类型	默认值
`title`	题干内容	`string`	`''`
`answer-list`	每个空位的答案数组	`any[]`	`[]`
`exam-answer-setting`	填空题答题设置	`{ isInOrder?: boolean; isIgnoreCase?: boolean }`	`{}`
`analysis`	解析内容	`string`	`''`
`show-analysis`	是否显示解析编辑区	`boolean`	`false`
`show-rich-text`	是否整体启用副文本能力	`boolean`	`false`
`hide-add-rich-text`	是否隐藏“添加题目描述（图文）”入口	`boolean`	`false`
`show-delete-action`	是否显示内置删除按钮	`boolean`	`true`
`show-save-action`	是否显示内置完成编辑按钮	`boolean`	`true`
`use-model`	是否启用 `update:modelValue`	`boolean`	`false`

事件

名称	说明	Detail
`save`	点击内置“完成编辑”后触发	`toJSON()` 导出的题目数据
`delete`	点击内置“删除”后触发	`null`
`update:modelValue`	仅在开启 `use-model` 时触发	当前题干内容

插槽

名称	说明
`action`	自定义底部操作区
`business-tag`	题目标题旁的宿主业务标签
`sub-text`	接管题目副文本编辑区

方法

名称	说明	类型
`validate()`	返回当前题目校验错误列表	`() => SubjectError[]`
`toJSON()`	导出当前题目数据	`() => Promise<any>`

数据结构

{
  customId: crypto.randomUUID(),
  answerType: 'blank_fill',
  title: '',
  analysis: '',
  isEdit: true,
  examRichTextContent: '',
  answers: [],
  examAnswerSettingBO: {
    isInOrder: false,
    isIgnoreCase: true,
  },
}

QxsBlankFill ​

填空答案回填预览 ​

填空答案分组编辑 ​

使用说明 ​

QxsBlankFill API ​

属性 ​

事件 ​

插槽 ​

方法 ​

数据结构 ​