lyd的博客

craftjs不支持拖拽更新属性（其他框架也没有支持的），因此需要想一个折中的方案来处理。创建两个组件，一个图片盒子组件、一个图片组件，图片盒子组件只支持拖拽图片组件进入，当拖拽图片组件进入时图片盒子组件删除子组件，这样视觉效果上面相当于拖拽替换图片。

craftjs支持把整个页面存储为JSON，然后使用JSON渲染整个页面。存储的JSON数据中只包含属性、组件名、子元素、关联元素等，结构还是比较简洁的。craftjs提供了两种方法添加元素，一个是add添加单个节点，一个是添加多个节点，节点树会多出events、related、rules等信息。所以结构进行存储才能简化数据。除了上面这两种，还支持使用create方法（官方文档中并没有说明，需要看源码或者更新日志），传递的第二个参数使用回调方法来实现拖拽添加，回调函数需要返回NodeTree或者。

craft.js示例项目landing改成APP路由

最近要开发一个低代码项目，一个低代码项目技术难点都在可视化编辑器上面，由于没有充足的时间，也没有可视化页面编辑器开发技术能力，因此找到一个靠谱的可视化编辑器，基本就成功了一半。