集成到自己的项目中页面一直加载不出来
m-editor设置v-model绑定了dsl,
如果dsl的items没有设置type为page就可以加载个空的,
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: [],
}
]
}
],
};
效果:
我看代码仓库里面组件集componentGroupList也没有配置dsl初始化的组件呐
这是runtime没有加载完成,检查一下runtimeUrl是否正确,看看runtimeUrl对应的请求是否请求成功
测试了一下页面的内容都渲染出来了,但是还是一直在加载中,后台也没有任何报错
是在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);
测试了一下页面的内容都渲染出来了,但是还是一直在加载中,后台也没有任何报错
你这个没有page啊
