开源页面可视化平台:tmagic-editor
今天机缘巧合之下,看到了一个还算不错的开源页面编辑可视化平台,赶紧来和大家分享一下~
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相关推荐
- 【GitHubDailyShare】开源的可视化平台搭建方案,让你可以快速定制一个可视化拖拽平台
开源的可视化平台搭建方案:dooringx,通过提供一套数据流事件机制.弹窗等解决方案,让你可以快速定制一个可视化拖拽平台. GitHub:github.com/H5-Dooring/dooringx ...
- Redash - 强大的开源数据可视化平台
我们会经常提到BI系统(Business Intelligence),它是一个重要的数据出入口,帮助数据,帮助企业获取数据表报制定战略决策.大家熟知的有FineBI和Microsoft的powerBI ...
- 三维数据开源可视化平台
1.Cesium Cesium可以说是目前最好的虚拟地球三维引擎平台,提出了支持大数据高速渲染的3Dtiles数据格式,支持时间序列地理数据的三维可视化,并且支持粒子系统,模拟各种场景.目前 ...
- c++可视化开发_页面可视化配置搭建工具技术要点
点击上方"IT平头哥联盟",选择"置顶或者星标" 与你一起成长- 前言 最近公司也在计划做可视化配置平台,从本文原作者(腾讯AlloyTeam@陈韩杰)的分析中 ...
- 页面可视化搭建工具技术要点
背景 页面可视化搭建工具, 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, 节省开发人力. 页面可视化搭建工具搭建出的页面示例: 但从零开 ...
- 凹凸技术揭秘·羚珑页面可视化·成长蜕变之路
作者: 凹凸曼 前言 京东零售集团 · 用户体验设计部打造的「羚珑智能设计平台」于 2019 年 5 月为内部运营及商家推出了智能页面设计工具,羚珑智能页面设计是一款在线可视化页面搭建平台,拥有在线搭 ...
- 开源项目推荐:物联网消息引擎EMQ X/大数据平台TDengine/可视化平台Grafana/dgiot
1.EMQ X EMQ X Broker 是基于高并发的 Erlang/OTP 语言平台开发,支持百万级连接和分布式集群架构,发布订阅模式的开源 MQTT 消息服务器.EMQ X Broker 在全球 ...
- 开源公告|腾讯tmagic-editor页面可视化编辑器对外开源
项目简介 腾讯tmagic-editor是一个所见即所得的页面可视化编辑器,基于tmagic-editor可以快速搭建可视化页面生产平台,让非技术人员可以通过拖拽和配置,自助生成H5页面.PC页面.T ...
- 支持飞书国际版,DataEase开源数据可视化分析平台v1.16.0发布
11月7日,DataEase开源数据可视化分析平台正式发布v1.16.0版本. 在这一版本中,DataEase上线了新的"应用"版块.在"应用"版块中,用户可以 ...
最新文章
- html怎么查看cad文件,如何直接查看CAD格式的图纸
- IE8抢先尝试——色眼窥观版(多图)
- PUT or POST
- 微信公众号平台开发-网页授权
- 【渝粤教育】国家开放大学2018年秋季 0267-21T摄影技术 参考试题
- 创造性模式——原型模式
- 基础省选+NOI-第6部分 字符串
- leetcode力扣454. 四数相加 II
- 数据驱动的综合能源系统
- python安装什么版本比较好_安装好python之后 python哪个版本最好用
- 16种常见的竞品分析方法,建议收藏!
- linux不支持tailf指令,Linux安装tailf
- cx_oracle 字符编码,cx_oracle访问处理oracle中文乱码问题
- Android 10 低内存应用白名单和应用保活
- 计算机辅助翻译与笔译的关系,机器翻译 vs 计算机辅助翻译:有什么区别?
- 计算机主机进水无法启动,笔记本电脑进水后出现不能正常开机启动
- 解决pychram:卡在Updating Python Interpreter
- 哈尔滨工业大学计算机考研难吗,哈尔滨工业大学(专业学位)计算机技术考研难吗...
- 英语基础太差,到底能不能学好编程?
- 鸿蒙5G的营业执照,华为继“鸿蒙”商标后注册“5G”商标
热门文章
- 0.1.3 合宙CORE-ESP32-C3开发板用arduino点亮ST7735 1.8寸TFT屏【已更新失效链接2022.07.10】
- java中断请求_java-取消/中止/中断spring-android resttemplate请求
- 期货程序化自动反向-终章
- 视频教程-全球区块链应用落地的100个案例解读-区块链
- Pygame详解(十二):Surface 对象
- a later version of node.js is already installed. Setup will now exit的解决方案
- html刮奖特效,jQuery+HTML5手机刮刮乐刮奖代码
- 【yum命令】使用yum报错:There are no enabled repos. Run “yum repolist all“ to see the repos you have.
- 室内设计CAD怎么样?CAD适合什么人群学?
- 西瓜书习题3.4 (交叉验证法)