添加FontAwesome CSS和jQuery,Notebook css来你页面的头:
1 2 | < link href = "css/font-awesome.css" rel = "stylesheet" > < link rel = "stylesheet" type = "text/css" href = "src/js/jquery.notebook.css" > |
加入jQuery和jQuery的,notebook.js到您的网页:
1 2 | < 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 > |
创建编辑器:
1 | < div class = "my-editor" ></ div > |
1 2 3 | $(document).ready( function (){ $( '.my-editor' ).notebook(); }); |
可用命令
按Ctrl /命令B - 粗体
按Ctrl /命令我 - 斜体
按Ctrl /命令u - 下划线
按Ctrl /命令F1 - 标题1
按Ctrl /命令F2 - 标题2
按Ctrl /命令z - 撤消
选项
以下是支持的选项和它们的默认值:
1 2 3 4 5 6 | $.fn.notebook.defaults = { autoFocus: false , placeholder: 'Your text here...' , mode: 'multiline' , //多行或内嵌 modifiers: [ 'bold' , 'italic' , 'underline' , 'h1' , 'h2' , 'ol' , 'ul' , 'anchor' ] }; |
就是这样!
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com