Jodit Editor: A beautiful WYSIWYG HTML text editor

A beautiful WYSIWYG HTML text editor
Copy/Paste image
Drag&Drop
Split Mode
Free for non-Commercial
CodeMirror out of the box
Pure JavaScript. No libraries
Lightweight: ~32kB gzipped.

Download: https://github.com/xdan/jodit

Demonstration: https://xdsoft.net/jodit/

Plugin homepage: https://xdsoft.net/jodit/

Implementation:

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jodit/2.3.17/jodit.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jodit/2.3.17/jodit.min.js"></script>
<div id="editor"></div>
<script>var editor = new Jodit('#editor');</script>

Screenshots:

Multi Step Form Using HTML and JavaScript

Form is the important part in web design. Form is the primary interface to the user by which user is…

How to Create Custom CSS, jQuery Autocomplete Plugin

Web developers often use autocomplete features in websites as a part of their work. Yet lot of good …

How to Make Sticky Sidebar Using jQuery and CSS

Sticky sidebar is an essential part of web development. Not in all cases but for some cases where ou…

Selectors, Animation, and AJAX – jQuery Tutorial And Examples

By now I’m sure you have grasped at least the basics and simplicity of the jQuery library. Now it’s …

s3Slider jQuery Plugin & Tutorial

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Usage: HTML: Sample …

jQuery Optimization: Avoid Unnecessary Selector

Common subexpression elimination is a common way to optimize any programming code. Doing unnecessary…