Skip to content

zheNeng/formily-editor

 
 

Repository files navigation

Formily-Schema-Editor

从表单数据结构出发,帮助你快速搭建表单。

背景

Formily提供了JSON SCHEMA开发表单的能力,因此我们可以实现通过一份JSON SCHEMA渲染出一个表单。

这份SCHEMA可以通过开发者手写,但是更多的时候需要开放给非技术人员通过配置的方式生成。

因此,Formily-Schema-Editor出现了,它帮助不熟悉具体技术细节的用户生产SCHEMA,进而可以自己设计属于他们的表单。

功能

Formily-editor说明书

安装

import { SchemaEditor } from "@formily-editor/schema-editor";
import extensions from "@formily-editor/extensions";

const renderToolbar = (context) => {
  // 定制你的导航
}

const demo = () => {
  return <SchemaEditor 
    extensions={Object.values(extensions)} // 扩展组件
    renderToolbar={renderToolbar} // 定制导航
    schema={schema} // 初始schema
  />
}

Demo

使用示例

贡献代码

LICENSE

Formily-Schema-Editor is open source software licensed as MIT.

Packages

No packages published

Languages

  • TypeScript 68.9%
  • HTML 18.8%
  • CSS 7.0%
  • SCSS 4.2%
  • JavaScript 1.1%