Simplest WYSIWYG editor out there

Posted on : 7th Oct 2018

While making a page to add posts to this blog I came across this amazing and light-weight WYSIWYG editor.

This one really is dead simple, it's an open-source clone for Medium.com's editor toolbar. However there are plenty of other editors available out there, this one is easy to deploy. 

Include required files from CDN.

<script src="//cdn.jsdelivr.net/npm/medium-editor@latest/dist/js/medium-editor.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/medium-editor@latest/dist/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">

Initiate the editable element - 

<div class="editable"></div>
<script>var editor = new MediumEditor('.editable');</script>


And you are done. The best parts :

- No jQuery or Bootstrap required.

- Built in support for custom key-combinations, tags, formatting and Images.

- Light-weight



Honorable Mention :

- Pell ( WYSIWYG editor in 4KB )

© 2021, All Rights Reserved · Vipin Joshi