ue.registerui('kityformula', function(editor, uiname){

    // 创建dialog
    var kfdialog = new ue.ui.dialog({

        // 指定弹出层路径
        iframeurl: editor.options.ueditor_home_url + 'kityformula-plugin/kityformuladialog.html',
        // 编辑器实例
        editor: editor,
        // dialog 名称
        name: uiname,
        // dialog 标题
        title: '插入公式 - kityformula',

        // dialog 外围 css
        cssrules: 'width:783px; height: 386px;',

        //如果给出了buttons就代表dialog有确定和取消
        buttons:[
            {
                classname:'edui-okbutton',
                label:'确定',
                onclick:function () {
                    kfdialog.close(true);
                }
            },
            {
                classname:'edui-cancelbutton',
                label:'取消',
                onclick:function () {
                    kfdialog.close(false);
                }
            }
        ]});

    editor.ready(function(){
        ue.utils.cssrule('kfformula', 'img.kfformula{vertical-align: middle;}', editor.document);
    });

    var iconurl = editor.options.ueditor_home_url + 'kityformula-plugin/kf-icon.png';
    var tmplink = document.createelement('a');
    tmplink.href = iconurl;
    tmplink.href = tmplink.href;
    iconurl = tmplink.href;

    var kfbtn = new ue.ui.button({
        name:'插入' + uiname,
        title:'插入公式-' + uiname,
        //需要添加的额外样式，指定icon图标
        cssrules :'background: url("' + iconurl + '") !important',
        onclick:function () {
            //渲染dialog
            kfdialog.render();
            kfdialog.open();
        }
    });

    //当点到编辑内容上时，按钮要做的状态反射
    editor.addlistener('selectionchange', function () {
        var state = editor.querycommandstate(uiname);
        if (state == -1) {
            kfbtn.setdisabled(true);
            kfbtn.setchecked(false);
        } else {
            kfbtn.setdisabled(false);
            kfbtn.setchecked(state);
        }
    });

    return kfbtn;


});