Simple HTML WYSIWYG Editor with jQuery and Bootstrap - Htmle
File Size: | 25.2 KB |
---|---|
Views Total: | 1841 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Htmle is a jQuery plugin for converting a normal textarea
into a simple WYSIWYG editor that uses Font Awesome 4 for editor icons and Bootstrap 3 for add-link modal.
Basic usage:
1. Load jQuery library and other required resources (Bootstrap and Font Awesome) in your project.
<link rel="stylesheet" href="/path/to/font-awesome.min.css"> <link rel="stylesheet" href="/path/to/bootstrap.min.css"> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="/path/to/bootstrap.min.js"></script>
2. Load jQuery Htmle plugin's JavaScript and CSS files after jQuery library.
<link rel="stylesheet" href="/path/to/htmle/style.css"> <script src="/path/to/htmle.js"></script>
3. Call the htmle()
method on an existing textarea
to generate a basic WYSIWYG editor.
$('#htmle').htmle();
4. Default plugin options.
$('#htmle').htmle({ id: null, basePath: null, encodeBeforeSubmit: true });
This awesome jQuery plugin is developed by mhsallam. For more Advanced Usages, please check the demo page or visit the official website.