lxm_front/tmagic-editor
1
0
Fork 0
mirror of synced 2026-04-03 06:28:35 +08:00
Code Issues Projects Releases Wiki Activity

docs: 更新教程中使用的tmagic版本

Browse Source
This commit is contained in:
roymondchen
2024-12-13 17:30:48 +08:00
parent 98f45d2334
commit 4f23aebd7f
3 changed files with 10 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/guide/tutorial/hello-world.md
View File

@@ -51,7 +51,7 @@ cd hello-world
## 添加依赖
```bash
npm install --save @tmagic/editor @tmagic/form @tmagic/stage @tmagic/design @tmagic/element-plus-adapter element-plus
npm install --save @tmagic/editor @tmagic/element-plus-adapter element-plus
```
## 注册组件
@@ -61,25 +61,19 @@ npm install --save @tmagic/editor @tmagic/form @tmagic/stage @tmagic/design @tma
```ts
import 'element-plus/dist/index.css';
import '@tmagic/editor/dist/style.css';
import '@tmagic/form/dist/style.css';
import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import TMagicDesign from '@tmagic/design';
import TMagicEditor from '@tmagic/editor';
import TMagicElementPlusAdapter from '@tmagic/element-plus-adapter';
import TMagicForm from '@tmagic/form';
import App from './App.vue';
createApp(App)
.use(ElementPlus)
.use(TMagicDesign, TMagicElementPlusAdapter)
.use(TMagicEditor)
.use(TMagicForm)
.use(TMagicEditor, TMagicElementPlusAdapter)
.mount('#app');
```
## 渲染编辑器
@@ -185,7 +179,7 @@ const render = () => {
createApp(
{
template: '<p v-for="node in config.items" :key="node.id" :id="node.id">hello world</p>',
template: '<p v-for="node in config.items" :key="node.id" :data-tmagic-id="node.id">hello world</p>',
props: ['config'],
},
{
@@ -249,7 +243,7 @@ const render = async ({ renderer }: StageCore) => {
createApp(
{
template: '<div v-for="node in config.items" :key="node.id" :id="node.id">hello world</div>',
template: '<div v-for="node in config.items" :key="node.id" :data-tmagic-id="node.id">hello world</div>',
props: ['config'],
},
{