KindEditor编辑器的使用

KindEditor官网：http://kindeditor.net/index.php

1、下载编辑器文件

2、引入必要jquery库和下载包中的kindeditor-all-min.js

<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script charset="utf-8" src="lib/kindeditor/kindeditor-all-min.js"></script> 

3、初始化编辑器

<script>
$(function() {
    var editor = KindEditor.create('#content');
});
</script>

4、id与初始化id相对应

<!-- 对应文本框添加id -->
 <textarea cols="40" rows="15" id="content"></textarea>

然后就可以看到美美的编辑器喽：