今天机缘巧合之下,看到了一个还算不错的开源页面编辑可视化平台,赶紧来和大家分享一下~

tmagic-editor,一款腾讯技术中心出品的新鲜货

tmagic-editor有6大特点,即:

  • 所见即所得

体验友好的拖拽编辑方式。

  • 丰富的拓展能力

支持业务方自定义组件、插件。

  • 支持多种布局方式

tmagic-editor的容器概念,支持配置项目时,自由组合嵌套业务组件,提供超强的组件布局方式。

  • 强大的配置

支持表单联动等配置能力。

  • 组件联动

支持组件通信、组件联动,允许页面内各组件提供丰富配置能力。

  • 低代码

支持在平台写入代码,修改页面样式属性等,提供除组件外的高级编码能力。

tmagic-editor主要使用了Vue和TypeScript来实现,想要快速运行的话,非常简单,先准备好环境node.js > 14,然后安装lerna、安装依赖

$ npm install -g lerna$ npm run bootstrap

然后执行运行项目的命令:

$ npm run playground

最后在浏览器中打开,http://localhost:8098/,就可以得到一个示例项目。

tmagic-editor的核心内容,在于包含在 packages/editor 中的编辑器,以及 runtime 和 packages/ui 提供的各个前端框架相关的 runtime 和 ui。

  • packages 目录中提供的内容,都以 npm 包形式输出,开发者可以通过安装对应的包来使用。

  • runtime 是提供的编辑器活动页和编辑器模拟器运行的页面项目示例。可以直接使用,也可以参考并自行实现。

  • playground 是一个简单的编辑器项目示例。即使用了 packages 和 runtime 内容的集成项目。开发者可以参考 playground,使用魔方提供的能力实现一个满足业务方需求的编辑器。

考虑到腾讯的技术支持,TJ君还是很看好这个项目,感兴趣的小伙伴可以下一个用用看哦

另外,我们将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:https://github.com/Wechat-TJ/TJ-WORLD-FORU

点击下方卡片,关注公众号“TJ君

回复“te2022”,获取仓库地址

关注我,每天了解一个牛x、好用、有趣的东东

往期推荐

  • 可能是世界上最快、最先进的密码破解程序!

  • 支持多种语言的定时任务管理面板项目

  • 安卓上简单好用的开源漫画阅读器

开源页面可视化平台:tmagic-editor相关推荐

  1. 【GitHubDailyShare】开源的可视化平台搭建方案,让你可以快速定制一个可视化拖拽平台

    开源的可视化平台搭建方案:dooringx,通过提供一套数据流事件机制.弹窗等解决方案,让你可以快速定制一个可视化拖拽平台. GitHub:github.com/H5-Dooring/dooringx ...

  2. Redash - 强大的开源数据可视化平台

    我们会经常提到BI系统(Business Intelligence),它是一个重要的数据出入口,帮助数据,帮助企业获取数据表报制定战略决策.大家熟知的有FineBI和Microsoft的powerBI ...

  3. 三维数据开源可视化平台

    1.Cesium ​    Cesium可以说是目前最好的虚拟地球三维引擎平台,提出了支持大数据高速渲染的3Dtiles数据格式,支持时间序列地理数据的三维可视化,并且支持粒子系统,模拟各种场景.目前 ...

  4. c++可视化开发_页面可视化配置搭建工具技术要点

    点击上方"IT平头哥联盟",选择"置顶或者星标" 与你一起成长- 前言 最近公司也在计划做可视化配置平台,从本文原作者(腾讯AlloyTeam@陈韩杰)的分析中 ...

  5. 页面可视化搭建工具技术要点

    背景 页面可视化搭建工具, 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, 节省开发人力. 页面可视化搭建工具搭建出的页面示例: 但从零开 ...

  6. 凹凸技术揭秘·羚珑页面可视化·成长蜕变之路

    作者: 凹凸曼 前言 京东零售集团 · 用户体验设计部打造的「羚珑智能设计平台」于 2019 年 5 月为内部运营及商家推出了智能页面设计工具,羚珑智能页面设计是一款在线可视化页面搭建平台,拥有在线搭 ...

  7. 开源项目推荐:物联网消息引擎EMQ X/大数据平台TDengine/可视化平台Grafana/dgiot

    1.EMQ X EMQ X Broker 是基于高并发的 Erlang/OTP 语言平台开发,支持百万级连接和分布式集群架构,发布订阅模式的开源 MQTT 消息服务器.EMQ X Broker 在全球 ...

  8. 开源公告|腾讯tmagic-editor页面可视化编辑器对外开源

    项目简介 腾讯tmagic-editor是一个所见即所得的页面可视化编辑器,基于tmagic-editor可以快速搭建可视化页面生产平台,让非技术人员可以通过拖拽和配置,自助生成H5页面.PC页面.T ...

  9. 支持飞书国际版,DataEase开源数据可视化分析平台v1.16.0发布

    11月7日,DataEase开源数据可视化分析平台正式发布v1.16.0版本. 在这一版本中,DataEase上线了新的"应用"版块.在"应用"版块中,用户可以 ...

最新文章

  1. html怎么查看cad文件,如何直接查看CAD格式的图纸
  2. IE8抢先尝试——色眼窥观版(多图)
  3. PUT or POST
  4. 微信公众号平台开发-网页授权
  5. 【渝粤教育】国家开放大学2018年秋季 0267-21T摄影技术 参考试题
  6. 创造性模式——原型模式
  7. 基础省选+NOI-第6部分 字符串
  8. leetcode力扣454. 四数相加 II
  9. 数据驱动的综合能源系统
  10. python安装什么版本比较好_安装好python之后 python哪个版本最好用
  11. 16种常见的竞品分析方法,建议收藏!
  12. linux不支持tailf指令,Linux安装tailf
  13. cx_oracle 字符编码,cx_oracle访问处理oracle中文乱码问题
  14. Android 10 低内存应用白名单和应用保活
  15. 计算机辅助翻译与笔译的关系,机器翻译 vs 计算机辅助翻译:有什么区别?
  16. 计算机主机进水无法启动,笔记本电脑进水后出现不能正常开机启动
  17. 解决pychram:卡在Updating Python Interpreter
  18. 哈尔滨工业大学计算机考研难吗,哈尔滨工业大学(专业学位)计算机技术考研难吗...
  19. 英语基础太差,到底能不能学好编程?
  20. 鸿蒙5G的营业执照,华为继“鸿蒙”商标后注册“5G”商标

热门文章

  1. 0.1.3 合宙CORE-ESP32-C3开发板用arduino点亮ST7735 1.8寸TFT屏【已更新失效链接2022.07.10】
  2. java中断请求_java-取消/中止/中断spring-android resttemplate请求
  3. 期货程序化自动反向-终章
  4. 视频教程-全球区块链应用落地的100个案例解读-区块链
  5. Pygame详解(十二):Surface 对象
  6. a later version of node.js is already installed. Setup will now exit的解决方案
  7. html刮奖特效,jQuery+HTML5手机刮刮乐刮奖代码
  8. 【yum命令】使用yum报错:There are no enabled repos. Run “yum repolist all“ to see the repos you have.
  9. 室内设计CAD怎么样?CAD适合什么人群学?
  10. 西瓜书习题3.4 (交叉验证法)