/jquery.qeditor

This is a simple WYSIWYG editor with jQuery.

Primary LanguageCoffeeScript

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