跳至主要內容
tmagic-editor

可视化编辑器的实现思路

编辑器

  • 编辑器可以理解为就是操作页面,分为左面板、工作区、头部工具栏和右面板。

    一般左面板是等待拖拽的组件,工作区是接收组件的地方,右面板是调整组件

    细节的地方,例如样式/事件等。

工作区的画布如果需要理解左面板的组件,就需要拿到具体的函数去render,这里用到了

动态编译vue模版

Runtime

  • Runtime就是指能实时显示你在工作区操作的结果,tmagic-editor为了实现render函数和编辑器解藕,所以不使用render的方式

Cap原创大约 1 分钟lowcode