jQuery富文本编辑器Notebook

 查看演示  website  立即下载

用法

添加FontAwesome CSS和jQuery，Notebook css来你页面的头：

<link href="css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="src/js/jquery.notebook.css">

加入jQuery和jQuery的，notebook.js到您的网页：

<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>

创建编辑器：

<div class="my-editor"></div>

$(document).ready(function(){
    $('.my-editor').notebook();
});

可用命令

        按Ctrl /命令B - 粗体

        按Ctrl /命令我 - 斜体

        按Ctrl /命令u - 下划线

        按Ctrl /命令F1 - 标题1

        按Ctrl /命令F2 - 标题2

        按Ctrl /命令z - 撤消

选项

以下是支持的选项和它们的默认值：

$.fn.notebook.defaults = {
  autoFocus: false,
  placeholder: 'Your text here...',
  mode: 'multiline', //多行或内嵌
  modifiers: ['bold', 'italic', 'underline', 'h1', 'h2', 'ol', 'ul', 'anchor']
};

就是这样！

PREVIOUS:
NEXT:
voicewo在线语音识别转换jQuery插件
jQuery三维倾斜的滚动效果