Skip to content
This repository has been archived by the owner. It is now read-only.
This is a simple WYSIWYG editor with jQuery.
CoffeeScript CSS Ruby
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
Gemfile
Gemfile.lock
README.md
Rakefile

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

You can’t perform that action at this time.