Drop a couple of files into your project and turn any plain <textarea> into a full rich text editor — toolbar, formatting, images, links and emoji included. No frameworks, no build step, no account required.
A complete formatting toolbar, built with plain JavaScript and CSS — nothing to install.
Bold, italic, underline and strikethrough, one click away.
Native color pickers for both text color and background/highlight color.
Switch between Paragraph, Quote, and Heading 1–6 from a dropdown.
Adjustable font size and line spacing for readable, well-formatted text.
Structure nested content with one-click indent controls.
Add images by URL or upload directly from the visitor's computer.
Insert links with custom text and an optional "open in new tab."
A ready-made grid of common emoji to insert at the cursor.
Enhances a real <textarea>, so existing forms and servers work unchanged.
No npm, no bundler — just static files you can host anywhere.
<link rel="stylesheet" href="wysiwyg-editor.css"> <textarea id="content" name="content"></textarea> <script src="wysiwyg-editor.js"></script> <script> WysiwygEditor.create('#content'); </script>
Download and unzip the package, then copy the two files from dist/ into your project.
Link the CSS and script on any page with a <textarea> you want to enhance.
Call WysiwygEditor.create() with a selector. The textarea's value stays in sync automatically, so your existing form submission code needs no changes.
Released under the MIT license — use it on personal sites, client work, or commercial products.
Free to download, use, and redistribute, with no license fees.
Credit is appreciated but not required by the license.
Static files only — no sign-up, no external calls, no analytics baked in.
Restyle it, extend the toolbar, or strip out features you don't need.
Includes the editor, an example page, and a full how-to-use guide.
Download wysiwyg-editor.zip