fakerybakery/wysiwyg

A tiny WYSIWYG editor that just works

WYSIWYG

Try Me

A simple visual editor for modern writers in Vanilla JS, CSS, and HTML with 0 dependencies.

Installation

Via CDN

Add the following lines to your head tag:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fakerybakery/WYSIWYG@main/wysiwyg.min.css">
<script src="https://cdn.jsdelivr.net/gh/fakerybakery/WYSIWYG@main/wysiwyg.min.js"></script>

Manually

Download the sources and include the files.

Usage

Make a textarea or input field

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

Initialize the editor

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

© 2023 mrfakename. All rights reserved.

License

LGPL, however minor modifications (customization, styling, etc) allowed without open sourcing changes. Major modifications must be open sourced