View the code

react-simplemde-editor

A React.js wrapper for easy-markdown-editor.

Autofocus spellchecker disabled, button updated, controlled

{ "value": "I am the initial value. Erase me, or try the button above." }

Update by button

1121:59

Update by extra keys. E.g. arrow up and arrow down buttons

{ "value": "Focus this text area and then use the Up and Down arrow keys to see the `extraKeys` prop in action" }
1201:1

Cleanup by button

{ "value": "You can clean the input using button above." }
181:1

Custom preview

191:1

Custom events and cursor reading

{ "value": {} }
151:1

Autosaving after refresh (wait 1000ms after change)

Autosaved: 01:53 AM121:1

Getting instance of Mde and codemirror and line and cursor info

171:1

Dynamically changing event listeners

{ "value": "Blur away to see initial event behavior" }
171:1

Dynamically changing options. Change max height

{ "value": "Blur away to see initial event behavior" }
171:1