KindEditor 插件API使用说明

一、 安装

1、 在html中引入

kindeditor-all-min.js和lang,lib,plugins,

src,themes目录

2、 插入html代码：

 <textarea id="editor_id" name="content" style="width:700px;height:300px;">
</textarea>

 

3、 插入script脚本：

   KindEditor.ready(function (K) {
            var editor = K.create('#editor_id', {
                skinType: 'common'
            });
   });

二、 参数、方法和事件的API

1、初始化参数options, 全部是可选的:

    width: ‘100px’

    height:  ‘100px’

    items: [‘source’, ‘|’…]  表示工具栏中需要显示的按钮，其中

            ‘|’是分隔符， ‘/’是换行符

    themeType: ‘default’或‘simple’定义主题的类型

    也可自定义主题CSS文件： 在themes主题下面创建自定义目录和自定义CSS文件，如blueStyle/blueStyle.css，覆盖原来样式。之后定义

themeType: ‘blueStyle’

    langType:  ‘en’或 ‘zh-CN’语言类型，默认都可以输入

    更多参数见 http://kindeditor.net/docs/option.html

2、方法API

    K.create(expr支持多个textarea, options): 创建编辑器，返回第一个KEditor对象，expr，为dom选择器，支持多个textarea，可同时匹配多个textarea元素时。

    K.sync(expr): 将多个编辑器的内容设置到原来的textarea控件里。

    K.appendHtml(expr,val) 将指定的HTML内容添加到多个编辑器的最后位置。

    K.remove(expr)： 移除指定编辑器

    editor. html() : 取得编辑器的HTML内容。

    editor. html(val)：设置编辑器的HTML内容。

    editor.isEmpty(): 判断编辑器是否有可见内容

    K.trim(str): 清除字符串两边的空白。

    K.ajax(url[,fn,method,data]):第一个参数必传

     GET或POST请求。

      参数:

• string url: JavaScript URL
• function fn: 回调函数
• string method: “GET”或”POST”，默认值为”GET”
• object data: POST数据，key-value格式

      返回: undefined

    举例：

//GET
K.ajax('test.php', function(data) {
        console.log(data);
});
//POST
K.ajax('test.php', function(data) {
        console.log(data);
}, 'POST', {
        aa : 1,
        bb : 2
});