KindEditor/其它幾種API

此條目用于說明KindEditor其它幾種API

目錄

• 1 Widget API
• 2 下拉菜單API
• 3 取色器API
• 4 彈出窗口API
• 5 Tabs API
• 6 上傳按鈕API
• 7 參考來源
• 8 KindEditor使用手冊導(dǎo)航

Widget API

• K.widget(options)

創(chuàng)建widget。

參數(shù):

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)

創(chuàng)建下拉菜單。

參數(shù):

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)

創(chuàng)建取色器。

參數(shù):

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)

創(chuàng)建彈出窗口。

參數(shù):

object options: 配置信息

返回: KDialog

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

示例:

var dialog = K.dialog({
        width : 500,
        title : '測試窗口',
        body : '<div style="margin:10px;"><strong>內(nèi)容</strong></div>',
        closeBtn : {
                name : '關(guān)閉',
                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)

創(chuàng)建Tabs。

參數(shù):

object options: 配置信息

返回: KTabs

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

示例:

var tabs = K.tabs({
        parent : '#tabs',
        afterSelect : function(i) {
                K('#tab' + (i + 1)).html('選中了標(biāo)簽#' + (i + 1));
        }
});
tabs.add({
        title : '標(biāo)簽#1',
        panel : '#tab1'
});
tabs.add({
        title : '標(biāo)簽#2',
        panel : '#tab2'
});
tabs.add({
        title : '標(biāo)簽#3',
        panel : '#tab3'
});
tabs.select(0);

上傳按鈕API

• K.uploadbutton(options)

創(chuàng)建上傳按鈕。

參數(shù):

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使用手冊導(dǎo)航
使用方法 初始化參數(shù) 添加自定義插件 API文檔： 基礎(chǔ)API|事件API|選擇器API|Node API|Range API|Command API|Ajax API|其它幾種API 常見問題