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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 994 天前的主题，其中的信息可能已经有所发展或是发生改变。

overview

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

demo 地址

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

目前支持功能如下：

支持组件的编辑拖拉拽缩放
支持注入自定义的组件、组件设置和存储服务
支持点击事件跳转页面或者跳转
支持组件和页面数据源的配置,支持定时接口刷新

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

github 地址

组件

页面

支持

控件

10 条回复 • 2022-04-05 18:12:07 +08:00

Chad0000

2022-03-31 19:26:20 +08:00 via iPhone

顶。如果能模仿 miro 就更好了

oukichi

2022-04-01 15:39:27 +08:00 via iPhone

一年没见都 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

@Newyorkcity https://github.com/YuhuaLi/graphic-editor

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 上面了是开源的