题型属性样式修改

src/views/exercise_questions/create/components/common/QuestionBase.vue

@@ -137,10 +137,6 @@ export default {
           width: 250px;
         }
       }
-
-      :deep .el-form-item.el-form-item--small {
-        display: flex;
-      }
     }
   }
 }

src/views/exercise_questions/create/components/exercises/AnswerQuestion.vue

@@ -3,6 +3,11 @@
     <template #content>
       <div class="stem">
         <RichText v-model="data.stem" :font-size="18" placeholder="输入题干" />
+        <RichText
+          v-if="isEnable(data.property.is_enable_description)"
+          v-model="data.description"
+          placeholder="输入提示"
+        />
         <el-input
           v-if="isEnable(data.property.is_enable_reference_answer)"
           v-model="data.reference_answer"
@@ -14,11 +19,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -29,6 +34,17 @@
           </el-radio>
         </el-form-item>
 
+        <el-form-item label="提示">
+          <el-radio
+            v-for="{ value, label } in switchOption"
+            :key="value"
+            v-model="data.property.is_enable_description"
+            :label="value"
+          >
+            {{ label }}
+          </el-radio>
+        </el-form-item>
+
         <el-form-item label="题干题号">
           <el-select v-model="data.property.stem_question_number_font_size">
             <el-option v-for="item in fontSizeList" :key="item" :label="item" :value="item" />
@@ -56,7 +72,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ChineseQuestion.vue

@@ -60,11 +60,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -99,7 +99,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ChooseToneQuestion.vue

@@ -56,11 +56,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -100,7 +100,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/DialogueQuestion.vue

@@ -124,11 +124,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -163,7 +163,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/EssayQuestion.vue

@@ -20,11 +20,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -70,7 +70,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/FillQuestion.vue

@@ -40,11 +40,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -79,7 +79,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/JudgeQuestion.vue

@@ -51,11 +51,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -90,7 +90,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ListenFillQuestion.vue

@@ -55,11 +55,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -104,7 +104,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ListenJudgeQuestion.vue

@@ -4,6 +4,12 @@
       <div class="stem">
         <RichText v-model="data.stem" :font-size="18" placeholder="输入题干" />
 
+        <RichText
+          v-if="isEnable(data.property.is_enable_description)"
+          v-model="data.description"
+          placeholder="输入提示"
+        />
+
         <UploadAudio
           v-show="isEnable(data.property.is_enable_listening)"
           :file-id="data.file_id_list?.[0]"
@@ -58,11 +64,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -72,6 +78,18 @@
             {{ label }}
           </el-radio>
         </el-form-item>
+
+        <el-form-item label="提示">
+          <el-radio
+            v-for="{ value, label } in switchOption"
+            :key="value"
+            v-model="data.property.is_enable_description"
+            :label="value"
+          >
+            {{ label }}
+          </el-radio>
+        </el-form-item>
+
         <el-form-item label="题干题号">
           <el-select v-model="data.property.stem_question_number_font_size">
             <el-option v-for="item in fontSizeList" :key="item" :label="item" :value="item" />
@@ -82,6 +100,7 @@
             <el-option v-for="item in fontSizeList" :key="item" :label="item" :value="item" />
           </el-select>
         </el-form-item>
+
         <el-form-item label="听力">
           <el-radio
             v-for="{ value, label } in switchOption"
@@ -107,7 +126,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ListenSelectQuestion.vue

@@ -52,11 +52,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -108,7 +108,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="72px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.option_number"
             :min="2"
@@ -139,7 +139,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/MatchingQuestion.vue

@@ -39,11 +39,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -89,7 +89,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ReadAloudQuestion.vue

@@ -16,11 +16,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -58,7 +58,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ReadQuestion.vue

@@ -44,11 +44,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -83,7 +83,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/RepeatQuestion.vue

@@ -60,11 +60,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -99,7 +99,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ReplaceAnswerQuestion.vue

@@ -24,11 +24,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -63,7 +63,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/SelectQuestion.vue

@@ -60,11 +60,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -116,7 +116,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="72px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.option_number"
             :min="2"
@@ -137,7 +137,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/ShortAnswerQuestion.vue

@@ -31,11 +31,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -95,7 +95,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/SortQuestion.vue

@@ -58,11 +58,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -114,7 +114,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/TableFillQuestion.vue

@@ -4,6 +4,12 @@
       <div v-show="isMask" class="mask"></div>
       <div class="stem">
         <RichText v-model="data.stem" :font-size="18" placeholder="输入题干" />
+
+        <RichText
+          v-if="isEnable(data.property.is_enable_description)"
+          v-model="data.description"
+          placeholder="输入提示"
+        />
       </div>
 
       <div class="content">
@@ -48,11 +54,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -62,11 +68,24 @@
             {{ label }}
           </el-radio>
         </el-form-item>
+
+        <el-form-item label="提示">
+          <el-radio
+            v-for="{ value, label } in switchOption"
+            :key="value"
+            v-model="data.property.is_enable_description"
+            :label="value"
+          >
+            {{ label }}
+          </el-radio>
+        </el-form-item>
+
         <el-form-item label="题干题号">
           <el-select v-model="data.property.stem_question_number_font_size">
             <el-option v-for="item in fontSizeList" :key="item" :label="item" :value="item" />
           </el-select>
         </el-form-item>
