此项目不再维护

我们推出了新的编辑器 Taro Design，更易于导入到你的项目，更易于编写组件扩展，仓库地址：https://github.com/ShaoGongBra/taro-design

Taro表单编辑器

基于Taro3和react-dnd组件开发的表单编辑器，将支持多个平台（小程序、h5、app）目前仍在开发中，因接口限制，编辑模式仅支持在h5端。

预览版

当前版本任处于开发阶段，可能存在api改版或者bug修复导致的不兼容问题，请谨慎用于项目中。

在线预览

• 表单预览： http://form.t.platelet.xyz/
• 编辑模式： http://form.t.platelet.xyz/#/main/edit/index

截图

TaroForm交流群

• qq群：816711392
• 

使用

• h5端： 将代码克隆到本地，执行 yarn 或者 npm install ，安装依赖，然后执行 yarn dev:h5 或者 npm run dev:h5 启动h5版本，跳转到main/edit/index页面即可进入编辑模式
• 小程序端： 将代码克隆到本地，执行 yarn 或者 npm install ，安装依赖，然后执行 yarn dev:weapp 或者 npm run dev:weapp 启动微信小程序版本，微信小程序仅支持表单查看页面
• RN端： 将代码克隆到本地，执行 yarn 或者 npm install ，安装依赖，然后执行 yarn dev:rn 或者 npm run dev:rn 启动服务。 按照官网教程安装调试包后加载代码运行

组件支持

基本组件

• input 输入框
• input 多行文本输入
• select 单选
• select 多选
• select 下拉单选
• select 下拉多选
• switch 开关
• check 验证开关
• steep 进步器
• slider 拖动条
• rate 评分
• date 日期
• time 时间
• button 按钮
• update 图片和视频上传
• update 文件上传
• color 颜色选择
• icon-select 图标选择
• area 省市区地区选择 待实现
• picker 多列选择器 待实现
• picker 多列关联选择器 待实现
• period 时间段选择 待实现

展示组件

• text 文本组件
• image 图片组件
• icon 图标组件
• segment 分割线组件

布局组件

• felx 栅格（flex）布局
• tab tab布局
• row 横向布局
• column 竖向布局
• panel 面板布局
• compose 分组（将多个表单放在一起 默认显示一个 可以点击展开）
• background 背景（有背景图的容器）
• page 分页组件 待实现

高级组件

• object 对象表单
• array 数组表单
• array-one 一维数组（填写表单时增减表单）
• array-two 二维数组（填写表单时增减表单）

营销组件

• spec 商品规格编辑器 待实现
• pay-password 支付密码组件 待实现

表单功能

• 表单验证
• 条件显示隐藏
• 表单禁用（多级子表单禁用）
• 表单自定义背景
• 表单整体风格配置

编辑实现

• 可视化表单布局生成
• 表单预览
• json数据预览