简繁体切换

src/components/CommonPreview.vue

@@ -19,6 +19,9 @@
             <el-option v-for="item in langList" :key="item.type" :label="item.name" :value="item.type" />
           </el-select>
         </span>
+        <span class="link">
+          <el-checkbox v-model="chinese" true-label="zh-Hant" false-label="zh-Hans">繁体</el-checkbox>
+        </span>
         <div class="operator">
           <slot name="operator" :courseware="courseware_info" :project-id="projectId"></slot>
         </div>

src/views/book/courseware/preview/components/input/InputPreview.vue

@@ -4,7 +4,7 @@
     <SerialNumberPosition v-if="isEnable(data.property.sn_display_mode)" :property="data.property" />
 
     <div class="main" :style="getMainStyle()">
-      <span class="rich-text" v-html="sanitizeHTML(data.content)"></span>
+      <span class="rich-text" v-html="convertText(sanitizeHTML(data.content))"></span>
       <el-input
         ref="input"
         v-model="data.answer.text"

src/views/book/courseware/preview/components/judge/JudgePreview.vue

@@ -26,7 +26,7 @@
               v-else
               class="rich-text"
               :style="{ fontSize: type === typeList[0] ? '12pt' : '' }"
-              v-html="sanitizeHTML(content)"
+              v-html="convertText(sanitizeHTML(content))"
             ></div>
           </div>
           <div class="option-type">

src/views/book/courseware/preview/components/matching/MatchingPreview.vue

@@ -27,7 +27,7 @@
               :pinyin-position="data.property.pinyin_position"
               :is-preview="true"
             />
-            <span v-else class="content rich-text" v-html="sanitizeHTML(content)"></span>
+            <span v-else class="content rich-text" v-html="convertText(sanitizeHTML(content))"></span>
             <div v-if="showLang" class="lang">
               {{ multilingual.find((item) => item.type === getLang())?.translation }}
             </div>
@@ -40,7 +40,7 @@
         <ul ref="answerList" class="option-list">
           <li v-for="(item, i) in data.option_list" :key="i" class="list-item">
             <div v-for="{ content, mark } in item" :key="mark" :class="['item-wrapper', `answer-item-${mark}`]">
-              <span class="content rich-text" v-html="sanitizeHTML(content)"></span>
+              <span class="content rich-text" v-html="convertText(sanitizeHTML(content))"></span>
             </div>
           </li>
         </ul>

src/views/book/courseware/preview/components/select/SelectPreview.vue

@@ -30,7 +30,7 @@
             v-else
             class="content rich-text"
             :style="{ fontSize: type === typeList[0] ? '12pt' : '' }"
-            v-html="sanitizeHTML(content)"
+            v-html="convertText(sanitizeHTML(content))"
           ></span>
           <div v-if="showLang" class="lang">
             {{ multilingual.find((item) => item.type === getLang())?.translation }}

src/views/book/courseware/preview/components/sort/SortPreview.vue

@@ -31,7 +31,7 @@
                 :pinyin-position="data.property.pinyin_position"
                 :is-preview="true"
               />
-              <span v-else class="rich-text" v-html="sanitizeHTML(item.content)"></span>
+              <span v-else class="rich-text" v-html="convertText(sanitizeHTML(item.content))"></span>
               <div v-if="showLang" class="lang">
                 {{ item.multilingual.find((item) => item.type === getLang())?.translation }}
               </div>
@@ -51,7 +51,7 @@
               }"
             >
               <li v-for="(item, i) in right_answer_list" :key="i" :class="['drag-item']">
-                <span class="rich-text" v-html="sanitizeHTML(item.content)"></span>
+                <span class="rich-text" v-html="convertText(sanitizeHTML(item.content))"></span>
               </li>
             </transition-group>
           </draggable>

src/views/book/courseware/preview/components/voice_matrix/VoiceMatrixPreview.vue

@@ -138,7 +138,7 @@
                   <span
                     class="content rich-text"
                     :style="{ textAlign: data.property.align }"
-                    v-html="sanitizeHTML(column.content)"
+                    v-html="convertText(sanitizeHTML(column.content))"
                   ></span>
 
                   <div v-if="showLang" class="lang">