Summernote在线编辑器的使用，这也是个插件

下载地址：http://www.oschina.net/p/summernote

它是一款基于bootstrape的插件，所以还称之为：

基于jquery的bootstrap在线文本编辑器插件Summernote

引入

  <script src="js/jquery-1.9.1.min.js"></script>

 <link href="css/bootstrap.min.css" rel="stylesheet">      //下面是bootstrape的cs和js。其中font-awesome是有些显示时候看到的小图标。并且要注意一定要加上font-awesome.ttf的字体文件

  <link href="css/font-awesome.min.css" rel="stylesheet">
  <script src="js/bootstrap.min.js"></script>

  <link href="css/summernote.css" rel="stylesheet" type="text/css"/>//这里是编辑器的重点啦
  <script src="js/summernote.js"></script>

html

一句话搞定啦    <textarea id="summernote"></textarea>

js

 $(document).ready(function() {
        $('#summernote').summernote({
           height: 300,                 // 设置编辑器的高度
           focus: true                 //光标自动放在编辑区域
        });
    });

//参考http://www.jqcool.net/bootstrap-summernote.html