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