WYSIWYG Editor

Installation

View Instructions

Download the styles and the script.

Include the CSS file:

@import url('wysiwyg.min.css');

Include the JS file:

<script src="wysiwyg.min.js"></script>

Make a textarea of an input field

<textarea id="textarea"></textarea>

Initialize the editor

new WYSIWYG(document.getElementById('textarea'));

That's all!

Final Code:

<style>@import url('wysiwyg.min.css');</style>
<textarea id="textarea"></textarea>
<script src="wysiwyg.min.js"></script>
<script>new WYSIWYG(document.getElementById('textarea'));</script>

(That's the demo above, with minor modifications for proper HTML formatting.)

Tiny

The whole package is just ~1.6 KB, archived + gzipped.

Fast

It's superfast. The small size and efficient structure make it easy to load, even on slow devices.

Powerful

Feature-packed and intuitive, this editor is the best and simplest one available!

Zero Dependencies

This package uses zero dependencies. Literally. And the installation process is so easy you'll want it on all your sites!

Inline

The whole editor is inline. I think it looks nice.