分享个自己用 angular11 写的页面可视化编辑器库 ng-graphic-editor

2022-03-31 19:25:21 +08:00
 lounger

仿墨刀 UI 做了个页面编辑器

demo 地址

目前自带的只是就是做了简单的 3 个基本组件,但是支持自定义组件注入😊

目前支持功能如下:

  1. 支持组件的编辑拖拉拽缩放

  2. 支持注入自定义的组件、组件设置和存储服务

  3. 支持点击事件跳转页面或者跳转

  4. 支持组件和页面数据源的配置,支持定时接口刷新

demo 中的图表控件只是用来测试数据源的,可以添加数据源随便写个接口,图表控件需绑定类型和数据源预览才能显示

github 地址

1781 次点击
所在节点    分享创造
10 条回复
Chad0000
2022-03-31 19:26:20 +08:00
顶。如果能模仿 miro 就更好了
oukichi
2022-04-01 15:39:27 +08:00
一年没见都 11 了……angular 100 指日可待
lounger
2022-04-02 07:09:46 +08:00
@oukichi 11 已经是去年的事了 14 都马上出来了😂
huajieyu
2022-04-02 14:35:44 +08:00
angular ,哥们平时工作用吗,还是自己用着玩
lounger
2022-04-02 16:21:52 +08:00
@huajieyu 嗯 工作用 angular 的
Newyorkcity
2022-04-03 09:43:06 +08:00
ng-graphic-editor 这个 lib 有独立的 github 吗?
lounger
2022-04-03 11:45:26 +08:00
lizhenda
2022-04-04 20:41:22 +08:00
不错哦
Newyorkcity
2022-04-05 08:51:12 +08:00
@lounger 谢谢,我想问下 GraphicEditorModule.forRoot() 的这个 GraphicEditorModule ,我看它在 node_modules 的一个 lib 里,请问这个 lib 有开源吗?
lounger
2022-04-05 18:12:07 +08:00
@Newyorkcity github 里的 project/graphic-editor 就是 GraphicEditorMoudule 的源码 包已经发布到 npm 上面了 是开源的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/844167

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX