先看效果，为一个可视化活动编辑器。 基于 JSON Schema 开箱即用的简单活动可视化编辑器。 在做生成一个可视化店铺装修系统的时候，需要解决配置数据表单的通用性，参阅了一些现用的解决方案，最终通过 JSON Schema 来生成对应的表单和校验规则。 首先可视化编辑器需要…

界面是一棵组件树。 界面编辑器就是对这棵组件树进行编辑和持久化的工具。 编辑器维护这颗树的数据，对外开放增删改查，撤销重做等接口。 未来甚至可以做到通过不同的播放器来适配不同的平台。 组件可以通过组件编辑器的接口知晓是否处于编辑状态。 编辑状态下，组件可以提供交互编辑自己的输入…

电子相册，一个可以可视化编辑的H5网页，用户只需要选择相应的模板进行组合，替换页面里的素材就能制作出一套可以媲美专业人员进行开发的H5宣传页。 使用者是没有任何开发经验的用户，这种情况对系统的可用性和拓展性的要求非常的高，因为每个人的想法是不一样的，这样就导致系统对接的需求是多…

编辑器和图库的整合，使得设计变得更加容易了。项目的初心也很明确，回馈给社区一份好的设计工具，提高设计圈的创造力。 目前的版本有裁剪、文本、滤镜三种功能，后期还会继续迭代，用来增强用户体验和丰富功能。 整个项目是围绕React + Fabric.js来构建的，此外还使用了Redu…

羚珑平台在静态类的设计中，已经取得了相应的成绩。在这个基础上结合当前大环境，我们认为可以去做一些动态类的设计，将动画和音效转化为可储存，可移植，可复用的数据。从而用户进行创作的时候，可以通过相对很简单的方式去使用这些高品质的动画和效果。 视频编辑器的主要作用是用户可以通过操作静…

所见即所得的设计理念在WEB IDE领域里一直是备受瞩目的功能亮点, 也能极大的提高 web coder的编程体验和编程效率. 笔者接下来就将对H5可视化编辑器的实时预览和真机扫码预览功能做一次方案剖析, 为大家在设计类似产品的时候提供一些思路. 我们还是基于笔者开发的 H5-…

笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring，从第一个版本到现在经历了很多次版本迭代和优化，也收到了很多宝贵的建议，目前刚好完成了移动端数据可视化的基本设计和落地方案，在这里特地总结和复盘一下。 在开始正式实现之前笔者先对H5数据可视化做一…

在此之前说明该平台的定位，目的不是给技术人员编辑完之后进行二次开发或代码的定制化。关于这个定位问题我个人的想法是，code 问题不可能完全交托给可视化编辑、除非是类似传统的简单的企业介绍页等还有可能完全代替，但还是比不上直接代码生成的工具，所以 Panel-Magic 一开始的…

最近看了不少关于 h5 页面制作工具。端午闲来无事，决定尝试下一个页面搭建工具。效果如下： gif 录制效果不佳，可以访问以下链接进行体验。 前端开发组件库，完善组件类型，编辑器读取组件完成页面搭建，将页面数据发送至服务端保存。 访问页面，从服务端拉取页面数据，前端渲染页面即可…