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

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

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