Skip to content

QxsTextFill

qxs-text-fill 负责问答题本体,支持关键词、关键词命中设置,以及参考答案正文。

问答题预览输出

问答题的预览态会同时展示关键词和参考答案正文;编辑态则拆成答题设置、关键词维护和参考答案输入三部分。

loading

关键词与答案编辑

编辑态会把问答题拆成三块:答题设置、关键词维护和参考答案正文。
这里的 keywordCount 决定最终校验时至少需要命中几个关键词。

loading

使用说明

keywordCount

问答题的“至少命中几个关键词”来自 exam-answer-setting.keywordCount / examAnswerSettingBO.keywordCount,不是 leastAnswerCount

关键词写法

同一组关键词如果要兼容多个同义词,使用英文逗号分隔,例如 饮食管理,饮食控制

QxsTextFill API

属性

名称说明类型默认值
title题干内容string''
answer-list关键词数组any[][]
exam-answer-setting问答题答题设置,包含 keywordCount{ isInOrder?: boolean; isIgnoreCase?: boolean; keywordCount?: number }{}
exam-expand参考答案正文string''
analysis解析内容string''
search-handler宿主自定义搜索处理器(query: string, answerType: number) => Promise<any[]>-
show-analysis是否显示解析编辑区booleanfalse
show-rich-text是否整体启用副文本能力booleanfalse
hide-add-rich-text是否隐藏“添加题目描述(图文)”入口booleanfalse
show-delete-action是否显示内置删除按钮booleantrue
show-save-action是否显示内置完成编辑按钮booleantrue
use-model是否启用 update:modelValuebooleanfalse

事件

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

插槽

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

方法

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

数据结构

ts
{
  customId: crypto.randomUUID(),
  answerType: 'text_fill',
  title: '',
  analysis: '',
  isEdit: true,
  examRichTextContent: '',
  answers: [{ title: '', tag: '', showInput: false }],
  examAnswerSettingBO: {
    isInOrder: false,
    isIgnoreCase: true,
    keywordCount: 1,
  },
  examExpand: '',
}
QxsTextFill has loaded