This is a simple WYSIWYG editor with jQuery.
CoffeeScript CSS Ruby
Switch branches/tags
Nothing to show
Latest commit 22b960a Feb 5, 2014 @huacnlee Merge pull request #11 from JeskTop/update_font-awesome
support font-awesome 4.0.x
Permalink
Failed to load latest commit information.
dist support font-awesome 4.0.x Jan 23, 2014
src support font-awesome 4.0.x Jan 23, 2014
.gitignore First commit. Aug 12, 2013
Gemfile First commit. Aug 12, 2013
Gemfile.lock First commit. Aug 12, 2013
README.md Green color with toolbar state on/hover; Aug 28, 2013
Rakefile rake watch command fixed. Aug 13, 2013

README.md

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