github/tmagic-editor
1
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2026-01-25 19:28:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(playground): form提交的结果使用代码编辑器显示

Browse Source
This commit is contained in:
roymondchen 2026-01-23 17:03:37 +08:00
parent b4c2c65ccb
commit 0ec8af20e0
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
playground/src/pages/Form.vue
View File

@ -21,7 +21,7 @@
</div> </div>
<TMagicDialog v-model="resultVisible" title="result" append-to-body> <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> </TMagicDialog>
</template> </template>
@ -30,7 +30,7 @@ import { markRaw, ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { Coin } from '@element-plus/icons-vue'; 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 NavMenu from '../components/NavMenu.vue';
import formDsl from '../configs/formDsl'; import formDsl from '../configs/formDsl';