json5-editor
v1.3.9json5-editor
A lite JSON5 editor with smart autoComplete and zero configuration
NPM | Github | Playground
usage
import { Editor } from 'json5-editor'
export default () => {
return (
<Editor {...props} />
)
}
feature
- Syntax highlight
- Auto formatting & error correcting
- Duplicate property name checking
- Brace matching
- code ruler
Not optimized for big JSON, use at your own risk
more about how it works and limitations, please refer to https://github.com/satya164/react-simple-code-editor#how-it-works
API
| prop | description | type | default |
|---|---|---|---|
| initialValue | default value of textarea | string | '' |
| value | value in the textarea, required in controlled mode | string | - |
| onChange | textarea value change callback, required in controlled mode | (v: string) => void | - |
| placeholder | placeholder of textarea | string | '' |
| style | className of textarea and pre tag | React.CSSProperties | - |
| className | className of outer container | string | - |
| disabled | whether the editor is disbled | boolean | false |
| readOnly | whether the editor is readonly | boolean | false |
