一、两款json-schema-editor 1、vue-json-schema-editor-visual 一个高效易用的基于 Vue + Element UI 的 json-schema 编辑器。 git地址:https://github.com/giscafer/vue-json-schema-editor-visual demo地址:http://blog.giscafer.com/sino
json-schema-editor JSON数据可视化/JSONSchema,以表单的形式编辑 json schema,可用于在线设计组件的配置面板。 技术栈 React/Mobx/Ant Design 特点 支持12种基础类型组件(input、boolean、 date、date-time、 time、 url、 textarea、number、color、radio、 select、single-select) ...
在公司的项目业务当中,需要基于json-schema实现一个可以可视化编辑器,当前有不错的实现方案,如:json-schema-visual-editor。但事实上,这个交互并不满足于我们需求设计的那样,于是我重新开发了一款json-schema-visual-editor。 然后我将业务当中的实现提取出来,封装成了一个开源的组件,详情可见ew-json-schema-editor-vis...
The JSON Schema Editor can be used in Split View Mode, which shows the JSON Schema source code along side the graphical model. Changes to the model are instantly reflected in the code view, and changes to the code are reflected in the model when it is selected again. ...
Json Schema 可视化编辑器. Latest version: 0.1.0, last published: 2 years ago. Start using json-schema-editor-antd-zh-cn in your project by running `npm i json-schema-editor-antd-zh-cn`. There are no other projects in the npm registry using json-schema-ed
如果要对json schema增加额外的属性时可以使用extra参数配置额外属性,比如想要对integer和string增加default属性,支持的参数类型有:'string', 'number', 'integer','object', 'array', 'boolean'。 <json-schema-editor :value="tree" disabledType lang="zh_CN" custom :extra="extraSetting" /> data() { re...
Just as XMLSpy pioneered the first graphicalXML Schema editor, it now also includes the first enterprise-grade, graphical JSON Schema editor with the same cutting-edge functionality. JSON Schema View will be immediately familiar to XMLSpy customers who’ve used XML Schema View and are now learnin...
JSON Schema Editor is an intuitive editor for JSON schema. It provides a tree view to present the structure of schema, and a property inspector to edit the properties of schema element.
const option = {} import 'antd/dist/antd.css' require('json-schema-editor-visual/dist/main.css') const schemaEditor = require("json-schema-editor-visual/dist/main.js"); const SchemaEditor = schemaEditor(option) render( <SchemaEditor />, document.getElementById('root') )...
1、vue-json-schema-editor-visual 一个高效易用的基于 Vue + Element UI 的 json-schema 编辑器。 git地址:https:///giscafer/vue-json-schema-editor-visual demo地址:http://blog.giscafer.com/sinokit/#/./components/jsonschema-editor demo截图: ...