一个基于React的可视化JSON编辑器。 如何使用它。 1.安装和导入。 2.基本使用方法。 预览。 The postVisual JSON Editor In Reactappeared firs

json-schema 的用途越来越广泛，除了定义数据结构外，我们还可以使用 json-schema 验证数据格式和生成随机数据，但是编写复杂数据结构的 json-schema 是非常痛苦的事情。假设一个 100 字段的数据结构，如果用 json-schema 定义，可能需要 …

腾讯tmagic-editor是一个所见即所得的页面可视化编辑器，实现零代码/低代码生成页面，可以快速搭建可视化页面生产平台，让非技术人员可以通过拖拽和配置，自助生成H5页面、PC页面、TV页面，大大

功能概览 低代码设计中最重要的一种布局方式就是栅格布局，将物料拖拽至设计器中，会根据其设定的span之类的值自适应填充位置，与之相关的场景比如表单设计、excel打印设计等 表单设计 excel打印设

前篇 上一讲 - 低代码 - 可视化拖拽技术分析（2） 中，我们实现了画布元素拖拽移动时的辅助线和吸附功能；本节我们围绕以下几个场景，实现场景操作后的 撤销 与 重做。 向画布中拖拽加入物料组件； 对

前言 上一讲 - 低代码 - 可视化拖拽技术分析（1） 中，我们实现了编辑器画布的拖拽移动基础操作，接先来从使用体验角度，完善一下画布编辑区的拖动，包含以下两个方向： 为拖动的 block 显示辅助线

老逛每天都会去 ProductHunt 看看，这是一个发掘有意思产品的国外平台。 这个平台现在已经成为了用户发现新产品、创业者们获得灵感、投资人们寻找新机会，以及创始人对自己的产品进行推广的最佳去处。

1. 背景 公司最近在做能力库，为公司的未来业务赋能，恰好需要一款低代码可视化拖拽平台。所以... 本篇文章将介绍平台的主要功能实现思路，详情请移步gitee，平台在线访问地址：Vue3-Visual-Editor，代码地址：gitee。 2. 长啥样，有啥功能 3. 设计理念…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…