An all HTML, CSS, & JavaScript HTML5 WYSIWYG Editor
Uses<menu type="context">andcontenteditableto write HTML
- Firefox or Chrome (IE = 💩)
document.execCommandsupport- SVG, including
<use>
- WYSIWYG Editor written in HTML & JavaScript using
execCommand - Offline access using
ApplicationCache - Full-Screen editing
- Drag-n-Drop images to add them (base64 encoded data-URI)
- Drag-n-Drop HTML files to import
- Save and restore work using
localStorage - Save work as file using
downloadattribute
CTRL + a— Select AllCTRL + z— UndoCTRL + y— RedoCTRL + b— Toggle BoldCTRL + i— Toggle ItalicCTRL + u— Toggle UnderlineCTRL + k— Toggle Strike-through (Firefox Only)CTRL + e— Justify Center (Firefox Only)CTRL + l— Justify Left (Firefox Only)CTRL + r— Justify Right (Firefox Only)CTRL + j— Justify Full (Firefox Only)tab— Increase Indentation (Blockquote for paragraphs)SHIFT + tab— Decrease Indentation
Contributing - GitHub Atom
- Firefox Developer Edition
- Myth — CSS preprocessor using pure CSS
- Node.js — Required for Myth
From source using Git
- Fork from GitHub
cd {/path/to/clone/to}
git clone git://github.com/{your-username}/WYSIWYG-Editor.git
cd WYSIWYG-Editor
git submodule init
git submodule update- Edit, stage, commit, push
- Send pull request
Rather than use LESS, SASS, or whatever the "cool kids" are doing these days, I decided to use
@importalong with --css-vars
Requires
To update style.css
myth -c stylesheets/css/import.css stylesheets/css/style.cssI have written a bash script for concatenating .js files.
You may either set executable permissions and run it from a GUI
or execute it from command line with
bash scripts/combine.bashYou will have to comment out scripts/combined.js and uncomment
all of the rest of the <script> tags.
GitHub