Submit your widget

very useful notebook effect with jQuery

Created 6 years ago   Views 13501   downloads 2026    Author raphaelcruzeiro
very useful notebook effect with jQuery
View DemoDownload 51.3 KB
Share |

This is A simple, clean and elegant WYSIWYG rich text editor for web aplications.

Prerequisites: jQuery-Notebook's default styling FontAwesome draw the icons on the context bubble. You can install both FontAwesome and jQuery-Notebook through bower with the following command:

bower install jquery-notebook font-awesome


Add the FontAwesome css and jQuery-Notebook css to you page head:
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="src/js/jquery.notebook.css">
Add jquery and jquery-notebook.js to your page:
<script type="text/javascript" src="src/js/libs/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="src/js/jquery.notebook.js"></script>
Create the editor:
<div class="my-editor"></div>

Read more: