{"id":13522877,"url":"https://github.com/lzuntalented/lz-h5-edit","last_synced_at":"2025-03-31T23:32:35.946Z","repository":{"id":40619012,"uuid":"182125450","full_name":"lzuntalented/lz-h5-edit","owner":"lzuntalented","description":"随心秀(react版h5微场景编辑器)，一款类似【易企秀】【兔展】的H5微场景编辑器","archived":false,"fork":false,"pushed_at":"2023-08-17T18:51:13.000Z","size":2953,"stargazers_count":520,"open_issues_count":14,"forks_count":149,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-03-18T04:44:19.487Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://show.lzuntalented.cn","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lzuntalented.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-04-18T16:55:06.000Z","updated_at":"2025-03-12T03:03:50.000Z","dependencies_parsed_at":"2024-01-15T15:48:07.659Z","dependency_job_id":"e44b899a-5cd1-4bff-99a3-402b3ca288c9","html_url":"https://github.com/lzuntalented/lz-h5-edit","commit_stats":{"total_commits":173,"total_committers":2,"mean_commits":86.5,"dds":0.005780346820809301,"last_synced_commit":"c9382bd317d33e97809a63479c37a4c9256fe91c"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzuntalented%2Flz-h5-edit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzuntalented%2Flz-h5-edit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzuntalented%2Flz-h5-edit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lzuntalented%2Flz-h5-edit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lzuntalented","download_url":"https://codeload.github.com/lzuntalented/lz-h5-edit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246558108,"owners_count":20796696,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T06:00:53.244Z","updated_at":"2025-03-31T23:32:30.938Z","avatar_url":"https://github.com/lzuntalented.png","language":"JavaScript","funding_links":[],"categories":["实战项目","![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)"],"sub_categories":["低代码项目"],"readme":"# 随心秀(react版h5微场景编辑器)\n\n## 当前正在进行的工作\n\u003e 项目分离，将核心编辑库独立成一个模块，通过npm可以一键引入\n\n## 目标\n\u003e 打造一款现象级微场景编辑器 [演示地址](http://show.lzuntalented.cn)\n\n### 预览\n![](http://www.lzuntalented.cn/img/edit.gif)\n\n### 手机扫码预览\n![手机扫描体验](http://www.lzuntalented.cn/img/eq-11.png)\n\n## 使用\n\n```bash\n# node 版本16+\n# npm可使用国内镜像\nnpm config set registry https://registry.npmmirror.com/\n# 首先安装lerna\nnpm i lerna -g\n# 安装依赖\nnpm run install\n# 构建包\nnpm run build\n# 开发\nnpm start\n# 浏览网站\nhttp://localhost:9999/client.html\n# 调试核心编辑器\nhttp://localhost:9999/design.html\n# 调试作品\nhttp://localhost:9999/opus.html?id=作品编号\n\n# 本地启动服务端\n# 先将server/sql下sql文件导入数据库\nnpm run server\n\n// 构建\nnpm run webpack\n\n// 新增物料\nnpm run add\n```\n\n## 开发文档\n* [快速开始](http://blog.lzuntalented.cn/sxx/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B.html)\n* [项目解析](http://blog.lzuntalented.cn/sxx/%E9%A1%B9%E7%9B%AE%E8%A7%A3%E6%9E%90.html)\n\n\n### 功能\n\n* 编辑器功能\n    - [x] 拖拽\n    - [x] 缩放\n    - [x] 旋转\n    - [x] 动画\n    - [x] 撤销\n    - [x] 重做\n    - [x] 组合元素\n    - [x] 页面管理\n    - [x] 层级管理\n    - [x] 辅助线显示\n\n* 物料\n    - [x] 文本\n    - [x] 图片\n    - [x] QQ语言通话\n    - [x] 背景\n    - [x] 地图\n    - [x] 音效\n    - [x] 模板\n    - [x] 视频\n    - [x] 艺术字\n\n* 示例\n    - [x] 示例-端午节\n    - [x] 示例-儿童节\n    - [x] 示例-高考加油\n    - [x] 示例-1024\n    - [x] 示例-双十一\n    - [x] 示例-感恩节\n\n* 用户模块\n    - [x] 登录\n    - [x] 注册\n    - [x] 作品列表\n    - [x] PV数据统计\n    - [x] 表单数据统计\n### 如何新增物料\n* 1.在src/resource目录下新建组件\n``` js\n// index.js 文件的导出需要如下格式\nexport default {\n  edit: 编辑态组件,\n  render: 渲染太组件,\n  style: 属性面板配置文件（普通对象）,\n  size: { height: 物料高度 },\n  name: 物料名称(层级管理器显示的名字),\n};\n\n```\n* 2.在src/components.js文件中使用 registerComponent 注册物料\n``` js\n// components.js 新增如下调用\nimport 物料组件 from '../resource/物料组件';\n\nregisterComponent(自定义组件唯一标识字符串, 物料组件);\n```\n\n### 后续规划\n\u003e 集中物料仓库建设\n* 字体库建设\n* 形状库建设\n* 艺术字建设（对文字阴影的绘制）\n* 背景图片选择及裁剪\n* 图层名称支持自定义\n* 支持组动画序列播放\n* 作品分享操作\n* 翻页动画支持多种方式\n\n\u003e 示例模板规划\n* 圣诞节模板\n* 元旦节模板\n* 2019总结模板\n\n### 交流群\n\n\n| QQ交流群  |\n| ----  |\n| ![QQ交流群](http://www.lzuntalented.cn/img/sxx-qq.png) |\n\nGive a ⭐️ if this project helped you!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flzuntalented%2Flz-h5-edit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flzuntalented%2Flz-h5-edit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flzuntalented%2Flz-h5-edit/lists"}