Submit your widget

very useful notebook effect with jQuery

Created 5 years ago   Views 12492   downloads 1758    Author raphaelcruzeiro
very useful notebook effect with jQuery
View DemoDownload 51.3 KB
48
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="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" 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>
$(document).ready(function(){
    $('.my-editor').notebook();
});

Read more:https://github.com/raphaelcruzeiro/jquery-notebook