diff --git a/src/views/components/json-editor/index.vue b/src/views/components/json-editor/index.vue
index 233574418..61a9f1119 100644
--- a/src/views/components/json-editor/index.vue
+++ b/src/views/components/json-editor/index.vue
@@ -82,9 +82,20 @@ watch(
             target="_blank"
             style="font-size: 16px; margin: 0 4px 5px"
           >
-            vue-json-pretty（支持大数据量）
-          </el-link></span
-        >
+            vue-json-pretty
+          </el-link>
+          （支持大数据量）。
+        </span>
+        <span class="font-medium">
+          当然我们还有一款代码编辑器组件推荐（这里就不做演示了），采用开源的
+          <el-link
+            href="https://github.com/surmon-china/vue-codemirror"
+            target="_blank"
+            style="font-size: 16px; margin: 0 4px 5px"
+          >
+            codemirror6
+          </el-link>
+        </span>
       </div>
     </template>
     <vue-json-pretty
diff --git a/src/views/components/video/index.vue b/src/views/components/video/index.vue
index 7367f86e5..8835abbb6 100644
--- a/src/views/components/video/index.vue
+++ b/src/views/components/video/index.vue
@@ -42,8 +42,8 @@ onMounted(() => {
             style="font-size: 16px; margin: 0 4px 5px"
           >
             西瓜播放器
-          </el-link></span
-        >
+          </el-link>
+        </span>
       </div>
     </template>
     <div id="mse" />