jQuery Based Inplace Html5 Rich Text Editor - Popline

Popline is a jQuery plugin inspired by popclip that allows you to create a Html5 rich text editor bar which will float around the selected text. With this plugin, you can edit, share and search selected text in the floating bar.

You might also like:

• WYSIHTML5 - Simple and Beautiful Web Editor
• Lightweight XHTML and BBCode WYSIWYG Editor - SCEditor
• Simple and Clean jQuery Html & Text Editor Plugin - ClassyEdit

How to use it:

1. Include the latest version of jQuery javascript library and jQuery popline plugin on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="build/jquery.popline.min.js"></script>

2. Create a container where you'd like to implement the plugin to

<div class="editor" contenteditable="true">
...
</div>

3. Include the required CSS stylesheets

<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="themes/default.css" />

4. Initialize the plugin

$(".editor").popline();

Change log:

• bugs fixed

---

This awesome jQuery plugin is developed by kenshin54. For more Advanced Usages, please check the demo page or visit the official website.