From 0ec8af20e061172b1993363f8b566000ddbd539b Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 23 Jan 2026 17:03:37 +0800
Subject: [PATCH] =?UTF-8?q?refactor(playground):=20form=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E7=9A=84=E7=BB=93=E6=9E=9C=E4=BD=BF=E7=94=A8=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=99=A8=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 playground/src/pages/Form.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/playground/src/pages/Form.vue b/playground/src/pages/Form.vue
index 11a0374e..254a9adb 100644
--- a/playground/src/pages/Form.vue
+++ b/playground/src/pages/Form.vue
@@ -21,7 +21,7 @@
   </div>
 
   <TMagicDialog v-model="resultVisible" title="result" append-to-body>
-    <pre><code class="language-javascript hljs" v-html="result"></code></pre>
+    <TMagicCodeEditor :init-values="result" readonly height="60vh"></TMagicCodeEditor>
   </TMagicDialog>
 </template>
 
@@ -30,7 +30,7 @@ import { markRaw, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { Coin } from '@element-plus/icons-vue';
 
-import { MenuButton, MForm, TMagicDialog, tMagicMessage } from '@tmagic/editor';
+import { MenuButton, MForm, TMagicCodeEditor, TMagicDialog, tMagicMessage } from '@tmagic/editor';
 
 import NavMenu from '../components/NavMenu.vue';
 import formDsl from '../configs/formDsl';