jquery-popline.js

jQuery-popline.js is a HTML5 Rich-Text-Editor toolbar. Popline is inspired from popclip. Compared to traditional RTE, popline will around they mouse when you select text.

Usage

Load jQuery and popline:

<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.popline.js"></script>

Load the popline component which you want:

<script type="text/javascript" src="../scripts/plugins/jquery.popline.link.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.decoration.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.list.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.justify.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.blockformat.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.social.js"></script>

Load font-awesome and popline theme:

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

Add a editable div to page:

<div class='editor' contenteditable='true'></div>

Initialize you popline for you editor:

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

View Mode

Popline also support View Mode, you can send a twitter, a facebook message, pin an image to pinterst, search with google in View Mode

$(".editor").popline({mode: 'view'});

Extension

Todo

Theme customize

Todo

Example

Todo

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request