Download
User Rating: 3.1/5 ( 9 votes)
Trumbowyg is a simple and lightweight WYSIWYG editor, is only 16kB for faster page loading.
Why you should love it?
-
HTML5 ready - Editor and generated code are optimized for HTML5 support. Compatible with all recents browsers like IE8+, Chrome, Opera and Firefox.
-
Fast & lightweight - All existing WYSIWYG editors are larger than 45kB. Trumbowyg is only 15kB which means faster page loading. No useless features, just the necessary ones to generate a clean and semantic code.
-
Customizable - Options and design are entirely configurable ot suit your needs. However, the default design is compatible with Retina display and optimized for a great and simple user experience.
Source: alex-d.github.io
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="css/vendor/trumbowyg.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/vendor/trumbowyg.min.js"></script>
2. HTML
<div id="simple-editor">
<h2>This editor is the default build of Trumbowyg.</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident optio nam reiciendis eius beatae quibusdam!
</p>
<p>
The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there anyone who loves grief itself since it is grief and thus wants to obtain it").
</p>
</div>
3. JAVASCRIPT
$('#simple-editor').trumbowyg();
More information at http://alex-d.github.io/Trumbowyg/documentation.html
JS Tutorial
