爱意满满的作品展示区。
lounger

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

  •  
  •   lounger · Mar 31, 2022 · 2840 views
    This topic created in 1678 days ago, the information mentioned may be changed or developed.

    overview

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

    demo 地址

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

    目前支持功能如下:

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

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

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

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

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

    github 地址

    10 replies  •  2022-04-05 18:12:07 +08:00
    ktqFDx9m2Bvfq3y4
    ktqFDx9m2Bvfq3y4
    Mar 31, 2022 via iPhone
    1
    顶。如果能模仿 miro 就更好了
    oukichi
    oukichi
    Apr 1, 2022 via iPhone
    2
    一年没见都 11 了……angular 100 指日可待
    lounger
    lounger
    OP
    Apr 2, 2022
    3
    @oukichi 11 已经是去年的事了 14 都马上出来了😂
    huajieyu
    huajieyu
    Apr 2, 2022
    4
    angular ,哥们平时工作用吗,还是自己用着玩
    lounger
    lounger
    OP
    Apr 2, 2022
    5
    @huajieyu 嗯 工作用 angular 的
    Newyorkcity
    Newyorkcity
    Apr 3, 2022
    6
    ng-graphic-editor 这个 lib 有独立的 github 吗?
    lizhenda
    lizhenda
    Apr 4, 2022
    8
    不错哦
    Newyorkcity
    Newyorkcity
    Apr 5, 2022
    9
    @lounger 谢谢,我想问下 GraphicEditorModule.forRoot() 的这个 GraphicEditorModule ,我看它在 node_modules 的一个 lib 里,请问这个 lib 有开源吗?
    lounger
    lounger
    OP
    Apr 5, 2022
    10
    @Newyorkcity github 里的 project/graphic-editor 就是 GraphicEditorMoudule 的源码 包已经发布到 npm 上面了 是开源的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4144 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 05:38 · PVG 13:38 · LAX 21:38 · JFK 00:38
    ♥ Do have faith in what you're doing.