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
- Fixed: Component now re-renders when
placeholder
property is updated. - Now accepts
border
property for any color theme to specify the color of the border separating the status bar and the code viewer.
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.