下载地址: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