{"id":13671033,"url":"https://github.com/page-pipepline/pipeline-editor","last_synced_at":"2025-04-27T13:33:29.684Z","repository":{"id":33878307,"uuid":"130729271","full_name":"page-pipepline/pipeline-editor","owner":"page-pipepline","description":"🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/","archived":false,"fork":false,"pushed_at":"2023-01-07T02:20:37.000Z","size":5215,"stargazers_count":1015,"open_issues_count":17,"forks_count":156,"subscribers_count":27,"default_branch":"master","last_synced_at":"2024-11-11T08:43:43.260Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/page-pipepline.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-23T17:01:47.000Z","updated_at":"2024-10-27T09:17:30.000Z","dependencies_parsed_at":"2023-01-15T03:07:10.623Z","dependency_job_id":null,"html_url":"https://github.com/page-pipepline/pipeline-editor","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/page-pipepline%2Fpipeline-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/page-pipepline%2Fpipeline-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/page-pipepline%2Fpipeline-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/page-pipepline%2Fpipeline-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/page-pipepline","download_url":"https://codeload.github.com/page-pipepline/pipeline-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251145847,"owners_count":21543108,"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-02T09:00:56.411Z","updated_at":"2025-04-27T13:33:24.671Z","avatar_url":"https://github.com/page-pipepline.png","language":"JavaScript","funding_links":[],"categories":["![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)","JavaScript"],"sub_categories":[],"readme":"# pipeline-editor\n\u003e 页面可视化搭建框架的 web 编辑器\n\n## [Demo][pipeline-demo]\n\u003e https://page-pipepline.github.io/pipeline-editor/dist/#/\n\n### 可视化编辑\n![demo](https://user-images.githubusercontent.com/4598445/51877958-f7c6f580-23a8-11e9-9564-5bbf15b17f96.gif)\n\n如动图所示, pipeline 的可视化编辑能力有: \n* 可视化修改页面全局配置, 如修改页面主题颜色.\n* 可视化修改页面组件内容, 如修改组件的图片和替换组件文本.\n* 实时预览页面编辑效果, 即刻获得搭建后的页面.\n* 页面支持用户交互.\n\n### 组件编辑\n![dnd_demo](https://user-images.githubusercontent.com/4598445/51877984-0b725c00-23a9-11e9-90d4-cd88b4e5920e.gif)\n\n如动图所示, pipeline 的组件编辑能力有:\n\n* 动态增删页面组件.\n* 可视化的组件拖拽, 拖拽组件库组件插入到页面组件列表中.\n* 组件可以包含业务逻辑(网络请求和用户交互).\n\n### 支持的前端框架\n\nPipeline 实现了编辑器和页面前端框架的分离, 可以支持不同的前端框架. 所谓支持的前端框架, 就是对某个前端框架按照 pipeline 的约束规则进行组件编辑方式和工程构建方式的改造, 使得前端框架页面可以在 pipeline 中可视化搭建.\n\n目前已经支持 Vue, React, 和 Omi, 理论上可以支持任意前端框架.\n\n![image](https://user-images.githubusercontent.com/4598445/51877997-12996a00-23a9-11e9-90f5-882b06533a56.png)\n\n### 框架特点\n\n* 开源页面可视化搭建框架.\n* 自定义页面可配置字段.\n* 组件动态增减, 组件拖拽.\n* 从页面模板快速生成业务页面.\n* 模板工程/编辑器/后台服务解偶.\n* 模板工程前端框架无关: 支持 vue 和 react 等.\n* 支持自由拓展页面组件, 不限制组件样式布局, 接口调用等.\n* 前端工程约束少, 不限制使用其他技术(Redux, SSR, UI库等).\n\n\n## Document\n\n[pipeline-document](https://github.com/page-pipepline/pipeline-document)\n\n[Sclient links]:#\n[pipeline-demo]: https://user-images.githubusercontent.com/4598445/40279042-80fbf088-5c6e-11e8-80b2-9dcd980ecae8.gif\n\n## EOF\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpage-pipepline%2Fpipeline-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpage-pipepline%2Fpipeline-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpage-pipepline%2Fpipeline-editor/lists"}