Skip to content

Latest commit

 

History

History
22 lines (19 loc) · 775 Bytes

README.md

File metadata and controls

22 lines (19 loc) · 775 Bytes

react-jsoneditor-wrapper

A ReactTypescript wrapper for jsoneditor by josdejong

How to install:

npm install react-jsoneditor-wrapper

How to include

import ReactJSONEditor from "react-jsoneditor-wrapper";

To use

Create elements the React way

Create an element with properties:

    <ReactJSONEditor json={properties} name="properties" mode="form" ref={ref => (this.jsoneditorref = ref)} />  

If you prefer you can use text instead of a json object. Text will be parsed in to a JSOn object:

  <ReactJSONEditor ref={ref => (this.jsonEditorRef = ref)}  text={this.state.content} name="properties" mode="code" modes={["code"]}/>

Small sample here: https://codesandbox.io/s/react-jsoneditor-wrapper-74rz6i