popline
Popline is a HTML5 Rich-Text-Editor toolbar. Popline is inspired from popclip. Compared to traditional RTE, popline will float around the selected text.
Usage
Load jQuery and popline:
<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.popline.min.js"></script>
Or Load the popline plugins which you want:
<script type="text/javascript" src="../scripts/jquery.popline.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.link.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.decoration.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="../themes/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
http://kenshin54.github.io/popline/
Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request
License
Copyright (c) 2013 kenshin54. Distributed under the MIT License. See LICENSE.txt for further details.