+
         <el-form-item label="分值">
           <el-radio
             v-for="{ value, label } in scoreTypeList"
@@ -77,7 +96,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/TalkPictureQuestion.vue

@@ -46,11 +46,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -85,7 +85,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/WordCardQuestion.vue

@@ -87,11 +87,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -126,7 +126,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/WordDictationQuestion.vue

@@ -56,11 +56,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -95,7 +95,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/WritePictureQuestion.vue

@@ -49,11 +49,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -88,7 +88,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/create/components/exercises/WriteQuestion.vue

@@ -24,11 +24,11 @@
     </template>
 
     <template #property>
-      <el-form :model="data.property">
+      <el-form :model="data.property" label-width="72px" label-position="left">
         <el-form-item label="题号">
           <el-input v-model="data.property.question_number" />
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-radio
             v-for="{ value, label } in questionNumberTypeList"
             :key="value"
@@ -63,7 +63,7 @@
             {{ label }}
           </el-radio>
         </el-form-item>
-        <el-form-item label-width="45px">
+        <el-form-item>
           <el-input-number
             v-model="data.property.score"
             :min="0"

src/views/exercise_questions/data/answerQuestion.js

@@ -4,6 +4,7 @@ import { stemTypeList, questionNumberTypeList, scoreTypeList, switchOption, font
 export const answerQuestionData = {
   type: 'answer_question', // 题型
   stem: '', // 题干
+  description: '', // 描述
   reference_answer: '', // 参考答案
   answer: {
     score: 1,
@@ -15,6 +16,7 @@ export const answerQuestionData = {
     question_number: '1', // 题号
     stem_question_number_font_size: fontSizeList[5], // 题干题号
     is_enable_reference_answer: switchOption[0].value, // 是否开启参考答案
+    is_enable_description: switchOption[0].value, // 描述
     score: 1, // 分值
     score_type: scoreTypeList[0].value, // 分值类型
   },

src/views/exercise_questions/data/listenJudge.js

@@ -29,6 +29,7 @@ export function getListenJudgeData() {
   return {
     type: 'listen_judge', // 题型
     stem: '', // 题干
+    description: '', // 描述
     option_number_show_mode: optionTypeList[0].value, // 选项类型
     option_list: [getOption(), getOption(), getOption()], // 选项
     file_id_list: [], // 文件 id 列表
@@ -39,6 +40,7 @@ export function getListenJudgeData() {
       question_number: '1', // 题号
       stem_question_number_font_size: fontSizeList[5], // 题干题号
       option_question_number_font_size: fontSizeList[5], // 选项题号
+      is_enable_description: switchOption[0].value, // 描述
       option_type_list: [option_type_list[0].value, option_type_list[1].value], // 选项类型列表
       is_enable_listening: switchOption[0].value, // 是否听力
       score: 1, // 分值

src/views/exercise_questions/data/tableFill.js

@@ -13,6 +13,7 @@ export function getTableFillData() {
   return {
     type: 'table_fill', // 题型
     stem: '', // 题干
+    description: '', // 描述
     option_header_list: [
       { mark: getRandomNumber(), text: '', width: 50 },
       { mark: getRandomNumber(), text: '', width: 50 },
@@ -31,6 +32,7 @@ export function getTableFillData() {
       stem_type: stemTypeList[1].value, // 题干类型
       question_number: '1', // 题号
       stem_question_number_font_size: fontSizeList[5], // 题干题号
+      is_enable_description: switchOption[0].value, // 描述
       score: 1, // 分值
       score_type: scoreTypeList[0].value, // 分值类型
       is_enable_number_column: switchOption[0].value, // 是否启用序号列

src/views/exercise_questions/preview/AnswerQuestionPreview.vue

@@ -7,6 +7,11 @@
       </span>
       <span v-html="sanitizeHTML(data.stem)"></span>
     </div>
+    <div
+      v-if="isEnable(data.property.is_enable_description)"
+      class="description rich-text"
+      v-html="sanitizeHTML(data.description)"
+    ></div>
     <SoundRecordPreview :wav-blob.sync="answer.answer_list[0].audio_file_id" :disabled="disabled" position="center" />
     <div v-if="isEnable(data.property.is_enable_reference_answer) && isShowRightAnswer" class="reference-box">
       <h5 class="reference-title">参考答案</h5>

src/views/exercise_questions/preview/ListenJudgePreview.vue

@@ -7,6 +7,13 @@
       </span>
       <span v-html="sanitizeHTML(data.stem)"></span>
     </div>
+
+    <div
+      v-if="isEnable(data.property.is_enable_description)"
+      class="description rich-text"
+      v-html="sanitizeHTML(data.description)"
+    ></div>
+
     <AudioPlay
       v-if="isEnable(data.property.is_enable_listening) && data.file_id_list.length > 0"
       :file-id="data.file_id_list[0]"

src/views/exercise_questions/preview/TableFillPreview.vue

@@ -7,6 +7,11 @@
       </span>
       <span v-html="sanitizeHTML(data.stem)"></span>
     </div>
+    <div
+      v-if="isEnable(data.property.is_enable_description)"
+      class="description rich-text"
+      v-html="sanitizeHTML(data.description)"
+    ></div>
 
     <div class="form-wrapper">
       <div class="form" :style="{ width: `${data.property.form_width}px` }">