This is a simple WYSIWYG editor with jQuery.
- Simple UI, Simple Use;
- Use font-awsome as toolbar icon;
- Remove complex html tag, attributes on paste, this can make you web page clean;
- Less code;
- Use
<p>
not<br>
on pressEnter
, This can help you make a neat layout; - PlaceHolder for WYSIWYG editor;
- FullScreen;
You can see all of the release notes in here: Release notes
- Safari
- Chrome
- Firefox
- IE (No test), maybe 8+
You can try the Demo app.
<textarea id="post_body"></textarea>
<script type="text/javascript">
$("#post_body").qeditor({});
</script>
// Custom a toolbar icon
var toolbar = $("#post_body").parent().find(".qeditor_toolbar");
var link = $("<a href='#'><span class='icon-smile'></span></a>");
link.click(function(){
alert("Put you custom toolbar event in here.");
return false;
});
toolbar.append(link);
$ bundle install
$ rake watch # or use "rake build" to release
Apache V2 : http:https://choosealicense.com/licenses/apache