项目基于angular2 (版本号 7.0.2)开发,使用ng-cli构建完成,主要实现:
- 动态组件创建
- 属性绑定
- 拖拽组件
- 预览
- 事件
- 组件尺寸改变,定位辅助
git clone https://github.com/bojue/H5-Editor.git
cd H5-Editor
npm install
npm run start
npm run build
npm run build:aot
- 组件动态创建,更新,删除
- 属性绑定
- 拖拽,拖拽边界问题优化
- 拖拽定位辅助优化
- 赋值
- 在线预览
- 事件
- 属性设置动态映射(图片支持图片路径修改,即展示图片路径修改组件)
- 视图组件区分开发版本和展示版本,展示版本不包含拖拽等开发状态功能
- 支持模板视图切换
- 复制快捷键 Ctrl + C, Ctrl + V
- 方向键位置快捷键