QmCoder页面编辑器

在前几年的工作中, 完成过多个用于解决不同场景的低代码平台。 最近几个月空闲时间, 自己重新实现了一个当作偷懒工具使用的低代码编辑器。 该编辑器核心功能已基本完善。只需添加组件(物料)和更改部分逻辑

在大多数页面里，组件通常需要相互通信，以完成某些任务或者交互。而在组件的定义里，每个组件是唯一且独立的, 每个组件实例的生成，并无法准确定位到另一个实例。所以我们建立一个全局事件中心，通过进行组件事件

需求背景 为页面编辑器实现可以自由布局，并能完成组件模块绑定。 思路整理 思考思考一下。 一、边界与热区 二、布局数据结构 三、边界落点与修复 1.热区落点 监听点击事件、拿到offsetX、offs

NPM地址 一、安装 使用npm: 使用yarn: 安装完成后, 使用import引入: 二、当前有两种模式可以使用。 1: 编辑器模式、2：预览模式 当前编辑与预览时耦合的, 后续将进行拆分,以区分

什么是组件？ 组件是编辑器内的最小粒度, 也是编辑器功能实现中最重要的一员。可以把它比喻成一个积木，该积木拥有自己的形状、颜色、大小、合适的位置等。 同理，在网页设计中。一个组件就会拥有自己独特的样式