An editor with two basic goals:

1. Only allow valid code to be entered (no syntax errors)
2. Common code transformations in just as many or less keystrokes, compared to other editors

For now, it's only a JSON editor.

In your commandline:

yarn add syntactor
#or
npm install syntactor --save

In your code:

const Syntactor = require('syntactor');
Syntactor.render(document.querySelector('#container'), {
  initiallyShowKeymap: true,
  defaultValue: {answer: 42}
});

Or if you're using React (and ES2015):

import {Editor} from 'syntactor';

const SomeComponent = () => (
  <div>
    <Editor initiallyShowKeymap defaultValue={{answer: 42}}/>
  </div>
);

These can be either passed as React props or as the 2nd argument into the Syntactor.render function.

First clone this repo, then:

yarn

And start it with

yarn start