kindeditor的使用

kindeditor的使用，官网地址：http://kindeditor.net/demo.php

简单的将昨天简单使用的kindeditor 记下来。

首先在jsp页面，引入需要的js文件，
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>


第二步，创建一个textarea，如下：
<div id="point">
<textarea name="content" cols="60" rows="4"></textarea>
</div>
第三步 在textarea中引入kindeditor

在js中
<script type="text/javascript">
//创建kindeditor的编辑器
var editor = KindEditor.create('textarea[name="content"]', {
allowFileManager : true,
uploadJson : ctx+'/kind/upload', //上传图片
fileManagerJson:ctx+'/kind/getFileList',//上传文件
afterCreate : function() {
         this.sync();
        },
        afterBlur:function(){
            this.sync(); //将editor的内容同步到textarea中
        }, 
height:120,
items:['source','justifyleft','justifycenter','justifyright','fontname','fontsize','bold','italic','underline','subscript','superscript','image','table','clearhtml']
});


</script>


引入kindeditor还有一种方式，使用全局变量的方式：
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
<script>
        KindEditor.ready(function(K) {
             var editor =   K.create('textarea[name="content"]', {
allowFileManager : true,
uploadJson : ctx+'/kind/upload', //上传图片
fileManagerJson:ctx+'/kind/getFileList',//上传文件
afterCreate : function() {
         this.sync();
        },
        afterBlur:function(){
            this.sync(); //将editor的内容同步到textarea中
        }, 
height:120,
items:['source','justifyleft','justifycenter','justifyright','fontname','fontsize','bold','italic','underline','subscript','superscript','image','table','clearhtml']
});
</script>