jquery.qeditor

This is a simple WYSIWYG editor with jQuery.

中文介绍请点这里

Featrues

• 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 press Enter, This can help you make a neat layout;
• PlaceHolder for WYSIWYG editor;
• FullScreen;

Changelogs

You can see all of the release notes in here: Release notes

Browser support

• Safari
• Chrome
• Firefox
• IE (No test), maybe 8+

Demo

You can try the Demo app.

Usage

<textarea id="post_body"></textarea>
<script type="text/javascript">
$("#post_body").qeditor({});
</script>

How to add custom toolbar icon

// 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);

Build

$ bundle install
$ rake watch # or use "rake build" to release

License

Apache V2 : http://choosealicense.com/licenses/apache