Tencent / tmagic-editor

Other
4.22k stars 714 forks source link

集成到自己的项目中页面一直加载不出来 #604

Open hcxy1551 opened 6 months ago

hcxy1551 commented 6 months ago

m-editor设置v-model绑定了dsl, 如果dsl的items没有设置type为page就可以加载个空的, 1 dsl: export default { type: 'app', id: '75f0extui9d7yksklx27hff8xg', name:'test', items: [ { type:'text', id:'text_1', name: '文本', text: 'Tmagic editor 营销活动编辑器', multiple: true, events: [], } ], };

如果设置了page就会一直加载, dsl: export default { type: 'app', id: '75f0extui9d7yksklx27hff8xg', name:'test', items: [ { type: 'page', id: 'page_1', title: '文本', name: '', layout: 'absolute', events:[], created:{}, items:[ { type:'text', id:'text_1', name: '文本', text: 'Tmagic editor 营销活动编辑器', multiple: true, events: [], } ] } ], }; 效果: 1111

我看代码仓库里面组件集componentGroupList也没有配置dsl初始化的组件呐

jia000 commented 6 months ago

这是runtime没有加载完成,检查一下runtimeUrl是否正确,看看runtimeUrl对应的请求是否请求成功

hcxy1551 commented 6 months ago

测试了一下页面的内容都渲染出来了,但是还是一直在加载中,后台也没有任何报错 image

jia000 commented 6 months ago

是在runtime中的这行代码触发loading关闭的

https://github.com/Tencent/tmagic-editor/blob/fbac2f820eb6a91e9b8a631dee5ac2004920428f/runtime/vue3/playground/App.vue#L32

可以看看是否调用成功了

在编辑器中,如果想关闭loading也可以调用

editorService.set('stageLoading', false);

onPageElUpdate最终也是调用editorService.set('stageLoading', false);

jia000 commented 6 months ago

测试了一下页面的内容都渲染出来了,但是还是一直在加载中,后台也没有任何报错 image

你这个没有page啊