rc-editor-jsonschema

React EditorJSON Component for Ant Design Landing Intranet.

Example

http://localhost:8008/examples/

online example: http://ant-motion.github.io/editor-jsonschema/

install

Usage

var EditorJSON = require('rc-editor-jsonschema');
var React = require('react');
React.render(<EditorJSON />, container);

API

props

| name | type | default | description | |-----------|----------------|-----------|----------------| | data | object | null | ant design landing 的 dataSource. | | dataBasic | object | null | 源数据结构，如果 data 数据里的 array 全部删除后，将参照此数据源再新增 | | schema | object | null | 凤蝶的 schema 简单的解析，以 Object 和 Array 做主类，结合 landing 的数据，子级目前只支持 String(default), Text, Enum, Image, File, Boolean。 | | selected | string[] | null | 默认树状选择器 | | ignore | string[] | null | 不显示 schema 数据里的 key | | className | string | null | className | | prefixCls | string | rc-editor-jsonschema | prefix class. | | useMediumEditor | boolean | true | 输入框的模式，false 为 input 形式，true 为 MediumEditor 模式，产出的 string 将带 html 标签，如 <p>标题文字</p> | | uploadProps | object | null | 上传组件的 props. | | uploadImageSize | number | 1m | 图片上传的大小限制. | | uploadVideoSize | number | 2m | 视频上传的大小限制. | | onChange | (data: object) => void; | null | 数据变更的回调。 | | onSelectedChange | (selected: string[]) => void; | null | 选择器变更的回调。 |

说明

如果是数组形式，请必须将数据里的数值全部添加到 schema 里，并设置默认，用 ignore 隐藏的数值，如 className 数值, 如果不添加，将不会有出现在新增数据里。

License

rc-editor-jsonschema is released under the MIT license.