diff --git a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
index 7892ea9f71..a974ccc52a 100644
--- a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
@@ -142,7 +142,6 @@
 
 <script>
 import TestPlanTestCaseStatusButton from '../../../common/TestPlanTestCaseStatusButton';
-import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
 import ApiTestDetail from "../test/ApiTestDetail";
 import ApiTestResult from "../test/ApiTestResult";
 import PerformanceTestDetail from "../test/PerformanceTestDetail";
@@ -191,10 +190,6 @@ export default {
       showDialog: false,
       testCase: {},
       index: 0,
-      editor: ClassicEditor,
-      editorConfig: {
-        toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', '|', 'undo', 'redo'],
-      },
       readConfig: {toolbar: []},
       test: {},
       activeTab: 'detail',
diff --git a/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue b/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue
index d4188e309f..702d917a1e 100644
--- a/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/functional/TestPlanCaseIssueItem.vue
@@ -4,12 +4,14 @@
     <ms-table-column prop="description" :label="$t('test_track.issue.description')">
       <template v-slot:default="scope">
         <el-popover
-          placement="left"
-          width="400"
+          placement="right"
+          width="500"
           trigger="hover"
-        >
-          <ckeditor :editor="editor" disabled :config="editorConfig"
-                    v-model="scope.row.description"/>
+          popper-class="issues-popover">
+          <ms-mark-down-text
+            prop="description"
+            :data="scope.row"
+            :disabled="true"/>
           <el-button slot="reference" type="text">{{ $t('test_track.issue.preview') }}</el-button>
         </el-popover>
       </template>
@@ -21,23 +23,14 @@
 <script>
 
 import MsTableColumn from "@/business/components/common/components/table/MsTableColumn";
-import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
+import MsMarkDownText from "@/business/components/track/case/components/MsMarkDownText";
 
 export default {
   name: "TestPlanCaseIssueItem",
-  components: {MsTableColumn},
+  components: {MsMarkDownText, MsTableColumn},
   props: {
     data: Object
-  },
-  data() {
-    return {
-      visible: true,
-      editor: ClassicEditor,
-      editorConfig: {
-        toolbar: [],
-      },
-    }
-  },
+  }
 }
 </script>