This is a clone of medium.com inline editor toolbar. MediumEditor has been written using vanilla JavaScript, no additional frameworks required. MediumEditor also supports textarea. If you provide a textarea element, the script will create a new div with contentEditable=true, hide the textarea and link the textarea value to the div HTML content. People have contributed wrappers around MediumEditor for integrating with different frameworks and tech stacks. Take a look at the list of existing Wrappers and Integrations that have already been written for MediumEditor! Options to customize medium-editor are passed as the second argument to the MediumEditor constructor. The toolbar for MediumEditor is implemented as a built-in extension which automatically displays whenever the user selects some text. The toolbar can hold any set of defined built-in buttons, but can also hold any custom buttons passed in as extensions.
Features
- Uses contenteditable API to implement a rich text solution
- Pure javascript. No libraries!
- Lightweight 28kB gzipped
- Chrome, Firefox, Safari, IE, & Edge support
- Choose between Mani, Roman, Flat, Bootstrap, Tim & Beagle themes
- CSS class added to active buttons in the toolbar