react-json-editor-ajrm
A stylish, modular, react component for viewing, editing, json and more!
Using npm:
$ npm i -g npm
$ npm i --save react-json-editor-ajrm
How to Use
import JSONInput from './src/components/jsoninput';
<JSONInput
placeholder = { sampleObject }
colors = { darktheme }
height = '550px'
/>
See full working example
Latest Release Notes
- Light theme now included in example file.
- Tomorrow a website will be released so that you can interact with this component live.
Set Up
If you'd like to interact with it right away. Follow these instructions.
- Clone github repository
- Run the following on the command line tool in the local directory of the repo to install dev dependencies:
npm i
- Run the following on the command line tool in the local directory of the repo to launch:
npm start
- Open browser and set web address to:
localhost:8080
Features
- Write as if you are in a text editor.
- Checks for syntax mistakes and provides feedback.
- You can customize color palette as you please.
- Accepts a javascript object in props.placeholder to display after component mounts.
- For any valid textContent, calculates and makes available in this.state as plain text, markup text, and javascript object.
Built With
- React.js and Vanilla Javascript Javascript, ES5, ES6
- Also requires:
"babel-plugin-transform-object-rest-spread": "^6.26.0"
Authors
License
This project is licensed under the MIT License - see the LICENSE.md file for details.