KindEditor/其它几种API

此条目用于说明KindEditor其它几种API

Widget API

• K.widget(options)

创建widget。

参数:

object options: 配置信息

返回: KWidget

示例:

var widget = K.widget({
        z : 100,
        width : 200,
        height : 100,
        html : '<strong>abc</strong>123<strong>abc</strong><strong>abc</strong>',
        css : {
                border : '1px solid #A0A0A0',
                background : '#F0F0F0'
        }
});

下拉菜单API

• K.menu(options)

创建下拉菜单。

参数:

object options: 配置信息

返回: KMenu

继承: KWidget ( K.widget(options) )

示例:

var menu = K.menu({
        width : 200,
        x : 100,
        y : 200,
        z : 1000,
        centerLineMode : false
});
K.each('9px,10px,12px,14px,16px,18px,24px,32px'.split(','), function(i, val) {
        menu.addItem({
                title : '<span style="font-size:' + val + ';">' + val + '</span>',
                click : function() {
                        alert(val);
                },
                height : parseInt(val, 10) + 12,
                checked : val === '12px'
        });
});

取色器API

• K.colorpicker(options)

创建取色器。

参数:

object options: 配置信息

返回: KColorPicker

继承: KWidget ( K.widget(options) )

示例:

var colorpicker = K.colorpicker({
        x : 100,
        y : 200,
        z : 1000,
        selectedColor : 'default',
        click : function(color) {
                alert(color);
        }
});

弹出窗口API

• K.dialog(options)

创建弹出窗口。

参数:

object options: 配置信息

返回: KDialog

继承: KWidget ( K.widget(options) )

示例:

var dialog = K.dialog({
        width : 500,
        title : '测试窗口',
        body : '<div style="margin:10px;"><strong>内容</strong></div>',
        closeBtn : {
                name : '关闭',
                click : function(e) {
                        dialog.remove();
                }
        },
        yesBtn : {
                name : '确定',
                click : function(e) {
                        alert(this.value);
                }
        },
        noBtn : {
                name : '取消',
                click : function(e) {
                        dialog.remove();
                }
        }
});

Tabs API

• K.tabs(options)

创建Tabs。

参数:

object options: 配置信息

返回: KTabs

继承: KWidget ( K.widget(options) )

示例:

var tabs = K.tabs({
        parent : '#tabs',
        afterSelect : function(i) {
                K('#tab' + (i + 1)).html('选中了标签#' + (i + 1));
        }
});
tabs.add({
        title : '标签#1',
        panel : '#tab1'
});
tabs.add({
        title : '标签#2',
        panel : '#tab2'
});
tabs.add({
        title : '标签#3',
        panel : '#tab3'
});
tabs.select(0);

上传按钮API

• K.uploadbutton(options)

创建上传按钮。

参数:

object options: 配置信息

返回: KUploadButton

示例:

var uploadbutton = K.uploadbutton({
        button : K('#ke-upload-button')[0],
        fieldName : 'imgFile',
        url : '../php/upload_json.php',
        afterUpload : function(data) {
                if (data.error === 0) {
                        alert(data.url);
                } else {
                        alert(data.message);
                }
        }
});
uploadbutton.fileBox.change(function(e) {
        uploadbutton.submit();
});

参考来源

• http://www.kindsoft.net/doc.php

KindEditor使用手册导航
使用方法 初始化参数 添加自定义插件 API文档： 基础API|事件API|选择器API|Node API|Range API|Command API|Ajax API|其它几种API 常见问题