zentao/www/js/kindeditor/kindeditor.js

/******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2013 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @website http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 * @version 4.1.9 (2013-10-08)
 *******************************************************************************/

/*! KindEditor Copyright (C) kindsoft.net, Licence: http://kindeditor.net/license.php */

(function(window, undefined) {
    if(window.KindEditor) {
        return;
    }
    if(!window.console) {
        window.console = {};
    }
    if(!console.log) {
        console.log = function() {};
    }
    var _VERSION = '4.1.9 (2013-10-08)',
        _ua = navigator.userAgent.toLowerCase(),
        _IE = _ua.indexOf('msie') > -1 && _ua.indexOf('opera') == -1,
        _NEWIE = _ua.indexOf('msie') == -1 && _ua.indexOf('trident') > -1,
        _GECKO = _ua.indexOf('gecko') > -1 && _ua.indexOf('khtml') == -1,
        _WEBKIT = _ua.indexOf('applewebkit') > -1,
        _OPERA = _ua.indexOf('opera') > -1,
        _MOBILE = _ua.indexOf('mobile') > -1,
        _IOS = /ipad|iphone|ipod/.test(_ua),
        _QUIRKS = document.compatMode != 'CSS1Compat',
        _IERANGE = !window.getSelection,
        _matches = /(?:msie|firefox|webkit|opera)[\/:\s](\d+)/.exec(_ua),
        _V = _matches ? _matches[1] : '0',
        _TIME = new Date().getTime();

    function _isArray(val) {
        if(!val) {
            return false;
        }
        return Object.prototype.toString.call(val) === '[object Array]';
    }

    function _isFunction(val) {
        if(!val) {
            return false;
        }
        return Object.prototype.toString.call(val) === '[object Function]';
    }

    function _inArray(val, arr) {
        for(var i = 0, len = arr.length; i < len; i++) {
            if(val === arr[i]) {
                return i;
            }
        }
        return -1;
    }

    function _each(obj, fn) {
        if(_isArray(obj)) {
            for(var i = 0, len = obj.length; i < len; i++) {
                if(fn.call(obj[i], i, obj[i]) === false) {
                    break;
                }
            }
        } else {
            for(var key in obj) {
                if(obj.hasOwnProperty(key)) {
                    if(fn.call(obj[key], key, obj[key]) === false) {
                        break;
                    }
                }
            }
        }
    }

    function _trim(str) {
        return str.replace(/(?:^[ \t\n\r]+)|(?:[ \t\n\r]+$)/g, '');
    }

    function _inString(val, str, delimiter) {
        delimiter = delimiter === undefined ? ',' : delimiter;
        return(delimiter + str + delimiter).indexOf(delimiter + val + delimiter) >= 0;
    }

    function _addUnit(val, unit) {
        unit = unit || 'px';
        return val && /^[\d\.]+$/.test(val) ? val + unit : val;
    }

    function _removeUnit(val) {
        var match;
        return val && (match = /([\d\.]+)/.exec(val)) ? parseInt(match[1], 10) : 0;
    }

    function _escape(val) {
        return val.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
    }

    function _unescape(val) {
        return val.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&amp;/g, '&');
    }

    function _toCamel(str) {
        var arr = str.split('-');
        str = '';
        _each(arr, function(key, val) {
            str += (key > 0) ? val.charAt(0).toUpperCase() + val.substr(1) : val;
        });
        return str;
    }

    function _toHex(val) {
        function hex(d) {
            var s = parseInt(d, 10).toString(16).toUpperCase();
            return s.length > 1 ? s : '0' + s;
        }
        return val.replace(/rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/ig,
            function($0, $1, $2, $3) {
                return '#' + hex($1) + hex($2) + hex($3);
            }
        );
    }

    function _toMap(val, delimiter) {
        delimiter = delimiter === undefined ? ',' : delimiter;
        var map = {},
            arr = _isArray(val) ? val : val.split(delimiter),
            match;
        _each(arr, function(key, val) {
            if((match = /^(\d+)\.\.(\d+)$/.exec(val))) {
                for(var i = parseInt(match[1], 10); i <= parseInt(match[2], 10); i++) {
                    map[i.toString()] = true;
                }
            } else {
                map[val] = true;
            }
        });
        return map;
    }

    function _toArray(obj, offset) {
        return Array.prototype.slice.call(obj, offset || 0);
    }

    function _undef(val, defaultVal) {
        return val === undefined ? defaultVal : val;
    }

    function _invalidUrl(url) {
        return !url || /[<>"]/.test(url);
    }

    function _addParam(url, param) {
        return url.indexOf('?') >= 0 ? url + '&' + param : url + '?' + param;
    }

    function _extend(child, parent, proto) {
        if(!proto) {
            proto = parent;
            parent = null;
        }
        var childProto;
        if(parent) {
            var fn = function() {};
            fn.prototype = parent.prototype;
            childProto = new fn();
            _each(proto, function(key, val) {
                childProto[key] = val;
            });
        } else {
            childProto = proto;
        }
        childProto.constructor = child;
        child.prototype = childProto;
        child.parent = parent ? parent.prototype : null;
    }

    function _json(text) {
        var match;
        if((match = /\{[\s\S]*\}|\[[\s\S]*\]/.exec(text))) {
            text = match[0];
        }
        var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
        cx.lastIndex = 0;
        if(cx.test(text)) {
            text = text.replace(cx, function(a) {
                return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
            });
        }
        if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
            return eval('(' + text + ')');
        }
        throw 'JSON parse error';
    }
    var _round = Math.round;
    var K = {
        DEBUG: false,
        VERSION: _VERSION,
        IE: _IE,
        GECKO: _GECKO,
        WEBKIT: _WEBKIT,
        OPERA: _OPERA,
        V: _V,
        TIME: _TIME,
        each: _each,
        isArray: _isArray,
        isFunction: _isFunction,
        inArray: _inArray,
        inString: _inString,
        trim: _trim,
        addUnit: _addUnit,
        removeUnit: _removeUnit,
        escape: _escape,
        unescape: _unescape,
        toCamel: _toCamel,
        toHex: _toHex,
        toMap: _toMap,
        toArray: _toArray,
        undef: _undef,
        invalidUrl: _invalidUrl,
        addParam: _addParam,
        extend: _extend,
        json: _json
    };
    var _INLINE_TAG_MAP = _toMap('a,abbr,acronym,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,img,input,ins,kbd,label,map,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var'),
        _BLOCK_TAG_MAP = _toMap('address,applet,blockquote,body,center,dd,dir,div,dl,dt,fieldset,form,frameset,h1,h2,h3,h4,h5,h6,head,hr,html,iframe,ins,isindex,li,map,menu,meta,noframes,noscript,object,ol,p,pre,script,style,table,tbody,td,tfoot,th,thead,title,tr,ul'),
        _SINGLE_TAG_MAP = _toMap('area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed'),
        _STYLE_TAG_MAP = _toMap('b,basefont,big,del,em,font,i,s,small,span,strike,strong,sub,sup,u'),
        _CONTROL_TAG_MAP = _toMap('img,table,input,textarea,button'),
        _PRE_TAG_MAP = _toMap('pre,style,script'),
        _NOSPLIT_TAG_MAP = _toMap('html,head,body,td,tr,table,ol,ul,li'),
        _AUTOCLOSE_TAG_MAP = _toMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr'),
        _FILL_ATTR_MAP = _toMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected'),
        _VALUE_TAG_MAP = _toMap('input,button,textarea,select');

    function _getBasePath() {
        var els = document.getElementsByTagName('script'),
            src;
        for(var i = 0, len = els.length; i < len; i++) {
            src = els[i].src || '';
            if(/kindeditor[\w\-\.]*\.js/.test(src)) {
                return src.substring(0, src.lastIndexOf('/') + 1);
            }
        }
        return '';
    }
    K.basePath = _getBasePath();
    K.options = {
        designMode: true,
        fullscreenMode: false,
        filterMode: true,
        wellFormatMode: true,
        shadowMode: true,
        loadStyleMode: true,
        basePath: K.basePath,
        themesPath: K.basePath + 'themes/',
        langPath: K.basePath + 'lang/',
        pluginsPath: K.basePath + 'plugins/',
        themeType: 'default',
        langType: 'zh_CN',
        urlType: '',
        newlineTag: 'p',
        resizeType: 1,
        syncType: 'form',
        pasteType: 2,
        dialogAlignType: 'page',
        useContextmenu: true,
        fullscreenShortcut: false,
        bodyClass: 'ke-content',
        indentChar: '  ',
        cssPath: '',
        cssData: '',
        minWidth: 650,
        minHeight: 100,
        minChangeSize: 50,
        simpleWrap: true,
        zIndex: 811213,
        items: [
            'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
            'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
            'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
            'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
            'anchor', 'link', 'unlink', '|', 'about'
        ],
        noDisableItems: ['source', 'fullscreen'],
        colorTable: [
            ['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'],
            ['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'],
            ['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'],
            ['#FFFFFF', '#CCCCCC', '#999999', '#666666', '#333333', '#000000']
        ],
        fontSizeTable: ['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px'],
        htmlTags: {
            font: ['id', 'class', 'color', 'size', 'face', '.background-color', '.color', '.font-size', '.font-family'],
            span: [
                'id', 'class', '.color', '.background-color', '.font-size', '.font-family', '.background',
                '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.line-height'
            ],
            div: [
                'id', 'class', 'align', '.border', '.margin', '.padding', '.text-align', '.color',
                '.background-color', '.font-size', '.font-family', '.font-weight', '.background',
                '.font-style', '.text-decoration', '.vertical-align', '.margin-left'
            ],
            table: [
                'id', 'class', 'border', 'cellspacing', 'cellpadding', 'width', 'height', 'align', 'bordercolor',
                '.padding', '.margin', '.border', 'bgcolor', '.text-align', '.color', '.background-color',
                '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.background',
                '.width', '.height', '.border-collapse'
            ],
            'td,th': [
                'id', 'class', 'align', 'valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor',
                '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight',
                '.font-style', '.text-decoration', '.vertical-align', '.background', '.border'
            ],
            tr: ['id', 'class', '.background-color'],
            a: ['id', 'class', 'href', 'target', 'name'],
            embed: ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess'],
            audio: ['id', 'class', 'width', 'src', 'height', 'loop', 'preload', 'autoplay', 'controls', 'crossorigin', 'currentTime', 'duration', 'muted'],
            video: ['id', 'class', 'width', 'src', 'height', 'loop', 'preload', 'autoplay', 'controls', 'crossorigin', 'currentTime', 'duration', 'muted', 'buffered', 'playsinline', 'played', 'poster'],
            source: ['src', 'type'],
            img: ['id', 'class', 'src', 'width', 'height', 'border', 'alt', 'title', 'align', '.width', '.height', '.border'],
            'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6': [
                'id', 'class', 'align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.background',
                '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.text-indent', '.margin-left'
            ],
            pre: ['id', 'class'],
            hr: ['id', 'class', '.page-break-after'],
            'br,tbody,strong,b,sub,sup,em,i,u,strike,s,del': ['id', 'class'],
            iframe: ['id', 'class', 'src', 'frameborder', 'width', 'height', '.width', '.height']
        },
        layout: '<div class="container ke-loading"><div class="toolbar"></div><div class="edit"></div><div class="statusbar"></div></div>'
    };
    var _useCapture = false;
    var _INPUT_KEY_MAP = _toMap('8,9,13,32,46,48..57,59,61,65..90,106,109..111,188,190..192,219..222');
    var _CURSORMOVE_KEY_MAP = _toMap('33..40');
    var _CHANGE_KEY_MAP = {};
    _each(_INPUT_KEY_MAP, function(key, val) {
        _CHANGE_KEY_MAP[key] = val;
    });
    _each(_CURSORMOVE_KEY_MAP, function(key, val) {
        _CHANGE_KEY_MAP[key] = val;
    });

    function _bindEvent(el, type, fn) {
        if(el.addEventListener) {
            el.addEventListener(type, fn, _useCapture);
        } else if(el.attachEvent) {
            el.attachEvent('on' + type, fn);
        }
    }

    function _unbindEvent(el, type, fn) {
        if(el.removeEventListener) {
            el.removeEventListener(type, fn, _useCapture);
        } else if(el.detachEvent) {
            el.detachEvent('on' + type, fn);
        }
    }
    var _EVENT_PROPS = ('altKey,attrChange,attrName,bubbles,button,cancelable,charCode,clientX,clientY,ctrlKey,currentTarget,' +
        'data,detail,eventPhase,fromElement,handler,keyCode,metaKey,newValue,offsetX,offsetY,originalTarget,pageX,' +
        'pageY,prevValue,relatedNode,relatedTarget,screenX,screenY,shiftKey,srcElement,target,toElement,view,wheelDelta,which').split(',');

    function KEvent(el, event) {
        this.init(el, event);
    }
    _extend(KEvent, {
        init: function(el, event) {
            var self = this,
                doc = el.ownerDocument || el.document || el;
            self.event = event;
            _each(_EVENT_PROPS, function(key, val) {
                self[val] = event[val];
            });
            if(!self.target) {
                self.target = self.srcElement || doc;
            }
            if(self.target.nodeType === 3) {
                self.target = self.target.parentNode;
            }
            if(!self.relatedTarget && self.fromElement) {
                self.relatedTarget = self.fromElement === self.target ? self.toElement : self.fromElement;
            }
            if(self.pageX == null && self.clientX != null) {
                var d = doc.documentElement,
                    body = doc.body;
                self.pageX = self.clientX + (d && d.scrollLeft || body && body.scrollLeft || 0) - (d && d.clientLeft || body && body.clientLeft || 0);
                self.pageY = self.clientY + (d && d.scrollTop || body && body.scrollTop || 0) - (d && d.clientTop || body && body.clientTop || 0);
            }
            if(!self.which && ((self.charCode || self.charCode === 0) ? self.charCode : self.keyCode)) {
                self.which = self.charCode || self.keyCode;
            }
            if(!self.metaKey && self.ctrlKey) {
                self.metaKey = self.ctrlKey;
            }
            if(!self.which && self.button !== undefined) {
                self.which = (self.button & 1 ? 1 : (self.button & 2 ? 3 : (self.button & 4 ? 2 : 0)));
            }
            switch(self.which) {
                case 186:
                    self.which = 59;
                    break;
                case 187:
                case 107:
                case 43:
                    self.which = 61;
                    break;
                case 189:
                case 45:
                    self.which = 109;
                    break;
                case 42:
                    self.which = 106;
                    break;
                case 47:
                    self.which = 111;
                    break;
                case 78:
                    self.which = 110;
                    break;
            }
            if(self.which >= 96 && self.which <= 105) {
                self.which -= 48;
            }
        },
        preventDefault: function() {
            var ev = this.event;
            if(ev.preventDefault) {
                ev.preventDefault();
            }
            ev.returnValue = false;
        },
        stopPropagation: function() {
            var ev = this.event;
            if(ev.stopPropagation) {
                ev.stopPropagation();
            }
            ev.cancelBubble = true;
        },
        stop: function() {
            this.preventDefault();
            this.stopPropagation();
        }
    });
    var _eventExpendo = 'kindeditor_' + _TIME,
        _eventId = 0,
        _eventData = {};

    function _getId(el) {
        return el[_eventExpendo] || null;
    }

    function _setId(el) {
        el[_eventExpendo] = ++_eventId;
        return _eventId;
    }

    function _removeId(el) {
        try {
            delete el[_eventExpendo];
        } catch(e) {
            if(el.removeAttribute) {
                el.removeAttribute(_eventExpendo);
            }
        }
    }

    function _bind(el, type, fn) {
        if(type.indexOf(',') >= 0) {
            _each(type.split(','), function() {
                _bind(el, this, fn);
            });
            return;
        }
        var id = _getId(el);
        if(!id) {
            id = _setId(el);
        }
        if(_eventData[id] === undefined) {
            _eventData[id] = {};
        }
        var events = _eventData[id][type];
        if(events && events.length > 0) {
            _unbindEvent(el, type, events[0]);
        } else {
            _eventData[id][type] = [];
            _eventData[id].el = el;
        }
        events = _eventData[id][type];
        if(events.length === 0) {
            events[0] = function(e) {
                var kevent = e ? new KEvent(el, e) : undefined;
                _each(events, function(i, event) {
                    if(i > 0 && event) {
                        event.call(el, kevent);
                    }
                });
            };
        }
        if(_inArray(fn, events) < 0) {
            events.push(fn);
        }
        _bindEvent(el, type, events[0]);
    }

    function _unbind(el, type, fn) {
        if(type && type.indexOf(',') >= 0) {
            _each(type.split(','), function() {
                _unbind(el, this, fn);
            });
            return;
        }
        var id = _getId(el);
        if(!id) {
            return;
        }
        if(type === undefined) {
            if(id in _eventData) {
                _each(_eventData[id], function(key, events) {
                    if(key != 'el' && events.length > 0) {
                        _unbindEvent(el, key, events[0]);
                    }
                });
                delete _eventData[id];
                _removeId(el);
            }
            return;
        }
        if(!_eventData[id]) {
            return;
        }
        var events = _eventData[id][type];
        if(events && events.length > 0) {
            if(fn === undefined) {
                _unbindEvent(el, type, events[0]);
                delete _eventData[id][type];
            } else {
                _each(events, function(i, event) {
                    if(i > 0 && event === fn) {
                        events.splice(i, 1);
                    }
                });
                if(events.length == 1) {
                    _unbindEvent(el, type, events[0]);
                    delete _eventData[id][type];
                }
            }
            var count = 0;
            _each(_eventData[id], function() {
                count++;
            });
            if(count < 2) {
                delete _eventData[id];
                _removeId(el);
            }
        }
    }

    function _fire(el, type) {
        if(type.indexOf(',') >= 0) {
            _each(type.split(','), function() {
                _fire(el, this);
            });
            return;
        }
        var id = _getId(el);
        if(!id) {
            return;
        }
        var events = _eventData[id][type];
        if(_eventData[id] && events && events.length > 0) {
            events[0]();
        }
    }

    function _ctrl(el, key, fn) {
        var self = this;
        key = /^\d{2,}$/.test(key) ? key : key.toUpperCase().charCodeAt(0);
        _bind(el, 'keydown', function(e) {
            if(e.ctrlKey && e.which == key && !e.shiftKey && !e.altKey) {
                fn.call(el);
                e.stop();
            }
        });
    }
    var _readyFinished = false;

    function _ready(fn) {
        if(_readyFinished) {
            fn(KindEditor);
            return;
        }
        var loaded = false;

        function readyFunc() {
            if(!loaded) {
                loaded = true;
                fn(KindEditor);
                _readyFinished = true;
            }
        }

        function ieReadyFunc() {
            if(!loaded) {
                try {
                    document.documentElement.doScroll('left');
                } catch(e) {
                    setTimeout(ieReadyFunc, 100);
                    return;
                }
                readyFunc();
            }
        }

        function ieReadyStateFunc() {
            if(document.readyState === 'complete') {
                readyFunc();
            }
        }
        if(document.addEventListener) {
            _bind(document, 'DOMContentLoaded', readyFunc);
        } else if(document.attachEvent) {
            _bind(document, 'readystatechange', ieReadyStateFunc);
            var toplevel = false;
            try {
                toplevel = window.frameElement == null;
            } catch(e) {}
            if(document.documentElement.doScroll && toplevel) {
                ieReadyFunc();
            }
        }
        _bind(window, 'load', readyFunc);
    }
    if(_IE) {
        window[window.attachEvent ? 'attachEvent' : 'addEventListener']('onunload', function() {
            _each(_eventData, function(key, events) {
                if(events.el) {
                    _unbind(events.el);
                }
            });
        });
    }
    K.ctrl = _ctrl;
    K.ready = _ready;

    function _getCssList(css) {
        var list = {},
            reg = /\s*([\w\-]+)\s*:([^;]*)(;|$)/g,
            match;
        while((match = reg.exec(css))) {
            var key = _trim(match[1].toLowerCase()),
                val = _trim(_toHex(match[2]));
            list[key] = val;
        }
        return list;
    }

    function _getAttrList(tag, emptyValue) {
        var list = {},
            reg = /\s+(?:([\w\-:]+)|(?:([\w\-:]+)=([^\s"'<>]+))|(?:([\w\-:"]+)="([^"]*)")|(?:([\w\-:"]+)='([^']*)'))(?=(?:\s|\/|>)+)/g,
            match;
        if (emptyValue === undefined) emptyValue = '';
        while((match = reg.exec(tag))) {
            var key = (match[1] || match[2] || match[4] || match[6]).toLowerCase(),
                val = (match[2] ? match[3] : (match[4] ? match[5] : match[7])) || emptyValue;
            list[key] = val;
        }
        return list;
    }

    function _addClassToTag(tag, className) {
        if(/\s+class\s*=/.test(tag)) {
            tag = tag.replace(/(\s+class=["']?)([^"']*)(["']?[\s>])/, function($0, $1, $2, $3) {
                if((' ' + $2 + ' ').indexOf(' ' + className + ' ') < 0) {
                    return $2 === '' ? $1 + className + $3 : $1 + $2 + ' ' + className + $3;
                } else {
                    return $0;
                }
            });
        } else {
            tag = tag.substr(0, tag.length - 1) + ' class="' + className + '">';
        }
        return tag;
    }

    function _formatCss(css) {
        var str = '';
        _each(_getCssList(css), function(key, val) {
            str += key + ':' + val + ';';
        });
        return str;
    }

    function _formatUrl(url, mode, host, pathname) {
        if (url[0] === '#') {
            return url;
        }
        mode = _undef(mode, '').toLowerCase();
        if(url.substr(0, 5) != 'data:') {
            url = url.replace(/([^:])\/\//g, '$1/');
        }
        if(_inArray(mode, ['absolute', 'relative', 'domain']) < 0) {
            return url;
        }
        host = host || location.protocol + '//' + location.host;
        if(pathname === undefined) {
            var m = location.pathname.match(/^(\/.*)\//);
            pathname = m ? m[1] : '';
        }
        var match;
        if((match = /^(\w+:\/\/[^\/]*)/.exec(url))) {
            if(match[1] !== host) {
                return url;
            }
        } else if(/^\w+:/.test(url)) {
            return url;
        }

        function getRealPath(path) {
            var parts = path.split('/'),
                paths = [];
            for(var i = 0, len = parts.length; i < len; i++) {
                var part = parts[i];
                if(part == '..') {
                    if(paths.length > 0) {
                        paths.pop();
                    }
                } else if(part !== '' && part != '.') {
                    paths.push(part);
                }
            }
            return '/' + paths.join('/');
        }
        if(/^\//.test(url)) {
            url = host + getRealPath(url.substr(1));
        } else if(!/^\w+:\/\//.test(url)) {
            url = host + getRealPath(pathname + '/' + url);
        }

        function getRelativePath(path, depth) {
            if(url.substr(0, path.length) === path) {
                var arr = [];
                for(var i = 0; i < depth; i++) {
                    arr.push('..');
                }
                var prefix = '.';
                if(arr.length > 0) {
                    prefix += '/' + arr.join('/');
                }
                if(pathname == '/') {
                    prefix += '/';
                }
                return prefix + url.substr(path.length);
            } else {
                if((match = /^(.*)\//.exec(path))) {
                    return getRelativePath(match[1], ++depth);
                }
            }
        }
        if(mode === 'relative') {
            url = getRelativePath(host + pathname, 0).substr(2);
        } else if(mode === 'absolute') {
            if(url.substr(0, host.length) === host) {
                url = url.substr(host.length);
            }
        }
        return url;
    }

    function _formatHtml(html, htmlTags, urlType, wellFormatted, indentChar, simpleWrap) {
        if(html == null) {
            html = '';
        }
        urlType = urlType || '';
        wellFormatted = _undef(wellFormatted, false);
        indentChar = _undef(indentChar, '\t');
        var fontSizeList = 'xx-small,x-small,small,medium,large,x-large,xx-large'.split(',');
        html = html.replace(/(<(?:pre|pre\s[^>]*)>)([\s\S]*?)(<\/pre>)/ig, function($0, $1, $2, $3) {
            return $1 + $2.replace(/<(?:br|br\s[^>]*)>/ig, '\n') + $3;
        });
        html = html.replace(/<(?:br|br\s[^>]*)\s*\/?>\s*<\/p>/ig, '</p>');
        html = html.replace(/(<(?:p|p\s[^>]*)>)\s*(<\/p>)/ig, '$1<br />$2');
        html = html.replace(/\u200B/g, '');
        html = html.replace(/\u00A9/g, '&copy;');
        html = html.replace(/<[^>]+>/g, function($0) {
            return $0.replace(/\s+/g, ' ');
        });
        var htmlTagMap = {};
        if(htmlTags) {
            _each(htmlTags, function(key, val) {
                var arr = key.split(',');
                for(var i = 0, len = arr.length; i < len; i++) {
                    htmlTagMap[arr[i]] = _toMap(val);
                }
            });
            if(!htmlTagMap.script) {
                html = html.replace(/(<(?:script|script\s[^>]*)>)([\s\S]*?)(<\/script>)/ig, '');
            }
            if(!htmlTagMap.style) {
                html = html.replace(/(<(?:style|style\s[^>]*)>)([\s\S]*?)(<\/style>)/ig, '');
            }
        }
        var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(\s*)/g;
        var tagStack = [];
        var prevTagIsBlockEnd = null;
        html = html.replace(re, function($0, $1, $2, $3, $4, $5, $6) {
            var full = $0,
                startNewline = $1 || '',
                startSlash = $2 || '',
                tagName = $3.toLowerCase(),
                attr = $4 || '',
                endSlash = $5 ? ' ' + $5 : '',
                endNewline = $6 || '';
            if(htmlTags && !htmlTagMap[tagName]) {
                return '';
            }
            if(endSlash === '' && _SINGLE_TAG_MAP[tagName]) {
                endSlash = ' /';
            }
            if(_INLINE_TAG_MAP[tagName]) {
                if(startNewline) {
                    startNewline = ' ';
                }
                if(endNewline) {
                    endNewline = ' ';
                }
            }
            if(_PRE_TAG_MAP[tagName]) {
                if(startSlash) {
                    endNewline = '\n';
                } else {
                    startNewline = '\n';
                }
            }
            if(wellFormatted && (tagName == 'br' || tagName === 'hr') && (!simpleWrap || prevTagIsBlockEnd === true)) {
                endNewline = '\n';
            }
            if(_BLOCK_TAG_MAP[tagName] && !_PRE_TAG_MAP[tagName]) {
                if(wellFormatted) {
                    var isEndTag = !!(startSlash && tagStack.length > 0 && tagStack[tagStack.length - 1] === tagName);
                    if(isEndTag) {
                        tagStack.pop();
                        if (simpleWrap) {
                            startNewline = '';
                            endNewline = '\n';
                        }
                    } else {
                        tagStack.push(tagName);
                        if (simpleWrap) {
                            startNewline = '\n';
                            endNewline = '';
                        }
                    }
                    if (!simpleWrap) {
                        startNewline = '\n';
                        endNewline = '\n';
                    }
                    if (!simpleWrap || (prevTagIsBlockEnd === false && !isEndTag) || (prevTagIsBlockEnd === true)) {
                        for(var i = 0, len = startSlash ? tagStack.length : tagStack.length - 1; i < len; i++) {
                            startNewline += indentChar;
                            if(!startSlash && !simpleWrap) {
                                endNewline += indentChar;
                            }
                        }
                    }
                    prevTagIsBlockEnd = isEndTag;
                    if(endSlash) {
                        tagStack.pop();
                    } else if(!startSlash && !simpleWrap) {
                        endNewline += indentChar;
                    }
                } else {
                    prevTagIsBlockEnd = null;
                    startNewline = endNewline = '';
                }
            } else {
                prevTagIsBlockEnd = null;
            }
            if(attr !== '') {
                var attrMap = _getAttrList(full, true);
                if(tagName === 'font') {
                    var fontStyleMap = {},
                        fontStyle = '';
                    _each(attrMap, function(key, val) {
                        if(val === true) val = '';
                        if(key === 'color') {
                            fontStyleMap.color = val;
                            delete attrMap[key];
                        }
                        if(key === 'size') {
                            fontStyleMap['font-size'] = fontSizeList[parseInt(val, 10) - 1] || '';
                            delete attrMap[key];
                        }
                        if(key === 'face') {
                            fontStyleMap['font-family'] = val;
                            delete attrMap[key];
                        }
                        if(key === 'style') {
                            fontStyle = val;
                        }
                    });
                    if(fontStyle && !/;$/.test(fontStyle)) {
                        fontStyle += ';';
                    }
                    _each(fontStyleMap, function(key, val) {
                        if(val === '') {
                            return;
                        }
                        if(/\s/.test(val)) {
                            val = "'" + val + "'";
                        }
                        fontStyle += key + ':' + val + ';';
                    });
                    attrMap.style = fontStyle;
                }
                _each(attrMap, function(key, val) {
                    if (key.indexOf('data-ke-') === 0) {
                        return;
                    }
                    if(val === true) val = '';
                    if(_FILL_ATTR_MAP[key]) {
                        attrMap[key] = key;
                    }
                    if(_inArray(key, ['src', 'href']) >= 0) {
                        attrMap[key] = _formatUrl(val, urlType);
                    }
                    if(htmlTags && key !== 'style' && !htmlTagMap[tagName]['*'] && !htmlTagMap[tagName][key] ||
                        tagName === 'body' && key === 'contenteditable' ||
                        /^kindeditor_\d+$/.test(key)) {
                        delete attrMap[key];
                    }
                    if(key === 'style' && val !== '') {
                        var styleMap = _getCssList(val);
                        _each(styleMap, function(k, v) {
                            if(htmlTags && !htmlTagMap[tagName].style && !htmlTagMap[tagName]['.' + k]) {
                                delete styleMap[k];
                            }
                        });
                        var style = '';
                        _each(styleMap, function(k, v) {
                            style += k + ':' + v + ';';
                        });
                        attrMap.style = style;
                    }
                });
                attr = '';
                _each(attrMap, function(key, val) {
                    if(val === false || (key === 'style' && val === '')) {
                        return;
                    }
                    if (val === true) {
                        attr += ' ' + key;
                        return;
                    }
                    val = val.replace(/"/g, '&quot;');
                    attr += ' ' + key + '="' + val + '"';
                });
            }
            if(tagName === 'font') {
                tagName = 'span';
            }
            return startNewline + '<' + startSlash + tagName + attr + endSlash + '>' + endNewline;
        });
        html = html.replace(/(<(?:pre|pre\s[^>]*)>)([\s\S]*?)(<\/pre>)/ig, function($0, $1, $2, $3) {
            return $1 + $2.replace(/\n/g, '<span id="__kindeditor_pre_newline__">\n') + $3;
        });
        html = html.replace(/\n\s*\n/g, '\n');
        html = html.replace(/<span id="__kindeditor_pre_newline__">\n/g, '\n');
        return _trim(html);
    }

    function _clearMsWord(html, htmlTags) {
        html = html.replace(/<meta[\s\S]*?>/ig, '')
            .replace(/<![\s\S]*?>/ig, '')
            .replace(/<style[^>]*>[\s\S]*?<\/style>/ig, '')
            .replace(/<script[^>]*>[\s\S]*?<\/script>/ig, '')
            .replace(/<w:[^>]+>[\s\S]*?<\/w:[^>]+>/ig, '')
            .replace(/<o:[^>]+>[\s\S]*?<\/o:[^>]+>/ig, '')
            .replace(/<xml>[\s\S]*?<\/xml>/ig, '')
            .replace(/<(?:table|td)[^>]*>/ig, function(full) {
                return full.replace(/border-bottom:([#\w\s]+)/ig, 'border:$1');
            });
        return _formatHtml(html, htmlTags);
    }

    function _mediaType(src) {
        if(/\.(mp4)(\?|$)/i.test(src)) {
            return 'video/mp4';
        }
        if(/\.(webm)(\?|$)/i.test(src)) {
            return 'video/webm';
        }
        if(/\.(ogg)(\?|$)/i.test(src)) {
            return 'video/ogg';
        }
        if(/\.(mov)(\?|$)/i.test(src)) {
            return 'video/quicktime';
        }
        if(/\.(mp3)(\?|$)/i.test(src)) {
            return 'audio/mp3';
        }
        if(/\.(wav)(\?|$)/i.test(src)) {
            return 'audio/wav';
        }
        if(/\.(flac)(\?|$)/i.test(src)) {
            return 'audio/flac';
        }
        return 'video/application';
    }

    function _mediaClass(type) {
        if(/audio/i.test(type)) {
            return 'ke-audio';
        }
        if(/video/i.test(type)) {
            return 'ke-video';
        }
        return 'ke-media';
    }

    function _mediaAttrs(srcTag) {
        var srcs = [];
        srcTag = unescape(srcTag).replace(/<source [^>]*>/ig, function(sourceTag) {
            var $source = $(sourceTag);
            var src = $source.attr('src');
            var type = $source.attr('type');
            if(type) src += '#' + type;
            srcs.push(src);
            return '';
        });
        var attrs = _getAttrList(srcTag);
        if(srcs.length) attrs.src = srcs.join(',');
        return attrs;
    }

    function _mediaEmbed(attrs, mediaType) {
        var htmls;
        if(mediaType === 'media' || mediaType === 'video' || mediaType === 'audio') {
            mediaType = mediaType === 'video' || (attrs.type && attrs.type.indexOf('video') === 0) ? 'video' : 'audio';
            htmls = [
                '<', mediaType, ' '
            ];
            var srcs = (attrs.src || '').split(',');
            var autoPlayEnabled;
            var mutedSetted;
            _each(attrs, function(key, val) {
                if (key === 'src' || val === false) {
                    return;
                }
                if (val === true || /^(controls|autoplay|loop|muted)$/i.test(key)) {
                    if (val !== 'false') {
                        htmls.push(key + ' ');
                        if (key === 'autoplay') autoPlayEnabled = true;
                        else if (key === 'muted') mutedSetted = true;
                    }
                } else {
                    htmls.push(key, '="', val, '" ');
                }
            });
            if (autoPlayEnabled && !mutedSetted) {
                htmls.push('muted ');
            }
            if (srcs.length > 1) {
                htmls.push('>');
                _each(srcs, function(_, val) {
                    var srcType = val.split('#');
                    htmls.push('<source src="', srcType[0], '"', srcType.length > 1 ? (' type="' + srcType[1] + '"') : '', ' />');
                });
                htmls.push('</', mediaType, '>');
            } else {
                if(srcs.length) htmls.push('src="', srcs[0], '" ');
                htmls.push('></', mediaType, '>');
            }
        } else {
            htmls = ['<embed '];
            _each(attrs, function(key, val) {
                htmls.push(key, '="', val, '" ');
            });
            htmls.push('/>');
        }
        return htmls.join('');
    }

    function _mediaImg(blankPath, attrs) {
        var width = attrs.width,
            height = attrs.height,
            type = attrs.type || _mediaType(attrs.src),
            srcTag = _mediaEmbed(attrs, type),
            style = '';
        if(/\D/.test(width)) {
            style += 'width:' + width + ';';
        } else if(width > 0) {
            style += 'width:' + width + 'px;';
        }
        if(/\D/.test(height)) {
            style += 'height:' + height + ';';
        } else if(height > 0) {
            style += 'height:' + height + 'px;';
        }
        var html = '<img class="' + _mediaClass(type) + '" src="' + blankPath + '" ';
        if(style !== '') {
            html += 'style="' + style + '" ';
        }
        html += 'data-ke-tag="' + escape(srcTag) + '" alt="" />';
        return html;
    }

    function _tmpl(str, data) {
        var fn = new Function("obj",
            "var p=[],print=function(){p.push.apply(p,arguments);};" +
            "with(obj){p.push('" +
            str.replace(/[\r\t\n]/g, " ")
            .split("<%").join("\t")
            .replace(/((^|%>)[^\t]*)'/g, "$1\r")
            .replace(/\t=(.*?)%>/g, "',$1,'")
            .split("\t").join("');")
            .split("%>").join("p.push('")
            .split("\r").join("\\'") + "');}return p.join('');");
        return data ? fn(data) : fn;
    }
    K.formatUrl = _formatUrl;
    K.formatHtml = _formatHtml;
    K.getCssList = _getCssList;
    K.getAttrList = _getAttrList;
    K.mediaType = _mediaType;
    K.mediaAttrs = _mediaAttrs;
    K.mediaEmbed = _mediaEmbed;
    K.mediaImg = _mediaImg;
    K.clearMsWord = _clearMsWord;
    K.tmpl = _tmpl;

    function _contains(nodeA, nodeB) {
        if(nodeA.nodeType == 9 && nodeB.nodeType != 9) {
            return true;
        }
        while((nodeB = nodeB.parentNode)) {
            if(nodeB == nodeA) {
                return true;
            }
        }
        return false;
    }
    var _getSetAttrDiv = document.createElement('div');
    _getSetAttrDiv.setAttribute('className', 't');
    var _GET_SET_ATTRIBUTE = _getSetAttrDiv.className !== 't';

    function _getAttr(el, key) {
        key = key.toLowerCase();
        var val = null;
        if(!_GET_SET_ATTRIBUTE && el.nodeName.toLowerCase() != 'script') {
            var div = el.ownerDocument.createElement('div');
            div.appendChild(el.cloneNode(false));
            var list = _getAttrList(_unescape(div.innerHTML));
            if(key in list) {
                val = list[key];
            }
        } else {
            try {
                val = el.getAttribute(key, 2);
            } catch(e) {
                val = el.getAttribute(key, 1);
            }
        }
        if(key === 'style' && val !== null) {
            val = _formatCss(val);
        }
        return val;
    }

    function _queryAll(expr, root) {
        var exprList = expr.split(',');
        if(exprList.length > 1) {
            var mergedResults = [];
            _each(exprList, function() {
                _each(_queryAll(this, root), function() {
                    if(_inArray(this, mergedResults) < 0) {
                        mergedResults.push(this);
                    }
                });
            });
            return mergedResults;
        }
        root = root || document;

        function escape(str) {
            if(typeof str != 'string') {
                return str;
            }
            return str.replace(/([^\w\-])/g, '\\$1');
        }

        function stripslashes(str) {
            return str.replace(/\\/g, '');
        }

        function cmpTag(tagA, tagB) {
            return tagA === '*' || tagA.toLowerCase() === escape(tagB.toLowerCase());
        }

        function byId(id, tag, root) {
            var arr = [],
                doc = root.ownerDocument || root,
                el = doc.getElementById(stripslashes(id));
            if(el) {
                if(cmpTag(tag, el.nodeName) && _contains(root, el)) {
                    arr.push(el);
                }
            }
            return arr;
        }

        function byClass(className, tag, root) {
            var doc = root.ownerDocument || root,
                arr = [],
                els, i, len, el;
            if(root.getElementsByClassName) {
                els = root.getElementsByClassName(stripslashes(className));
                for(i = 0, len = els.length; i < len; i++) {
                    el = els[i];
                    if(cmpTag(tag, el.nodeName)) {
                        arr.push(el);
                    }
                }
            } else if(doc.querySelectorAll) {
                els = doc.querySelectorAll((root.nodeName !== '#document' ? root.nodeName + ' ' : '') + tag + '.' + className);
                for(i = 0, len = els.length; i < len; i++) {
                    el = els[i];
                    if(_contains(root, el)) {
                        arr.push(el);
                    }
                }
            } else {
                els = root.getElementsByTagName(tag);
                className = ' ' + className + ' ';
                for(i = 0, len = els.length; i < len; i++) {
                    el = els[i];
                    if(el.nodeType == 1) {
                        var cls = el.className;
                        if(cls && (' ' + cls + ' ').indexOf(className) > -1) {
                            arr.push(el);
                        }
                    }
                }
            }
            return arr;
        }

        function byName(name, tag, root) {
            var arr = [],
                doc = root.ownerDocument || root,
                els = doc.getElementsByName(stripslashes(name)),
                el;
            for(var i = 0, len = els.length; i < len; i++) {
                el = els[i];
                if(cmpTag(tag, el.nodeName) && _contains(root, el)) {
                    if(el.getAttribute('name') !== null) {
                        arr.push(el);
                    }
                }
            }
            return arr;
        }

        function byAttr(key, val, tag, root) {
            var arr = [],
                els = root.getElementsByTagName(tag),
                el;
            for(var i = 0, len = els.length; i < len; i++) {
                el = els[i];
                if(el.nodeType == 1) {
                    if(val === null) {
                        if(_getAttr(el, key) !== null) {
                            arr.push(el);
                        }
                    } else {
                        if(val === escape(_getAttr(el, key))) {
                            arr.push(el);
                        }
                    }
                }
            }
            return arr;
        }

        function select(expr, root) {
            var arr = [],
                matches;
            matches = /^((?:\\.|[^.#\s\[<>])+)/.exec(expr);
            var tag = matches ? matches[1] : '*';
            if((matches = /#((?:[\w\-]|\\.)+)$/.exec(expr))) {
                arr = byId(matches[1], tag, root);
            } else if((matches = /\.((?:[\w\-]|\\.)+)$/.exec(expr))) {
                arr = byClass(matches[1], tag, root);
            } else if((matches = /\[((?:[\w\-]|\\.)+)\]/.exec(expr))) {
                arr = byAttr(matches[1].toLowerCase(), null, tag, root);
            } else if((matches = /\[((?:[\w\-]|\\.)+)\s*=\s*['"]?((?:\\.|[^'"]+)+)['"]?\]/.exec(expr))) {
                var key = matches[1].toLowerCase(),
                    val = matches[2];
                if(key === 'id') {
                    arr = byId(val, tag, root);
                } else if(key === 'class') {
                    arr = byClass(val, tag, root);
                } else if(key === 'name') {
                    arr = byName(val, tag, root);
                } else {
                    arr = byAttr(key, val, tag, root);
                }
            } else {
                var els = root.getElementsByTagName(tag),
                    el;
                for(var i = 0, len = els.length; i < len; i++) {
                    el = els[i];
                    if(el.nodeType == 1) {
                        arr.push(el);
                    }
                }
            }
            return arr;
        }
        var parts = [],
            arr, re = /((?:\\.|[^\s>])+|[\s>])/g;
        while((arr = re.exec(expr))) {
            if(arr[1] !== ' ') {
                parts.push(arr[1]);
            }
        }
        var results = [];
        if(parts.length == 1) {
            return select(parts[0], root);
        }
        var isChild = false,
            part, els, subResults, val, v, i, j, k, length, len, l;
        for(i = 0, lenth = parts.length; i < lenth; i++) {
            part = parts[i];
            if(part === '>') {
                isChild = true;
                continue;
            }
            if(i > 0) {
                els = [];
                for(j = 0, len = results.length; j < len; j++) {
                    val = results[j];
                    subResults = select(part, val);
                    for(k = 0, l = subResults.length; k < l; k++) {
                        v = subResults[k];
                        if(isChild) {
                            if(val === v.parentNode) {
                                els.push(v);
                            }
                        } else {
                            els.push(v);
                        }
                    }
                }
                results = els;
            } else {
                results = select(part, root);
            }
            if(results.length === 0) {
                return [];
            }
        }
        return results;
    }

    function _query(expr, root) {
        var arr = _queryAll(expr, root);
        return arr.length > 0 ? arr[0] : null;
    }
    K.query = _query;
    K.queryAll = _queryAll;

    function _get(val) {
        return K(val)[0];
    }

    function _getDoc(node) {
        if(!node) {
            return document;
        }
        return node.ownerDocument || node.document || node;
    }

    function _getWin(node) {
        if(!node) {
            return window;
        }
        var doc = _getDoc(node);
        return doc.parentWindow || doc.defaultView;
    }

    function _setHtml(el, html) {
        if(el.nodeType != 1) {
            return;
        }
        var doc = _getDoc(el);
        try {
            el.innerHTML = '<img id="__kindeditor_temp_tag__" width="0" height="0" style="display:none;" />' + html;
            var temp = doc.getElementById('__kindeditor_temp_tag__');
            temp.parentNode.removeChild(temp);
        } catch(e) {
            K(el).empty();
            K('@' + html, doc).each(function() {
                el.appendChild(this);
            });
        }
    }

    function _hasClass(el, cls) {
        return _inString(cls, el.className, ' ');
    }

    function _setAttr(el, key, val) {
        if(_IE && _V < 8 && key.toLowerCase() == 'class') {
            key = 'className';
        }
        el.setAttribute(key, '' + val);
    }

    function _removeAttr(el, key) {
        if(_IE && _V < 8 && key.toLowerCase() == 'class') {
            key = 'className';
        }
        _setAttr(el, key, '');
        el.removeAttribute(key);
    }

    function _getNodeName(node) {
        if(!node || !node.nodeName) {
            return '';
        }
        return node.nodeName.toLowerCase();
    }

    function _computedCss(el, key) {
        var self = this,
            win = _getWin(el),
            camelKey = _toCamel(key),
            val = '';
        if(win.getComputedStyle) {
            var style = win.getComputedStyle(el, null);
            val = style[camelKey] || style.getPropertyValue(key) || el.style[camelKey];
        } else if(el.currentStyle) {
            val = el.currentStyle[camelKey] || el.style[camelKey];
        }
        return val;
    }

    function _hasVal(node) {
        return !!_VALUE_TAG_MAP[_getNodeName(node)];
    }

    function _docElement(doc) {
        doc = doc || document;
        return _QUIRKS ? doc.body : doc.documentElement;
    }

    function _docHeight(doc) {
        var el = _docElement(doc);
        return Math.max(el.scrollHeight, el.clientHeight);
    }

    function _docWidth(doc) {
        var el = _docElement(doc);
        return Math.max(el.scrollWidth, el.clientWidth);
    }

    function _getScrollPos(doc) {
        doc = doc || document;
        var x, y;
        if (_IE || _NEWIE || _OPERA) {
            x = _docElement(doc).scrollLeft;
            y = _docElement(doc).scrollTop;
        } else {
            x = _getWin(doc).scrollX;
            y = _getWin(doc).scrollY;
        }
        return {x : x, y : y};
    }

    function KNode(node) {
        this.init(node);
    }
    _extend(KNode, {
        init: function(node) {
            var self = this;
            node = _isArray(node) ? node : [node];
            var length = 0;
            for(var i = 0, len = node.length; i < len; i++) {
                if(node[i]) {
                    self[i] = node[i].constructor === KNode ? node[i][0] : node[i];
                    length++;
                }
            }
            self.length = length;
            self.doc = _getDoc(self[0]);
            self.name = _getNodeName(self[0]);
            self.type = self.length > 0 ? self[0].nodeType : null;
            self.win = _getWin(self[0]);
        },
        each: function(fn) {
            var self = this;
            for(var i = 0; i < self.length; i++) {
                if(fn.call(self[i], i, self[i]) === false) {
                    return self;
                }
            }
            return self;
        },
        bind: function(type, fn) {
            this.each(function() {
                _bind(this, type, fn);
            });
            return this;
        },
        unbind: function(type, fn) {
            this.each(function() {
                _unbind(this, type, fn);
            });
            return this;
        },
        fire: function(type) {
            if(this.length < 1) {
                return this;
            }
            _fire(this[0], type);
            return this;
        },
        hasAttr: function(key) {
            if(this.length < 1) {
                return false;
            }
            return !!_getAttr(this[0], key);
        },
        attr: function(key, val) {
            var self = this;
            if(key === undefined) {
                return _getAttrList(self.outer());
            }
            if(typeof key === 'object') {
                _each(key, function(k, v) {
                    self.attr(k, v);
                });
                return self;
            }
            if(val === undefined) {
                val = self.length < 1 ? null : _getAttr(self[0], key);
                return val === null ? '' : val;
            }
            self.each(function() {
                _setAttr(this, key, val);
            });
            return self;
        },
        removeAttr: function(key) {
            this.each(function() {
                _removeAttr(this, key);
            });
            return this;
        },
        get: function(i) {
            if(this.length < 1) {
                return null;
            }
            return this[i || 0];
        },
        eq: function(i) {
            if(this.length < 1) {
                return null;
            }
            return this[i] ? new KNode(this[i]) : null;
        },
        hasClass: function(cls) {
            if(this.length < 1) {
                return false;
            }
            return _hasClass(this[0], cls);
        },
        addClass: function(cls) {
            this.each(function() {
                if(!_hasClass(this, cls)) {
                    this.className = _trim(this.className + ' ' + cls);
                }
            });
            return this;
        },
        removeClass: function(cls) {
            this.each(function() {
                if(_hasClass(this, cls)) {
                    this.className = _trim(this.className.replace(new RegExp('(^|\\s)' + cls + '(\\s|$)'), ' '));
                }
            });
            return this;
        },
        html: function(val) {
            var self = this;
            if(val === undefined) {
                if(self.length < 1 || self.type != 1) {
                    return '';
                }
                return _formatHtml(self[0].innerHTML);
            }
            self.each(function() {
                _setHtml(this, val);
            });
            return self;
        },
        text: function() {
            var self = this;
            if(self.length < 1) {
                return '';
            }
            return _IE ? self[0].innerText : self[0].textContent;
        },
        hasVal: function() {
            if(this.length < 1) {
                return false;
            }
            return _hasVal(this[0]);
        },
        val: function(val) {
            var self = this;
            if(val === undefined) {
                if(self.length < 1) {
                    return '';
                }
                return self.hasVal() ? self[0].value : self.attr('value');
            } else {
                self.each(function() {
                    if(_hasVal(this)) {
                        this.value = val;
                    } else {
                        _setAttr(this, 'value', val);
                    }
                });
                return self;
            }
        },
        css: function(key, val) {
            var self = this;
            if(key === undefined) {
                return _getCssList(self.attr('style'));
            }
            if(typeof key === 'object') {
                _each(key, function(k, v) {
                    self.css(k, v);
                });
                return self;
            }
            if(val === undefined) {
                if(self.length < 1) {
                    return '';
                }
                return self[0].style[_toCamel(key)] || _computedCss(self[0], key) || '';
            }
            self.each(function() {
                this.style[_toCamel(key)] = val;
            });
            return self;
        },
        width: function(val) {
            var self = this;
            if(val === undefined) {
                if(self.length < 1) {
                    return 0;
                }
                return self[0].offsetWidth;
            }
            return self.css('width', _addUnit(val));
        },
        height: function(val) {
            var self = this;
            if(val === undefined) {
                if(self.length < 1) {
                    return 0;
                }
                return self[0].offsetHeight;
            }
            return self.css('height', _addUnit(val));
        },
        opacity: function(val) {
            this.each(function() {
                if(this.style.opacity === undefined) {
                    this.style.filter = val == 1 ? '' : 'alpha(opacity=' + (val * 100) + ')';
                } else {
                    this.style.opacity = val == 1 ? '' : val;
                }
            });
            return this;
        },
        data: function(key, val) {
            var self = this;
            key = 'kindeditor_data_' + key;
            if(val === undefined) {
                if(self.length < 1) {
                    return null;
                }
                return self[0][key];
            }
            this.each(function() {
                this[key] = val;
            });
            return self;
        },
        pos: function() {
            var self = this,
                node = self[0],
                x = 0,
                y = 0;
            if(node) {
                if(node.getBoundingClientRect) {
                    var box = node.getBoundingClientRect(),
                        pos = _getScrollPos(self.doc);
                    x = box.left + pos.x;
                    y = box.top + pos.y;
                } else {
                    while(node) {
                        x += node.offsetLeft;
                        y += node.offsetTop;
                        node = node.offsetParent;
                    }
                }
            }
            return {
                x: _round(x),
                y: _round(y)
            };
        },
        clone: function(bool) {
            if(this.length < 1) {
                return new KNode([]);
            }
            return new KNode(this[0].cloneNode(bool));
        },
        append: function(expr) {
            this.each(function() {
                if(this.appendChild) {
                    this.appendChild(_get(expr));
                }
            });
            return this;
        },
        appendTo: function(expr) {
            this.each(function() {
                _get(expr).appendChild(this);
            });
            return this;
        },
        before: function(expr) {
            this.each(function() {
                this.parentNode.insertBefore(_get(expr), this);
            });
            return this;
        },
        after: function(expr) {
            this.each(function() {
                if(this.nextSibling) {
                    this.parentNode.insertBefore(_get(expr), this.nextSibling);
                } else {
                    this.parentNode.appendChild(_get(expr));
                }
            });
            return this;
        },
        replaceWith: function(expr) {
            var nodes = [];
            this.each(function(i, node) {
                _unbind(node);
                var newNode = _get(expr);
                node.parentNode.replaceChild(newNode, node);
                nodes.push(newNode);
            });
            return K(nodes);
        },
        empty: function() {
            var self = this;
            self.each(function(i, node) {
                var child = node.firstChild;
                while(child) {
                    if(!node.parentNode) {
                        return;
                    }
                    var next = child.nextSibling;
                    child.parentNode.removeChild(child);
                    child = next;
                }
            });
            return self;
        },
        remove: function(keepChilds) {
            var self = this;
            self.each(function(i, node) {
                if(!node.parentNode) {
                    return;
                }
                _unbind(node);
                if(keepChilds) {
                    var child = node.firstChild;
                    while(child) {
                        var next = child.nextSibling;
                        node.parentNode.insertBefore(child, node);
                        child = next;
                    }
                }
                node.parentNode.removeChild(node);
                delete self[i];
            });
            self.length = 0;
            return self;
        },
        show: function(val) {
            var self = this;
            if(val === undefined) {
                val = self._originDisplay || '';
            }
            if(self.css('display') != 'none') {
                return self;
            }
            return self.css('display', val);
        },
        hide: function() {
            var self = this;
            if(self.length < 1) {
                return self;
            }
            self._originDisplay = self[0].style.display;
            return self.css('display', 'none');
        },
        outer: function() {
            var self = this;
            if(self.length < 1) {
                return '';
            }
            var div = self.doc.createElement('div'),
                html;
            div.appendChild(self[0].cloneNode(true));
            html = _formatHtml(div.innerHTML);
            div = null;
            return html;
        },
        isSingle: function() {
            return !!_SINGLE_TAG_MAP[this.name];
        },
        isInline: function() {
            return !!_INLINE_TAG_MAP[this.name];
        },
        isBlock: function() {
            return !!_BLOCK_TAG_MAP[this.name];
        },
        isStyle: function() {
            return !!_STYLE_TAG_MAP[this.name];
        },
        isControl: function() {
            return !!_CONTROL_TAG_MAP[this.name];
        },
        contains: function(otherNode) {
            if(this.length < 1) {
                return false;
            }
            return _contains(this[0], _get(otherNode));
        },
        parent: function() {
            if(this.length < 1) {
                return null;
            }
            var node = this[0].parentNode;
            return node ? new KNode(node) : null;
        },
        children: function() {
            if(this.length < 1) {
                return new KNode([]);
            }
            var list = [],
                child = this[0].firstChild;
            while(child) {
                if(child.nodeType != 3 || _trim(child.nodeValue) !== '') {
                    list.push(child);
                }
                child = child.nextSibling;
            }
            return new KNode(list);
        },
        first: function() {
            var list = this.children();
            return list.length > 0 ? list.eq(0) : null;
        },
        last: function() {
            var list = this.children();
            return list.length > 0 ? list.eq(list.length - 1) : null;
        },
        index: function() {
            if(this.length < 1) {
                return -1;
            }
            var i = -1,
                sibling = this[0];
            while(sibling) {
                i++;
                sibling = sibling.previousSibling;
            }
            return i;
        },
        prev: function() {
            if(this.length < 1) {
                return null;
            }
            var node = this[0].previousSibling;
            return node ? new KNode(node) : null;
        },
        next: function() {
            if(this.length < 1) {
                return null;
            }
            var node = this[0].nextSibling;
            return node ? new KNode(node) : null;
        },
        scan: function(fn, order) {
            if(this.length < 1) {
                return;
            }
            order = (order === undefined) ? true : order;

            function walk(node) {
                var n = order ? node.firstChild : node.lastChild;
                while(n) {
                    var next = order ? n.nextSibling : n.previousSibling;
                    if(fn(n) === false) {
                        return false;
                    }
                    if(walk(n) === false) {
                        return false;
                    }
                    n = next;
                }
            }
            walk(this[0]);
            return this;
        }
    });
    _each(('blur,focus,focusin,focusout,load,resize,scroll,unload,click,dblclick,' +
        'mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave,' +
        'change,select,submit,keydown,keypress,keyup,error,contextmenu').split(','), function(i, type) {
        KNode.prototype[type] = function(fn) {
            return fn ? this.bind(type, fn) : this.fire(type);
        };
    });
    var _K = K;
    K = function(expr, root) {
        if(expr === undefined || expr === null) {
            return;
        }

        function newNode(node) {
            if(!node[0]) {
                node = [];
            }
            return new KNode(node);
        }
        if(typeof expr === 'string') {
            if(root) {
                root = _get(root);
            }
            var length = expr.length;
            if(expr.charAt(0) === '@') {
                expr = expr.substr(1);
            }
            if(expr.length !== length || /<.+>/.test(expr)) {
                var doc = root ? root.ownerDocument || root : document,
                    div = doc.createElement('div'),
                    list = [];
                div.innerHTML = '<img id="__kindeditor_temp_tag__" width="0" height="0" style="display:none;" />' + expr;
                for(var i = 0, len = div.childNodes.length; i < len; i++) {
                    var child = div.childNodes[i];
                    if(child.id == '__kindeditor_temp_tag__') {
                        continue;
                    }
                    list.push(child);
                }
                return newNode(list);
            }
            return newNode(_queryAll(expr, root));
        }
        if(expr && expr.constructor === KNode) {
            return expr;
        }
        if(expr.toArray) {
            expr = expr.toArray();
        }
        if(_isArray(expr)) {
            return newNode(expr);
        }
        return newNode(_toArray(arguments));
    };
    _each(_K, function(key, val) {
        K[key] = val;
    });
    K.NodeClass = KNode;
    window.KindEditor = K;
    var _START_TO_START = 0,
        _START_TO_END = 1,
        _END_TO_END = 2,
        _END_TO_START = 3,
        _BOOKMARK_ID = 0;

    function _updateCollapsed(range) {
        range.collapsed = (range.startContainer === range.endContainer && range.startOffset === range.endOffset);
        return range;
    }

    function _copyAndDelete(range, isCopy, isDelete) {
        var doc = range.doc,
            nodeList = [];

        function splitTextNode(node, startOffset, endOffset) {
            var length = node.nodeValue.length,
                centerNode;
            if(isCopy) {
                var cloneNode = node.cloneNode(true);
                if(startOffset > 0) {
                    centerNode = cloneNode.splitText(startOffset);
                } else {
                    centerNode = cloneNode;
                }
                if(endOffset < length) {
                    centerNode.splitText(endOffset - startOffset);
                }
            }
            if(isDelete) {
                var center = node;
                if(startOffset > 0) {
                    center = node.splitText(startOffset);
                    range.setStart(node, startOffset);
                }
                if(endOffset < length) {
                    var right = center.splitText(endOffset - startOffset);
                    range.setEnd(right, 0);
                }
                nodeList.push(center);
            }
            return centerNode;
        }

        function removeNodes() {
            if(isDelete) {
                range.up().collapse(true);
            }
            for(var i = 0, len = nodeList.length; i < len; i++) {
                var node = nodeList[i];
                if(node.parentNode) {
                    node.parentNode.removeChild(node);
                }
            }
        }
        var copyRange = range.cloneRange().down();
        var start = -1,
            incStart = -1,
            incEnd = -1,
            end = -1,
            ancestor = range.commonAncestor(),
            frag = doc.createDocumentFragment();
        if(ancestor.nodeType == 3) {
            var textNode = splitTextNode(ancestor, range.startOffset, range.endOffset);
            if(isCopy) {
                frag.appendChild(textNode);
            }
            removeNodes();
            return isCopy ? frag : range;
        }

        function extractNodes(parent, frag) {
            var node = parent.firstChild,
                nextNode;
            while(node) {
                var testRange = new KRange(doc).selectNode(node);
                start = testRange.compareBoundaryPoints(_START_TO_END, range);
                if(start >= 0 && incStart <= 0) {
                    incStart = testRange.compareBoundaryPoints(_START_TO_START, range);
                }
                if(incStart >= 0 && incEnd <= 0) {
                    incEnd = testRange.compareBoundaryPoints(_END_TO_END, range);
                }
                if(incEnd >= 0 && end <= 0) {
                    end = testRange.compareBoundaryPoints(_END_TO_START, range);
                }
                if(end >= 0) {
                    return false;
                }
                nextNode = node.nextSibling;
                if(start > 0) {
                    if(node.nodeType == 1) {
                        if(incStart >= 0 && incEnd <= 0) {
                            if(isCopy) {
                                frag.appendChild(node.cloneNode(true));
                            }
                            if(isDelete) {
                                nodeList.push(node);
                            }
                        } else {
                            var childFlag;
                            if(isCopy) {
                                childFlag = node.cloneNode(false);
                                frag.appendChild(childFlag);
                            }
                            if(extractNodes(node, childFlag) === false) {
                                return false;
                            }
                        }
                    } else if(node.nodeType == 3) {
                        var textNode;
                        if(node == copyRange.startContainer) {
                            textNode = splitTextNode(node, copyRange.startOffset, node.nodeValue.length);
                        } else if(node == copyRange.endContainer) {
                            textNode = splitTextNode(node, 0, copyRange.endOffset);
                        } else {
                            textNode = splitTextNode(node, 0, node.nodeValue.length);
                        }
                        if(isCopy) {
                            try {
                                frag.appendChild(textNode);
                            } catch(e) {}
                        }
                    }
                }
                node = nextNode;
            }
        }
        extractNodes(ancestor, frag);
        if(isDelete) {
            range.up().collapse(true);
        }
        for(var i = 0, len = nodeList.length; i < len; i++) {
            var node = nodeList[i];
            if(node.parentNode) {
                node.parentNode.removeChild(node);
            }
        }
        return isCopy ? frag : range;
    }

    function _moveToElementText(range, el) {
        var node = el;
        while(node) {
            var knode = K(node);
            if(knode.name == 'marquee' || knode.name == 'select') {
                return;
            }
            node = node.parentNode;
        }
        try {
            range.moveToElementText(el);
        } catch(e) {}
    }

    function _getStartEnd(rng, isStart) {
        var doc = rng.parentElement().ownerDocument,
            pointRange = rng.duplicate();
        pointRange.collapse(isStart);
        var parent = pointRange.parentElement(),
            nodes = parent.childNodes;
        if(nodes.length === 0) {
            return {
                node: parent.parentNode,
                offset: K(parent).index()
            };
        }
        var startNode = doc,
            startPos = 0,
            cmp = -1;
        var testRange = rng.duplicate();
        _moveToElementText(testRange, parent);
        for(var i = 0, len = nodes.length; i < len; i++) {
            var node = nodes[i];
            cmp = testRange.compareEndPoints('StartToStart', pointRange);
            if(cmp === 0) {
                return {
                    node: node.parentNode,
                    offset: i
                };
            }
            if(node.nodeType == 1) {
                var nodeRange = rng.duplicate(),
                    dummy, knode = K(node),
                    newNode = node;
                if(knode.isControl()) {
                    dummy = doc.createElement('span');
                    knode.after(dummy);
                    newNode = dummy;
                    startPos += knode.text().replace(/\r\n|\n|\r/g, '').length;
                }
                _moveToElementText(nodeRange, newNode);
                testRange.setEndPoint('StartToEnd', nodeRange);
                if(cmp > 0) {
                    startPos += nodeRange.text.replace(/\r\n|\n|\r/g, '').length;
                } else {
                    startPos = 0;
                }
                if(dummy) {
                    K(dummy).remove();
                }
            } else if(node.nodeType == 3) {
                testRange.moveStart('character', node.nodeValue.length);
                startPos += node.nodeValue.length;
            }
            if(cmp < 0) {
                startNode = node;
            }
        }
        if(cmp < 0 && startNode.nodeType == 1) {
            return {
                node: parent,
                offset: K(parent.lastChild).index() + 1
            };
        }
        if(cmp > 0) {
            while(startNode.nextSibling && startNode.nodeType == 1) {
                startNode = startNode.nextSibling;
            }
        }
        testRange = rng.duplicate();
        _moveToElementText(testRange, parent);
        testRange.setEndPoint('StartToEnd', pointRange);
        startPos -= testRange.text.replace(/\r\n|\n|\r/g, '').length;
        if(cmp > 0 && startNode.nodeType == 3) {
            var prevNode = startNode.previousSibling;
            while(prevNode && prevNode.nodeType == 3) {
                startPos -= prevNode.nodeValue.length;
                prevNode = prevNode.previousSibling;
            }
        }
        return {
            node: startNode,
            offset: startPos
        };
    }

    function _getEndRange(node, offset) {
        var doc = node.ownerDocument || node,
            range = doc.body.createTextRange();
        if(doc == node) {
            range.collapse(true);
            return range;
        }
        if(node.nodeType == 1 && node.childNodes.length > 0) {
            var children = node.childNodes,
                isStart, child;
            if(offset === 0) {
                child = children[0];
                isStart = true;
            } else {
                child = children[offset - 1];
                isStart = false;
            }
            if(!child) {
                return range;
            }
            if(K(child).name === 'head') {
                if(offset === 1) {
                    isStart = true;
                }
                if(offset === 2) {
                    isStart = false;
                }
                range.collapse(isStart);
                return range;
            }
            if(child.nodeType == 1) {
                var kchild = K(child),
                    span;
                if(kchild.isControl()) {
                    span = doc.createElement('span');
                    if(isStart) {
                        kchild.before(span);
                    } else {
                        kchild.after(span);
                    }
                    child = span;
                }
                _moveToElementText(range, child);
                range.collapse(isStart);
                if(span) {
                    K(span).remove();
                }
                return range;
            }
            node = child;
            offset = isStart ? 0 : child.nodeValue.length;
        }
        var dummy = doc.createElement('span');
        K(node).before(dummy);
        _moveToElementText(range, dummy);
        range.moveStart('character', offset);
        K(dummy).remove();
        return range;
    }

    function _toRange(rng) {
        var doc, range;

        function tr2td(start) {
            if(K(start.node).name == 'tr') {
                start.node = start.node.cells[start.offset];
                start.offset = 0;
            }
        }
        if(_IERANGE) {
            if(rng.item) {
                doc = _getDoc(rng.item(0));
                range = new KRange(doc);
                range.selectNode(rng.item(0));
                return range;
            }
            doc = rng.parentElement().ownerDocument;
            var start = _getStartEnd(rng, true),
                end = _getStartEnd(rng, false);
            tr2td(start);
            tr2td(end);
            range = new KRange(doc);
            range.setStart(start.node, start.offset);
            range.setEnd(end.node, end.offset);
            return range;
        }
        var startContainer = rng.startContainer;
        doc = startContainer.ownerDocument || startContainer;
        range = new KRange(doc);
        range.setStart(startContainer, rng.startOffset);
        range.setEnd(rng.endContainer, rng.endOffset);
        return range;
    }

    function KRange(doc) {
        this.init(doc);
    }
    _extend(KRange, {
        init: function(doc) {
            var self = this;
            self.startContainer = doc;
            self.startOffset = 0;
            self.endContainer = doc;
            self.endOffset = 0;
            self.collapsed = true;
            self.doc = doc;
        },
        commonAncestor: function() {
            function getParents(node) {
                var parents = [];
                while(node) {
                    parents.push(node);
                    node = node.parentNode;
                }
                return parents;
            }
            var parentsA = getParents(this.startContainer),
                parentsB = getParents(this.endContainer),
                i = 0,
                lenA = parentsA.length,
                lenB = parentsB.length,
                parentA, parentB;
            while(++i) {
                parentA = parentsA[lenA - i];
                parentB = parentsB[lenB - i];
                if(!parentA || !parentB || parentA !== parentB) {
                    break;
                }
            }
            return parentsA[lenA - i + 1];
        },
        setStart: function(node, offset) {
            var self = this,
                doc = self.doc;
            self.startContainer = node;
            self.startOffset = offset;
            if(self.endContainer === doc) {
                self.endContainer = node;
                self.endOffset = offset;
            }
            return _updateCollapsed(this);
        },
        setEnd: function(node, offset) {
            var self = this,
                doc = self.doc;
            self.endContainer = node;
            self.endOffset = offset;
            if(self.startContainer === doc) {
                self.startContainer = node;
                self.startOffset = offset;
            }
            return _updateCollapsed(this);
        },
        setStartBefore: function(node) {
            return this.setStart(node.parentNode || this.doc, K(node).index());
        },
        setStartAfter: function(node) {
            return this.setStart(node.parentNode || this.doc, K(node).index() + 1);
        },
        setEndBefore: function(node) {
            return this.setEnd(node.parentNode || this.doc, K(node).index());
        },
        setEndAfter: function(node) {
            return this.setEnd(node.parentNode || this.doc, K(node).index() + 1);
        },
        selectNode: function(node) {
            return this.setStartBefore(node).setEndAfter(node);
        },
        selectNodeContents: function(node) {
            var knode = K(node);
            if(knode.type == 3 || knode.isSingle()) {
                return this.selectNode(node);
            }
            var children = knode.children();
            if(children.length > 0) {
                return this.setStartBefore(children[0]).setEndAfter(children[children.length - 1]);
            }
            return this.setStart(node, 0).setEnd(node, 0);
        },
        collapse: function(toStart) {
            if(toStart) {
                return this.setEnd(this.startContainer, this.startOffset);
            }
            return this.setStart(this.endContainer, this.endOffset);
        },
        compareBoundaryPoints: function(how, range) {
            var rangeA = this.get(),
                rangeB = range.get();
            if(_IERANGE) {
                var arr = {};
                arr[_START_TO_START] = 'StartToStart';
                arr[_START_TO_END] = 'EndToStart';
                arr[_END_TO_END] = 'EndToEnd';
                arr[_END_TO_START] = 'StartToEnd';
                var cmp = rangeA.compareEndPoints(arr[how], rangeB);
                if(cmp !== 0) {
                    return cmp;
                }
                var nodeA, nodeB, nodeC, posA, posB;
                if(how === _START_TO_START || how === _END_TO_START) {
                    nodeA = this.startContainer;
                    posA = this.startOffset;
                }
                if(how === _START_TO_END || how === _END_TO_END) {
                    nodeA = this.endContainer;
                    posA = this.endOffset;
                }
                if(how === _START_TO_START || how === _START_TO_END) {
                    nodeB = range.startContainer;
                    posB = range.startOffset;
                }
                if(how === _END_TO_END || how === _END_TO_START) {
                    nodeB = range.endContainer;
                    posB = range.endOffset;
                }
                if(nodeA === nodeB) {
                    var diff = posA - posB;
                    return diff > 0 ? 1 : (diff < 0 ? -1 : 0);
                }
                nodeC = nodeB;
                while(nodeC && nodeC.parentNode !== nodeA) {
                    nodeC = nodeC.parentNode;
                }
                if(nodeC) {
                    return K(nodeC).index() >= posA ? -1 : 1;
                }
                nodeC = nodeA;
                while(nodeC && nodeC.parentNode !== nodeB) {
                    nodeC = nodeC.parentNode;
                }
                if(nodeC) {
                    return K(nodeC).index() >= posB ? 1 : -1;
                }
                nodeC = K(nodeB).next();
                if(nodeC && nodeC.contains(nodeA)) {
                    return 1;
                }
                nodeC = K(nodeA).next();
                if(nodeC && nodeC.contains(nodeB)) {
                    return -1;
                }
            } else {
                return rangeA.compareBoundaryPoints(how, rangeB);
            }
        },
        cloneRange: function() {
            return new KRange(this.doc).setStart(this.startContainer, this.startOffset).setEnd(this.endContainer, this.endOffset);
        },
        toString: function() {
            var rng = this.get(),
                str = _IERANGE ? rng.text : rng.toString();
            return str.replace(/\r\n|\n|\r/g, '');
        },
        cloneContents: function() {
            return _copyAndDelete(this, true, false);
        },
        deleteContents: function() {
            return _copyAndDelete(this, false, true);
        },
        extractContents: function() {
            return _copyAndDelete(this, true, true);
        },
        insertNode: function(node) {
            var self = this,
                sc = self.startContainer,
                so = self.startOffset,
                ec = self.endContainer,
                eo = self.endOffset,
                firstChild, lastChild, c, nodeCount = 1;
            if(node.nodeName.toLowerCase() === '#document-fragment') {
                firstChild = node.firstChild;
                lastChild = node.lastChild;
                nodeCount = node.childNodes.length;
            }
            if(sc.nodeType == 1) {
                c = sc.childNodes[so];
                if(c) {
                    sc.insertBefore(node, c);
                    if(sc === ec) {
                        eo += nodeCount;
                    }
                } else {
                    sc.appendChild(node);
                }
            } else if(sc.nodeType == 3) {
                if(so === 0) {
                    sc.parentNode.insertBefore(node, sc);
                    if(sc.parentNode === ec) {
                        eo += nodeCount;
                    }
                } else if(so >= sc.nodeValue.length) {
                    if(sc.nextSibling) {
                        sc.parentNode.insertBefore(node, sc.nextSibling);
                    } else {
                        sc.parentNode.appendChild(node);
                    }
                } else {
                    if(so > 0) {
                        c = sc.splitText(so);
                    } else {
                        c = sc;
                    }
                    sc.parentNode.insertBefore(node, c);
                    if(sc === ec) {
                        ec = c;
                        eo -= so;
                    }
                }
            }
            if(firstChild) {
                self.setStartBefore(firstChild).setEndAfter(lastChild);
            } else {
                self.selectNode(node);
            }
            if(self.compareBoundaryPoints(_END_TO_END, self.cloneRange().setEnd(ec, eo)) >= 1) {
                return self;
            }
            return self.setEnd(ec, eo);
        },
        surroundContents: function(node) {
            node.appendChild(this.extractContents());
            return this.insertNode(node).selectNode(node);
        },
        isControl: function() {
            var self = this,
                sc = self.startContainer,
                so = self.startOffset,
                ec = self.endContainer,
                eo = self.endOffset,
                rng;
            return sc.nodeType == 1 && sc === ec && so + 1 === eo && K(sc.childNodes[so]).isControl();
        },
        get: function(hasControlRange) {
            var self = this,
                doc = self.doc,
                node, rng;
            if(!_IERANGE) {
                rng = doc.createRange();
                try {
                    rng.setStart(self.startContainer, self.startOffset);
                    rng.setEnd(self.endContainer, self.endOffset);
                } catch(e) {}
                return rng;
            }
            if(hasControlRange && self.isControl()) {
                rng = doc.body.createControlRange();
                rng.addElement(self.startContainer.childNodes[self.startOffset]);
                return rng;
            }
            var range = self.cloneRange().down();
            rng = doc.body.createTextRange();
            rng.setEndPoint('StartToStart', _getEndRange(range.startContainer, range.startOffset));
            rng.setEndPoint('EndToStart', _getEndRange(range.endContainer, range.endOffset));
            return rng;
        },
        html: function() {
            return K(this.cloneContents()).outer();
        },
        down: function() {
            var self = this;

            function downPos(node, pos, isStart) {
                if(node.nodeType != 1) {
                    return;
                }
                var children = K(node).children();
                if(children.length === 0) {
                    return;
                }
                var left, right, child, offset;
                if(pos > 0) {
                    left = children.eq(pos - 1);
                }
                if(pos < children.length) {
                    right = children.eq(pos);
                }
                if(left && left.type == 3) {
                    child = left[0];
                    offset = child.nodeValue.length;
                }
                if(right && right.type == 3) {
                    child = right[0];
                    offset = 0;
                }
                if(!child) {
                    return;
                }
                if(isStart) {
                    self.setStart(child, offset);
                } else {
                    self.setEnd(child, offset);
                }
            }
            downPos(self.startContainer, self.startOffset, true);
            downPos(self.endContainer, self.endOffset, false);
            return self;
        },
        up: function() {
            var self = this;

            function upPos(node, pos, isStart) {
                if(node.nodeType != 3) {
                    return;
                }
                if(pos === 0) {
                    if(isStart) {
                        self.setStartBefore(node);
                    } else {
                        self.setEndBefore(node);
                    }
                } else if(pos == node.nodeValue.length) {
                    if(isStart) {
                        self.setStartAfter(node);
                    } else {
                        self.setEndAfter(node);
                    }
                }
            }
            upPos(self.startContainer, self.startOffset, true);
            upPos(self.endContainer, self.endOffset, false);
            return self;
        },
        enlarge: function(toBlock) {
            var self = this;
            self.up();

            function enlargePos(node, pos, isStart) {
                var knode = K(node),
                    parent;
                if(knode.type == 3 || _NOSPLIT_TAG_MAP[knode.name] || !toBlock && knode.isBlock()) {
                    return;
                }
                if(pos === 0) {
                    while(!knode.prev()) {
                        parent = knode.parent();
                        if(!parent || _NOSPLIT_TAG_MAP[parent.name] || !toBlock && parent.isBlock()) {
                            break;
                        }
                        knode = parent;
                    }
                    if(isStart) {
                        self.setStartBefore(knode[0]);
                    } else {
                        self.setEndBefore(knode[0]);
                    }
                } else if(pos == knode.children().length) {
                    while(!knode.next()) {
                        parent = knode.parent();
                        if(!parent || _NOSPLIT_TAG_MAP[parent.name] || !toBlock && parent.isBlock()) {
                            break;
                        }
                        knode = parent;
                    }
                    if(isStart) {
                        self.setStartAfter(knode[0]);
                    } else {
                        self.setEndAfter(knode[0]);
                    }
                }
            }
            enlargePos(self.startContainer, self.startOffset, true);
            enlargePos(self.endContainer, self.endOffset, false);
            return self;
        },
        shrink: function() {
            var self = this,
                child, collapsed = self.collapsed;
            while(self.startContainer.nodeType == 1 && (child = self.startContainer.childNodes[self.startOffset]) && child.nodeType == 1 && !K(child).isSingle()) {
                self.setStart(child, 0);
            }
            if(collapsed) {
                return self.collapse(collapsed);
            }
            while(self.endContainer.nodeType == 1 && self.endOffset > 0 && (child = self.endContainer.childNodes[self.endOffset - 1]) && child.nodeType == 1 && !K(child).isSingle()) {
                self.setEnd(child, child.childNodes.length);
            }
            return self;
        },
        createBookmark: function(serialize) {
            var self = this,
                doc = self.doc,
                endNode,
                startNode = K('<span style="display:none;"></span>', doc)[0];
            startNode.id = '__kindeditor_bookmark_start_' + (_BOOKMARK_ID++) + '__';
            if(!self.collapsed) {
                endNode = startNode.cloneNode(true);
                endNode.id = '__kindeditor_bookmark_end_' + (_BOOKMARK_ID++) + '__';
            }
            if(endNode) {
                self.cloneRange().collapse(false).insertNode(endNode).setEndBefore(endNode);
            }
            self.insertNode(startNode).setStartAfter(startNode);
            return {
                start: serialize ? '#' + startNode.id : startNode,
                end: endNode ? (serialize ? '#' + endNode.id : endNode) : null
            };
        },
        moveToBookmark: function(bookmark) {
            var self = this,
                doc = self.doc,
                start = K(bookmark.start, doc),
                end = bookmark.end ? K(bookmark.end, doc) : null;
            if(!start || start.length < 1) {
                return self;
            }
            self.setStartBefore(start[0]);
            start.remove();
            if(end && end.length > 0) {
                self.setEndBefore(end[0]);
                end.remove();
            } else {
                self.collapse(true);
            }
            return self;
        },
        dump: function() {
            console.log('--------------------');
            console.log(this.startContainer.nodeType == 3 ? this.startContainer.nodeValue : this.startContainer, this.startOffset);
            console.log(this.endContainer.nodeType == 3 ? this.endContainer.nodeValue : this.endContainer, this.endOffset);
        }
    });

    function _range(mixed) {
        if(!mixed.nodeName) {
            return mixed.constructor === KRange ? mixed : _toRange(mixed);
        }
        return new KRange(mixed);
    }
    K.RangeClass = KRange;
    K.range = _range;
    K.START_TO_START = _START_TO_START;
    K.START_TO_END = _START_TO_END;
    K.END_TO_END = _END_TO_END;
    K.END_TO_START = _END_TO_START;

    function _nativeCommand(doc, key, val) {
        try {
            doc.execCommand(key, false, val);
        } catch(e) {}
    }

    function _nativeCommandValue(doc, key) {
        var val = '';
        try {
            val = doc.queryCommandValue(key);
        } catch(e) {}
        if(typeof val !== 'string') {
            val = '';
        }
        return val;
    }

    function _getSel(doc) {
        var win = _getWin(doc);
        return _IERANGE ? doc.selection : win.getSelection();
    }

    function _getRng(doc) {
        var sel = _getSel(doc),
            rng;
        try {
            if(sel.rangeCount > 0) {
                rng = sel.getRangeAt(0);
            } else {
                rng = sel.createRange();
            }
        } catch(e) {}
        if(_IERANGE && (!rng || (!rng.item && rng.parentElement().ownerDocument !== doc))) {
            return null;
        }
        return rng;
    }

    function _singleKeyMap(map) {
        var newMap = {},
            arr, v;
        _each(map, function(key, val) {
            arr = key.split(',');
            for(var i = 0, len = arr.length; i < len; i++) {
                v = arr[i];
                newMap[v] = val;
            }
        });
        return newMap;
    }

    function _hasAttrOrCss(knode, map) {
        return _hasAttrOrCssByKey(knode, map, '*') || _hasAttrOrCssByKey(knode, map);
    }

    function _hasAttrOrCssByKey(knode, map, mapKey) {
        mapKey = mapKey || knode.name;
        if(knode.type !== 1) {
            return false;
        }
        var newMap = _singleKeyMap(map);
        if(!newMap[mapKey]) {
            return false;
        }
        var arr = newMap[mapKey].split(',');
        for(var i = 0, len = arr.length; i < len; i++) {
            var key = arr[i];
            if(key === '*') {
                return true;
            }
            var match = /^(\.?)([^=]+)(?:=([^=]*))?$/.exec(key);
            var method = match[1] ? 'css' : 'attr';
            key = match[2];
            var val = match[3] || '';
            if(val === '' && knode[method](key) !== '') {
                return true;
            }
            if(val !== '' && knode[method](key) === val) {
                return true;
            }
        }
        return false;
    }

    function _removeAttrOrCss(knode, map) {
        if(knode.type != 1) {
            return;
        }
        _removeAttrOrCssByKey(knode, map, '*');
        _removeAttrOrCssByKey(knode, map);
    }

    function _removeAttrOrCssByKey(knode, map, mapKey) {
        mapKey = mapKey || knode.name;
        if(knode.type !== 1) {
            return;
        }
        var newMap = _singleKeyMap(map);
        if(!newMap[mapKey]) {
            return;
        }
        var arr = newMap[mapKey].split(','),
            allFlag = false;
        for(var i = 0, len = arr.length; i < len; i++) {
            var key = arr[i];
            if(key === '*') {
                allFlag = true;
                break;
            }
            var match = /^(\.?)([^=]+)(?:=([^=]*))?$/.exec(key);
            key = match[2];
            if(match[1]) {
                key = _toCamel(key);
                if(knode[0].style[key]) {
                    knode[0].style[key] = '';
                }
            } else {
                knode.removeAttr(key);
            }
        }
        if(allFlag) {
            knode.remove(true);
        }
    }

    function _getInnerNode(knode) {
        var inner = knode;
        while(inner.first()) {
            inner = inner.first();
        }
        return inner;
    }

    function _isEmptyNode(knode) {
        if(knode.type != 1 || knode.isSingle()) {
            return false;
        }
        return knode.html().replace(/<[^>]+>/g, '') === '';
    }

    function _mergeWrapper(a, b) {
        a = a.clone(true);
        var lastA = _getInnerNode(a),
            childA = a,
            merged = false;
        while(b) {
            while(childA) {
                if(childA.name === b.name) {
                    _mergeAttrs(childA, b.attr(), b.css());
                    merged = true;
                }
                childA = childA.first();
            }
            if(!merged) {
                lastA.append(b.clone(false));
            }
            merged = false;
            b = b.first();
        }
        return a;
    }

    function _wrapNode(knode, wrapper) {
        wrapper = wrapper.clone(true);
        if(knode.type == 3) {
            _getInnerNode(wrapper).append(knode.clone(false));
            knode.replaceWith(wrapper);
            return wrapper;
        }
        var nodeWrapper = knode,
            child;
        while((child = knode.first()) && child.children().length == 1) {
            knode = child;
        }
        child = knode.first();
        var frag = knode.doc.createDocumentFragment();
        while(child) {
            frag.appendChild(child[0]);
            child = child.next();
        }
        wrapper = _mergeWrapper(nodeWrapper, wrapper);
        if(frag.firstChild) {
            _getInnerNode(wrapper).append(frag);
        }
        nodeWrapper.replaceWith(wrapper);
        return wrapper;
    }

    function _mergeAttrs(knode, attrs, styles) {
        _each(attrs, function(key, val) {
            if(key !== 'style') {
                knode.attr(key, val);
            }
        });
        _each(styles, function(key, val) {
            knode.css(key, val);
        });
    }

    function _inPreElement(knode) {
        while(knode && knode.name != 'body') {
            if(_PRE_TAG_MAP[knode.name] || knode.name == 'div' && knode.hasClass('ke-script')) {
                return true;
            }
            knode = knode.parent();
        }
        return false;
    }

    function KCmd(range) {
        this.init(range);
    }
    _extend(KCmd, {
        init: function(range) {
            var self = this,
                doc = range.doc;
            self.doc = doc;
            self.win = _getWin(doc);
            self.sel = _getSel(doc);
            self.range = range;
        },
        selection: function(forceReset) {
            var self = this,
                doc = self.doc,
                rng = _getRng(doc);
            self.sel = _getSel(doc);
            if(rng) {
                self.range = _range(rng);
                if(K(self.range.startContainer).name == 'html') {
                    self.range.selectNodeContents(doc.body).collapse(false);
                }
                return self;
            }
            if(forceReset) {
                self.range.selectNodeContents(doc.body).collapse(false);
            }
            return self;
        },
        select: function(hasDummy) {
            hasDummy = _undef(hasDummy, true);
            var self = this,
                sel = self.sel,
                range = self.range.cloneRange().shrink(),
                sc = range.startContainer,
                so = range.startOffset,
                ec = range.endContainer,
                eo = range.endOffset,
                doc = _getDoc(sc),
                win = self.win,
                rng, hasU200b = false;
            if(hasDummy && sc.nodeType == 1 && range.collapsed) {
                if(_IERANGE) {
                    var dummy = K('<span>&nbsp;</span>', doc);
                    range.insertNode(dummy[0]);
                    rng = doc.body.createTextRange();
                    try {
                        rng.moveToElementText(dummy[0]);
                    } catch(ex) {}
                    rng.collapse(false);
                    rng.select();
                    dummy.remove();
                    win.focus();
                    return self;
                }
                if(_WEBKIT) {
                    var children = sc.childNodes;
                    if(K(sc).isInline() || so > 0 && K(children[so - 1]).isInline() || children[so] && K(children[so]).isInline()) {
                        range.insertNode(doc.createTextNode('\u200B'));
                        hasU200b = true;
                    }
                }
            }
            if(_IERANGE) {
                try {
                    rng = range.get(true);
                    rng.select();
                } catch(e) {}
            } else {
                if(hasU200b) {
                    range.collapse(false);
                }
                rng = range.get(true);
                sel.removeAllRanges();
                sel.addRange(rng);
                if(doc !== document) {
                    var pos = K(rng.endContainer).pos();
                    win.scrollTo(pos.x, pos.y);
                }
            }
            win.focus();
            return self;
        },
        wrap: function(val) {
            var self = this,
                doc = self.doc,
                range = self.range,
                wrapper;
            wrapper = K(val, doc);
            if(range.collapsed) {
                range.shrink();
                range.insertNode(wrapper[0]).selectNodeContents(wrapper[0]);
                return self;
            }
            if(wrapper.isBlock()) {
                var copyWrapper = wrapper.clone(true),
                    child = copyWrapper;
                while(child.first()) {
                    child = child.first();
                }
                child.append(range.extractContents());
                range.insertNode(copyWrapper[0]).selectNode(copyWrapper[0]);
                return self;
            }
            range.enlarge();
            var bookmark = range.createBookmark(),
                ancestor = range.commonAncestor(),
                isStart = false;
            K(ancestor).scan(function(node) {
                if(!isStart && node == bookmark.start) {
                    isStart = true;
                    return;
                }
                if(isStart) {
                    if(node == bookmark.end) {
                        return false;
                    }
                    var knode = K(node);
                    if(_inPreElement(knode)) {
                        return;
                    }
                    if(knode.type == 3 && _trim(node.nodeValue).length > 0) {
                        var parent;
                        while((parent = knode.parent()) && parent.isStyle() && parent.children().length == 1) {
                            knode = parent;
                        }
                        _wrapNode(knode, wrapper);
                    }
                }
            });
            range.moveToBookmark(bookmark);
            return self;
        },
        split: function(isStart, map) {
            var range = this.range,
                doc = range.doc;
            var tempRange = range.cloneRange().collapse(isStart);
            var node = tempRange.startContainer,
                pos = tempRange.startOffset,
                parent = node.nodeType == 3 ? node.parentNode : node,
                needSplit = false,
                knode;
            while(parent && parent.parentNode) {
                knode = K(parent);
                if(map) {
                    if(!knode.isStyle()) {
                        break;
                    }
                    if(!_hasAttrOrCss(knode, map)) {
                        break;
                    }
                } else {
                    if(_NOSPLIT_TAG_MAP[knode.name]) {
                        break;
                    }
                }
                needSplit = true;
                parent = parent.parentNode;
            }
            if(needSplit) {
                var dummy = doc.createElement('span');
                range.cloneRange().collapse(!isStart).insertNode(dummy);
                if(isStart) {
                    tempRange.setStartBefore(parent.firstChild).setEnd(node, pos);
                } else {
                    tempRange.setStart(node, pos).setEndAfter(parent.lastChild);
                }
                var frag = tempRange.extractContents(),
                    first = frag.firstChild,
                    last = frag.lastChild;
                if(isStart) {
                    tempRange.insertNode(frag);
                    range.setStartAfter(last).setEndBefore(dummy);
                } else {
                    parent.appendChild(frag);
                    range.setStartBefore(dummy).setEndBefore(first);
                }
                var dummyParent = dummy.parentNode;
                if(dummyParent == range.endContainer) {
                    var prev = K(dummy).prev(),
                        next = K(dummy).next();
                    if(prev && next && prev.type == 3 && next.type == 3) {
                        range.setEnd(prev[0], prev[0].nodeValue.length);
                    } else if(!isStart) {
                        range.setEnd(range.endContainer, range.endOffset - 1);
                    }
                }
                dummyParent.removeChild(dummy);
            }
            return this;
        },
        remove: function(map) {
            var self = this,
                doc = self.doc,
                range = self.range;
            range.enlarge();
            if(range.startOffset === 0) {
                var ksc = K(range.startContainer),
                    parent;
                while((parent = ksc.parent()) && parent.isStyle() && parent.children().length == 1) {
                    ksc = parent;
                }
                range.setStart(ksc[0], 0);
                ksc = K(range.startContainer);
                if(ksc.isBlock()) {
                    _removeAttrOrCss(ksc, map);
                }
                var kscp = ksc.parent();
                if(kscp && kscp.isBlock()) {
                    _removeAttrOrCss(kscp, map);
                }
            }
            var sc, so;
            if(range.collapsed) {
                self.split(true, map);
                sc = range.startContainer;
                so = range.startOffset;
                if(so > 0) {
                    var sb = K(sc.childNodes[so - 1]);
                    if(sb && _isEmptyNode(sb)) {
                        sb.remove();
                        range.setStart(sc, so - 1);
                    }
                }
                var sa = K(sc.childNodes[so]);
                if(sa && _isEmptyNode(sa)) {
                    sa.remove();
                }
                if(_isEmptyNode(sc)) {
                    range.startBefore(sc);
                    sc.remove();
                }
                range.collapse(true);
                return self;
            }
            self.split(true, map);
            self.split(false, map);
            var startDummy = doc.createElement('span'),
                endDummy = doc.createElement('span');
            range.cloneRange().collapse(false).insertNode(endDummy);
            range.cloneRange().collapse(true).insertNode(startDummy);
            var nodeList = [],
                cmpStart = false;
            K(range.commonAncestor()).scan(function(node) {
                if(!cmpStart && node == startDummy) {
                    cmpStart = true;
                    return;
                }
                if(node == endDummy) {
                    return false;
                }
                if(cmpStart) {
                    nodeList.push(node);
                }
            });
            K(startDummy).remove();
            K(endDummy).remove();
            sc = range.startContainer;
            so = range.startOffset;
            var ec = range.endContainer,
                eo = range.endOffset;
            if(so > 0) {
                var startBefore = K(sc.childNodes[so - 1]);
                if(startBefore && _isEmptyNode(startBefore)) {
                    startBefore.remove();
                    range.setStart(sc, so - 1);
                    if(sc == ec) {
                        range.setEnd(ec, eo - 1);
                    }
                }
                var startAfter = K(sc.childNodes[so]);
                if(startAfter && _isEmptyNode(startAfter)) {
                    startAfter.remove();
                    if(sc == ec) {
                        range.setEnd(ec, eo - 1);
                    }
                }
            }
            var endAfter = K(ec.childNodes[range.endOffset]);
            if(endAfter && _isEmptyNode(endAfter)) {
                endAfter.remove();
            }
            var bookmark = range.createBookmark(true);
            _each(nodeList, function(i, node) {
                _removeAttrOrCss(K(node), map);
            });
            range.moveToBookmark(bookmark);
            return self;
        },
        commonNode: function(map) {
            var range = this.range;
            var ec = range.endContainer,
                eo = range.endOffset,
                node = (ec.nodeType == 3 || eo === 0) ? ec : ec.childNodes[eo - 1];

            function find(node) {
                var child = node,
                    parent = node;
                while(parent) {
                    if(_hasAttrOrCss(K(parent), map)) {
                        return K(parent);
                    }
                    parent = parent.parentNode;
                }
                while(child && (child = child.lastChild)) {
                    if(_hasAttrOrCss(K(child), map)) {
                        return K(child);
                    }
                }
                return null;
            }
            var cNode = find(node);
            if(cNode) {
                return cNode;
            }
            if(node.nodeType == 1 || (ec.nodeType == 3 && eo === 0)) {
                var prev = K(node).prev();
                if(prev) {
                    return find(prev);
                }
            }
            return null;
        },
        commonAncestor: function(tagName) {
            var range = this.range,
                sc = range.startContainer,
                so = range.startOffset,
                ec = range.endContainer,
                eo = range.endOffset,
                startNode = (sc.nodeType == 3 || so === 0) ? sc : sc.childNodes[so - 1],
                endNode = (ec.nodeType == 3 || eo === 0) ? ec : ec.childNodes[eo - 1];

            function find(node) {
                while(node) {
                    if(node.nodeType == 1) {
                        if(node.tagName.toLowerCase() === tagName) {
                            return node;
                        }
                    }
                    node = node.parentNode;
                }
                return null;
            }
            var start = find(startNode),
                end = find(endNode);
            if(start && end && start === end) {
                return K(start);
            }
            return null;
        },
        state: function(key) {
            var self = this,
                doc = self.doc,
                bool = false;
            try {
                bool = doc.queryCommandState(key);
            } catch(e) {}
            return bool;
        },
        val: function(key) {
            var self = this,
                doc = self.doc,
                range = self.range;

            function lc(val) {
                return val.toLowerCase();
            }
            key = lc(key);
            var val = '',
                knode;
            if(key === 'fontfamily' || key === 'fontname') {
                val = _nativeCommandValue(doc, 'fontname');
                val = val.replace(/['"]/g, '');
                return lc(val);
            }
            if(key === 'formatblock') {
                val = _nativeCommandValue(doc, key);
                if(val === '') {
                    knode = self.commonNode({
                        'h1,h2,h3,h4,h5,h6,p,div,pre,address': '*'
                    });
                    if(knode) {
                        val = knode.name;
                    }
                }
                if(val === 'Normal') {
                    val = 'p';
                }
                return lc(val);
            }
            if(key === 'fontsize') {
                knode = self.commonNode({
                    '*': '.font-size'
                });
                if(knode) {
                    val = knode.css('font-size');
                }
                return lc(val);
            }
            if(key === 'forecolor') {
                knode = self.commonNode({
                    '*': '.color'
                });
                if(knode) {
                    val = knode.css('color');
                }
                val = _toHex(val);
                if(val === '') {
                    val = 'default';
                }
                return lc(val);
            }
            if(key === 'hilitecolor') {
                knode = self.commonNode({
                    '*': '.background-color'
                });
                if(knode) {
                    val = knode.css('background-color');
                }
                val = _toHex(val);
                if(val === '') {
                    val = 'default';
                }
                return lc(val);
            }
            return val;
        },
        toggle: function(wrapper, map) {
            var self = this;
            if(self.commonNode(map)) {
                self.remove(map);
            } else {
                self.wrap(wrapper);
            }
            return self.select();
        },
        bold: function() {
            return this.toggle('<strong></strong>', {
                span: '.font-weight=bold',
                strong: '*',
                b: '*'
            });
        },
        italic: function() {
            return this.toggle('<em></em>', {
                span: '.font-style=italic',
                em: '*',
                i: '*'
            });
        },
        underline: function() {
            return this.toggle('<u></u>', {
                span: '.text-decoration=underline',
                u: '*'
            });
        },
        strikethrough: function() {
            return this.toggle('<s></s>', {
                span: '.text-decoration=line-through',
                s: '*'
            });
        },
        forecolor: function(val) {
            return this.toggle('<span style="color:' + val + ';"></span>', {
                span: '.color=' + val,
                font: 'color'
            });
        },
        hilitecolor: function(val) {
            return this.toggle('<span style="background-color:' + val + ';"></span>', {
                span: '.background-color=' + val
            });
        },
        fontsize: function(val) {
            return this.toggle('<span style="font-size:' + val + ';"></span>', {
                span: '.font-size=' + val,
                font: 'size'
            });
        },
        fontname: function(val) {
            return this.fontfamily(val);
        },
        fontfamily: function(val) {
            return this.toggle('<span style="font-family:' + val + ';"></span>', {
                span: '.font-family=' + val,
                font: 'face'
            });
        },
        removeformat: function() {
            var map = {
                    '*': '.font-weight,.font-style,.text-decoration,.color,.background-color,.font-size,.font-family,.text-indent'
                },
                tags = _STYLE_TAG_MAP;
            _each(tags, function(key, val) {
                map[key] = '*';
            });
            this.remove(map);
            return this.select();
        },
        inserthtml: function(val, quickMode) {
            var self = this,
                range = self.range;
            if(val === '') {
                return self;
            }

            function pasteHtml(range, val) {
                val = '<img id="__kindeditor_temp_tag__" width="0" height="0" style="display:none;" />' + val;
                var rng = range.get();
                if(rng.item) {
                    rng.item(0).outerHTML = val;
                } else {
                    rng.pasteHTML(val);
                }
                var temp = range.doc.getElementById('__kindeditor_temp_tag__');
                temp.parentNode.removeChild(temp);
                var newRange = _toRange(rng);
                range.setEnd(newRange.endContainer, newRange.endOffset);
                range.collapse(false);
                self.select(false);
            }

            function insertHtml(range, val) {
                var doc = range.doc,
                    frag = doc.createDocumentFragment();
                K('@' + val, doc).each(function() {
                    frag.appendChild(this);
                });
                range.deleteContents();
                range.insertNode(frag);
                range.collapse(false);
                self.select(false);
            }
            if(_IERANGE && quickMode) {
                try {
                    pasteHtml(range, val);
                } catch(e) {
                    insertHtml(range, val);
                }
                return self;
            }
            insertHtml(range, val);
            return self;
        },
        hr: function() {
            return this.inserthtml('<hr />');
        },
        print: function() {
            this.win.print();
            return this;
        },
        insertimage: function(url, title, width, height, border, align) {
            title = _undef(title, '');
            border = _undef(border, 0);
            var html = '<img src="' + _escape(url) + '" data-ke-src="' + _escape(url) + '" ';
            if(width) {
                html += 'width="' + _escape(width) + '" ';
            }
            if(height) {
                html += 'height="' + _escape(height) + '" ';
            }
            if(title) {
                html += 'title="' + _escape(title) + '" ';
            }
            if(align) {
                html += 'align="' + _escape(align) + '" ';
            }
            html += 'alt="' + _escape(title) + '" ';
            html += '/>';
            return this.inserthtml(html);
        },
        createlink: function(url, type) {
            var self = this,
                doc = self.doc,
                range = self.range;
            self.select();
            var a = self.commonNode({
                a: '*'
            });
            if(a && !range.isControl()) {
                range.selectNode(a.get());
                self.select();
            }
            var html = '<a href="' + _escape(url) + '" data-ke-src="' + _escape(url) + '" ';
            if(type) {
                html += ' target="' + _escape(type) + '"';
            }
            if(range.collapsed) {
                html += '>' + _escape(url) + '</a>';
                return self.inserthtml(html);
            }
            if(range.isControl()) {
                var node = K(range.startContainer.childNodes[range.startOffset]);
                html += '></a>';
                node.after(K(html, doc));
                node.next().append(node);
                range.selectNode(node[0]);
                return self.select();
            }

            function setAttr(node, url, type) {
                K(node).attr('href', url).attr('data-ke-src', url);
                if(type) {
                    K(node).attr('target', type);
                } else {
                    K(node).removeAttr('target');
                }
            }
            var sc = range.startContainer,
                so = range.startOffset,
                ec = range.endContainer,
                eo = range.endOffset;
            if(sc.nodeType == 1 && sc === ec && so + 1 === eo) {
                var child = sc.childNodes[so];
                if(child.nodeName.toLowerCase() == 'a') {
                    setAttr(child, url, type);
                    return self;
                }
            }
            _nativeCommand(doc, 'createlink', '__kindeditor_temp_url__');
            K('a[href="__kindeditor_temp_url__"]', doc).each(function() {
                setAttr(this, url, type);
            });
            return self;
        },
        unlink: function() {
            var self = this,
                doc = self.doc,
                range = self.range;
            self.select();
            if(range.collapsed) {
                var a = self.commonNode({
                    a: '*'
                });
                if(a) {
                    range.selectNode(a.get());
                    self.select();
                }
                _nativeCommand(doc, 'unlink', null);
                if(_WEBKIT && K(range.startContainer).name === 'img') {
                    var parent = K(range.startContainer).parent();
                    if(parent.name === 'a') {
                        parent.remove(true);
                    }
                }
            } else {
                _nativeCommand(doc, 'unlink', null);
            }
            return self;
        }
    });
    _each(('formatblock,selectall,justifyleft,justifycenter,justifyright,justifyfull,insertorderedlist,' +
        'insertunorderedlist,indent,outdent,subscript,superscript').split(','), function(i, name) {
        KCmd.prototype[name] = function(val) {
            var self = this;
            self.select();
            _nativeCommand(self.doc, name, val);
            if(_IERANGE && _inArray(name, 'justifyleft,justifycenter,justifyright,justifyfull'.split(',')) >= 0) {
                self.selection();
            }
            if(!_IERANGE || _inArray(name, 'formatblock,selectall,insertorderedlist,insertunorderedlist'.split(',')) >= 0) {
                self.selection();
            }
            return self;
        };
    });
    _each('cut,copy,paste'.split(','), function(i, name) {
        KCmd.prototype[name] = function() {
            var self = this;
            if(!self.doc.queryCommandSupported(name)) {
                throw 'not supported';
            }
            self.select();
            _nativeCommand(self.doc, name, null);
            return self;
        };
    });

    function _cmd(mixed) {
        if(mixed.nodeName) {
            var doc = _getDoc(mixed);
            mixed = _range(doc).selectNodeContents(doc.body).collapse(false);
        }
        return new KCmd(mixed);
    }
    K.CmdClass = KCmd;
    K.cmd = _cmd;

    function _drag(options) {
        var moveEl = options.moveEl,
            moveFn = options.moveFn,
            clickEl = options.clickEl || moveEl,
            beforeDrag = options.beforeDrag,
            iframeFix = options.iframeFix === undefined ? true : options.iframeFix;
        var docs = [document];
        if(iframeFix) {
            K('iframe').each(function() {
                var src = _formatUrl(this.src || '', 'absolute');
                if(/^https?:\/\//.test(src)) {
                    return;
                }
                var doc;
                try {
                    doc = _iframeDoc(this);
                } catch(e) {}
                if(doc) {
                    var pos = K(this).pos();
                    K(doc).data('pos-x', pos.x);
                    K(doc).data('pos-y', pos.y);
                    docs.push(doc);
                }
            });
        }
        clickEl.mousedown(function(e) {
            e.stopPropagation();
            var self = clickEl.get(),
                x = _removeUnit(moveEl.css('left')),
                y = _removeUnit(moveEl.css('top')),
                width = moveEl.width(),
                height = moveEl.height(),
                pageX = e.pageX,
                pageY = e.pageY;
            K(self).addClass('ke-dragging');
            if(beforeDrag) {
                beforeDrag();
            }

            function moveListener(e) {
                e.preventDefault();
                var kdoc = K(_getDoc(e.target));
                var diffX = _round((kdoc.data('pos-x') || 0) + e.pageX - pageX);
                var diffY = _round((kdoc.data('pos-y') || 0) + e.pageY - pageY);
                moveFn.call(clickEl, x, y, width, height, diffX, diffY);
            }

            function selectListener(e) {
                e.preventDefault();
            }

            function upListener(e) {
                e.preventDefault();
                K(docs).unbind('mousemove', moveListener)
                    .unbind('mouseup', upListener)
                    .unbind('selectstart', selectListener);
                if(self.releaseCapture) {
                    self.releaseCapture();
                }
                K(self).removeClass('ke-dragging');
            }
            K(docs).mousemove(moveListener)
                .mouseup(upListener)
                .bind('selectstart', selectListener);
            if(self.setCapture) {
                self.setCapture();
            }
        });
    }

    function KWidget(options) {
        this.init(options);
    }
    _extend(KWidget, {
        init: function(options) {
            var self = this;
            self.name = options.name || '';
            self.doc = options.doc || document;
            self.win = _getWin(self.doc);
            self.x = _addUnit(options.x);
            self.y = _addUnit(options.y);
            self.z = options.z;
            self.width = _addUnit(options.width);
            self.height = _addUnit(options.height);
            self.div = K('<div style="display:block;"></div>');
            self.options = options;
            self._alignEl = options.alignEl;
            if(self.width) {
                self.div.css('width', self.width);
            }
            if(self.height) {
                self.div.css('height', self.height);
            }
            if(self.z) {
                self.div.css({
                    position: 'absolute',
                    left: self.x,
                    top: self.y,
                    'z-index': self.z
                });
            }
            if(self.z && (self.x === undefined || self.y === undefined)) {
                self.autoPos(self.width, self.height);
            }
            if(options.cls) {
                self.div.addClass(options.cls);
            }
            if(options.shadowMode) {
                self.div.addClass('ke-shadow');
            }
            if(options.css) {
                self.div.css(options.css);
            }
            if(options.src) {
                K(options.src).replaceWith(self.div);
            } else {
                K(self.doc.body).append(self.div);
            }
            if(options.html) {
                self.div.html(options.html);
            }
            if(options.autoScroll) {
                if(_IE && _V < 7 || _QUIRKS) {
                    var scrollPos = _getScrollPos();
                    K(self.win).bind('scroll', function(e) {
                        var pos = _getScrollPos(),
                            diffX = pos.x - scrollPos.x,
                            diffY = pos.y - scrollPos.y;
                        self.pos(_removeUnit(self.x) + diffX, _removeUnit(self.y) + diffY, false);
                    });
                } else {
                    self.div.css('position', 'fixed');
                }
            }
        },
        pos: function(x, y, updateProp) {
            var self = this;
            updateProp = _undef(updateProp, true);
            if(x !== null) {
                x = x < 0 ? 0 : _addUnit(Math.floor(x));
                self.div.css('left', x);
                if(updateProp) {
                    self.x = x;
                }
            }
            if(y !== null) {
                y = y < 0 ? 0 : _addUnit(Math.floor(y));
                self.div.css('top', y);
                if(updateProp) {
                    self.y = y;
                }
            }
            return self;
        },
        autoPos: function(width, height) {
            var self = this,
			w = _removeUnit(width) || 0,
			h = _removeUnit(height) || 0,
            scrollPos = _getScrollPos();
            if (self._alignEl) {
                var knode = K(self._alignEl),
                    pos = knode.pos(),
                    diffX = _round(knode[0].clientWidth / 2 - w / 2),
                    diffY = _round(knode[0].clientHeight / 2 - h / 2);
                x = diffX < 0 ? pos.x : pos.x + diffX;
                y = diffY < 0 ? pos.y : pos.y + diffY;
            } else {
                var docEl = _docElement(self.doc);
                x = _round(scrollPos.x + (docEl.clientWidth - w) / 2);
                y = _round(scrollPos.y + (docEl.clientHeight - h) / 2);
            }
            if (!(_IE && _V < 7 || _QUIRKS)) {
                x -= scrollPos.x;
                y -= scrollPos.y;
            }
            return self.pos(x, y);
        },
        remove: function() {
            var self = this;
            if(_IE && _V < 7 || _QUIRKS) {
                K(self.win).unbind('scroll');
            }
            self.div.remove();
            _each(self, function(i) {
                self[i] = null;
            });
            return this;
        },
        show: function() {
            this.div.show();
            return this;
        },
        hide: function() {
            this.div.hide();
            return this;
        },
        draggable: function(options) {
            var self = this;
            options = options || {};
            options.moveEl = self.div;
            options.moveFn = function(x, y, width, height, diffX, diffY) {
                if((x = x + diffX) < 0) {
                    x = 0;
                }
                if((y = y + diffY) < 0) {
                    y = 0;
                }
                self.pos(x, y);
            };
            _drag(options);
            return self;
        }
    });

    function _widget(options) {
        return new KWidget(options);
    }
    K.WidgetClass = KWidget;
    K.widget = _widget;

    function _iframeDoc(iframe) {
        iframe = _get(iframe);
        return iframe.contentDocument || iframe.contentWindow.document;
    }
    var html, _direction = '';
    if((html = document.getElementsByTagName('html'))) {
        _direction = html[0].dir;
    }

    function _getInitHtml(themesPath, bodyClass, cssPath, cssData) {
        var arr = [
            (_direction === '' ? '<html>' : '<html dir="' + _direction + '">'),
            '<head><meta charset="utf-8" /><title></title>',
            '<style>',
            'html {margin:0;padding:0;}',
            'body {margin:0;padding:5px;}',
            'body, td {font:12px/1.5 "sans serif",tahoma,verdana,helvetica;}',
            'body, p, div {word-wrap: break-word;}',
            'p {margin:5px 0;}',
            'table {border-collapse:collapse;}',
            'img {border:0;}',
            'noscript {display:none;}',
            'table.ke-zeroborder td {border:1px dotted #AAA;}',
            'img.ke-media, img.ke-audio, img.ke-video {',
            ' border:1px solid #AAA;',
            ' background-image:url(' + themesPath + 'common/media.png);',
            ' background-position:center center;',
            ' background-repeat:no-repeat;',
            ' background-color:#f1f1f1;',
            ' width:100px;',
            ' height:100px;',
            '}',
            'img.ke-audio {background-image:url(' + themesPath + 'common/audio.png); height: 54px!important}',
            'img.ke-video {background-image:url(' + themesPath + 'common/video.png)}',
            'img.ke-anchor {',
            ' border:1px dashed #666;',
            ' width:16px;',
            ' height:16px;',
            '}',
            '.ke-script, .ke-noscript, .ke-display-none {',
            ' display:none;',
            ' font-size:0;',
            ' width:0;',
            ' height:0;',
            '}',
            '.ke-pagebreak {',
            ' border:1px dotted #AAA;',
            ' font-size:0;',
            ' height:2px;',
            '}',
            '</style>'
        ];
        if(!_isArray(cssPath)) {
            cssPath = [cssPath];
        }
        _each(cssPath, function(i, path) {
            if(path) {
                arr.push('<link href="' + path + '" rel="stylesheet" />');
            }
        });
        if(cssData) {
            arr.push('<style>' + cssData + '</style>');
        }
        arr.push('</head><body ' + (bodyClass ? 'class="' + bodyClass + '"' : '') + '></body></html>');
        return arr.join('\n');
    }

    function _elementVal(knode, val) {
        if(knode.hasVal()) {
            if(val === undefined) {
                var html = knode.val();
                html = html.replace(/(<(?:p|p\s[^>]*)>) *(<\/p>)/ig, '');
                return html;
            }
            return knode.val(val);
        }
        return knode.html(val);
    }

    function KEdit(options) {
        this.init(options);
    }
    _extend(KEdit, KWidget, {
        init: function(options) {
            var self = this;
            KEdit.parent.init.call(self, options);
            self.srcElement = K(options.srcElement);
            self.div.addClass('ke-edit');
            self.designMode = _undef(options.designMode, true);
            self.beforeGetHtml = options.beforeGetHtml;
            self.beforeSetHtml = options.beforeSetHtml;
            self.afterSetHtml = options.afterSetHtml;
            var themesPath = _undef(options.themesPath, ''),
                bodyClass = options.bodyClass,
                cssPath = options.cssPath,
                cssData = options.cssData,
                isDocumentDomain = location.protocol != 'res:' && location.host.replace(/:\d+/, '') !== document.domain,
                srcScript = ('document.open();' +
                    (isDocumentDomain ? 'document.domain="' + document.domain + '";' : '') +
                    'document.close();'),
                iframeSrc = _IE ? ' src="javascript:void(function(){' + encodeURIComponent(srcScript) + '}())"' : '';
            self.iframe = K('<iframe class="ke-edit-iframe" hidefocus="true" frameborder="0"' + iframeSrc + '></iframe>').css('width', '100%');
            self.textarea = K('<textarea class="ke-edit-textarea" hidefocus="true"></textarea>').css('width', '100%');
            self.tabIndex = isNaN(parseInt(options.tabIndex, 10)) ? self.srcElement.attr('tabindex') : parseInt(options.tabIndex, 10);
            self.iframe.attr('tabindex', self.tabIndex);
            self.textarea.attr('tabindex', self.tabIndex);
            if(self.width) {
                self.setWidth(self.width);
            }
            if(self.height) {
                self.setHeight(self.height);
            }
            if(self.designMode) {
                self.textarea.hide();
            } else {
                self.iframe.hide();
            }

            function ready() {
                var doc = _iframeDoc(self.iframe);
                doc.open();
                if(isDocumentDomain) {
                    doc.domain = document.domain;
                }
                doc.write(_getInitHtml(themesPath, bodyClass, cssPath, cssData));
                doc.close();
                self.win = self.iframe[0].contentWindow;
                self.doc = doc;
                var cmd = _cmd(doc);
                self.afterChange(function(e) {
                    cmd.selection();
                });
                if(_WEBKIT) {
                    K(doc).click(function(e) {
                        if(K(e.target).name === 'img') {
                            cmd.selection(true);
                            cmd.range.selectNode(e.target);
                            cmd.select();
                        }
                    });
                }
                if(_IE) {
                    self._mousedownHandler = function() {
                        var newRange = cmd.range.cloneRange();
                        newRange.shrink();
                        if(newRange.isControl()) {
                            self.blur();
                        }
                    };
                    K(document).mousedown(self._mousedownHandler);
                    K(doc).keydown(function(e) {
                        if(e.which == 8) {
                            cmd.selection();
                            var rng = cmd.range;
                            if(rng.isControl()) {
                                rng.collapse(true);
                                K(rng.startContainer.childNodes[rng.startOffset]).remove();
                                e.preventDefault();
                            }
                        }
                    });
                }
                self.cmd = cmd;
                self.html(_elementVal(self.srcElement));
                if(_IE) {
                    doc.body.disabled = true;
                    doc.body.contentEditable = true;
                    doc.body.removeAttribute('disabled');
                } else {
                    doc.designMode = 'on';
                }
                if(options.afterCreate) {
                    options.afterCreate.call(self);
                }
            }
            if(isDocumentDomain) {
                self.iframe.bind('load', function(e) {
                    self.iframe.unbind('load');
                    if(_IE) {
                        ready();
                    } else {
                        setTimeout(ready, 0);
                    }
                });
            }
            self.div.append(self.iframe);
            self.div.append(self.textarea);
            self.srcElement.hide();
            !isDocumentDomain && ready();
        },
        setWidth: function(val) {
            this.div.css('width', _addUnit(val));
            return this;
        },
        setHeight: function(val) {
            var self = this;
            val = _addUnit(val);
            self.div.css('height', val);
            self.iframe.css('height', val);
            if((_IE && _V < 8) || _QUIRKS) {
                val = _addUnit(_removeUnit(val) - 2);
            }
            self.textarea.css('height', val);
            return self;
        },
        remove: function() {
            var self = this,
                doc = self.doc;
            K(doc.body).unbind();
            K(doc).unbind();
            K(self.win).unbind();
            if(self._mousedownHandler) {
                K(document).unbind('mousedown', self._mousedownHandler);
            }
            _elementVal(self.srcElement, self.html());
            self.srcElement.show();
            doc.write('');
            self.iframe.unbind();
            self.textarea.unbind();
            KEdit.parent.remove.call(self);
        },
        html: function(val, isFull) {
            var self = this,
                doc = self.doc;
            if(self.designMode) {
                var body = doc.body;
                if(val === undefined) {
                    if(isFull) {
                        val = '<!doctype html><html>' + body.parentNode.innerHTML + '</html>';
                    } else {
                        val = body.innerHTML;
                    }
                    if(self.beforeGetHtml) {
                        val = self.beforeGetHtml(val);
                    }
                    if(_GECKO && val == '<br />') {
                        val = '';
                    }
                    return val;
                }
                if(self.beforeSetHtml) {
                    val = self.beforeSetHtml(val);
                }
                if(_IE && _V >= 9) {
                    val = val.replace(/(<.*?checked=")checked(".*>)/ig, '$1$2');
                }
                K(body).html(val);
                if(self.afterSetHtml) {
                    self.afterSetHtml();
                }
                return self;
            }
            if(val === undefined) {
                return self.textarea.val();
            }
            self.textarea.val(val);
            return self;
        },
        design: function(bool) {
            var self = this,
                val;
            if(bool === undefined ? !self.designMode : bool) {
                if(!self.designMode) {
                    val = self.html();
                    self.designMode = true;
                    self.html(val);
                    self.textarea.hide();
                    self.iframe.show();
                }
            } else {
                if(self.designMode) {
                    val = self.html();
                    self.designMode = false;
                    self.html(val);
                    self.iframe.hide();
                    self.textarea.show();
                }
            }
            return self.focus();
        },
        focus: function() {
            var self = this;
            self.designMode ? self.win.focus() : self.textarea[0].focus();
            return self;
        },
        blur: function() {
            var self = this;
            if(_IE) {
                var input = K('<input type="text" style="float:left;width:0;height:0;padding:0;margin:0;border:0;" value="" />', self.div);
                self.div.append(input);
                input[0].focus();
                input.remove();
            } else {
                self.designMode ? self.win.blur() : self.textarea[0].blur();
            }
            return self;
        },
        afterChange: function(fn) {
            var self = this,
                doc = self.doc,
                body = doc.body;
            K(doc).keyup(function(e) {
                if(!e.ctrlKey && !e.altKey && _CHANGE_KEY_MAP[e.which]) {
                    fn(e);
                }
            });
            K(doc).mouseup(fn).contextmenu(fn);
            K(self.win).blur(fn);

            function timeoutHandler(e) {
                setTimeout(function() {
                    fn(e);
                }, 1);
            }
            K(body).bind('paste', timeoutHandler);
            K(body).bind('cut', timeoutHandler);
            return self;
        }
    });

    function _edit(options) {
        return new KEdit(options);
    }
    K.EditClass = KEdit;
    K.edit = _edit;
    K.iframeDoc = _iframeDoc;

    function _selectToolbar(name, fn) {
        var self = this,
            knode = self.get(name);
        if(knode) {
            if(knode.hasClass('ke-disabled')) {
                return;
            }
            fn(knode);
        }
    }

    function KToolbar(options) {
        this.init(options);
    }
    _extend(KToolbar, KWidget, {
        init: function(options) {
            var self = this;
            KToolbar.parent.init.call(self, options);
            self.disableMode = _undef(options.disableMode, false);
            self.noDisableItemMap = _toMap(_undef(options.noDisableItems, []));
            self._itemMap = {};
            self.div.addClass('ke-toolbar').bind('contextmenu,mousedown,mousemove', function(e) {
                e.preventDefault();
            }).attr('unselectable', 'on');

            function find(target) {
                var knode = K(target);
                if(knode.hasClass('ke-outline')) {
                    return knode;
                }
                if(knode.hasClass('ke-toolbar-icon')) {
                    return knode.parent();
                }
            }

            function hover(e, method) {
                var knode = find(e.target);
                if(knode) {
                    if(knode.hasClass('ke-disabled')) {
                        return;
                    }
                    if(knode.hasClass('ke-selected')) {
                        return;
                    }
                    knode[method]('ke-on');
                }
            }
            self.div.mouseover(function(e) {
                    hover(e, 'addClass');
                })
                .mouseout(function(e) {
                    hover(e, 'removeClass');
                })
                .click(function(e) {
                    var knode = find(e.target);
                    if(knode) {
                        if(knode.hasClass('ke-disabled')) {
                            return;
                        }
                        self.options.click.call(this, e, knode.attr('data-name'));
                    }
                });
        },
        get: function(name) {
            if(this._itemMap[name]) {
                return this._itemMap[name];
            }
            return(this._itemMap[name] = K('span.ke-icon-' + name, this.div).parent());
        },
        select: function(name) {
            _selectToolbar.call(this, name, function(knode) {
                knode.addClass('ke-selected');
            });
            return self;
        },
        unselect: function(name) {
            _selectToolbar.call(this, name, function(knode) {
                knode.removeClass('ke-selected').removeClass('ke-on');
            });
            return self;
        },
        enable: function(name) {
            var self = this,
                knode = name.get ? name : self.get(name);
            if(knode) {
                knode.removeClass('ke-disabled');
                knode.opacity(1);
            }
            return self;
        },
        disable: function(name) {
            var self = this,
                knode = name.get ? name : self.get(name);
            if(knode) {
                knode.removeClass('ke-selected').addClass('ke-disabled');
                knode.opacity(0.5);
            }
            return self;
        },
        disableAll: function(bool, noDisableItems) {
            var self = this,
                map = self.noDisableItemMap,
                item;
            if(noDisableItems) {
                map = _toMap(noDisableItems);
            }
            if(bool === undefined ? !self.disableMode : bool) {
                K('span.ke-outline', self.div).each(function() {
                    var knode = K(this),
                        name = knode[0].getAttribute('data-name', 2);
                    if(!map[name]) {
                        self.disable(knode);
                    }
                });
                self.disableMode = true;
            } else {
                K('span.ke-outline', self.div).each(function() {
                    var knode = K(this),
                        name = knode[0].getAttribute('data-name', 2);
                    if(!map[name]) {
                        self.enable(knode);
                    }
                });
                self.disableMode = false;
            }
            return self;
        }
    });

    function _toolbar(options) {
        return new KToolbar(options);
    }
    K.ToolbarClass = KToolbar;
    K.toolbar = _toolbar;

    function KMenu(options) {
        this.init(options);
    }
    _extend(KMenu, KWidget, {
        init: function(options) {
            var self = this;
            options.z = options.z || 811213;
            KMenu.parent.init.call(self, options);
            self.centerLineMode = _undef(options.centerLineMode, true);
            self.div.addClass('ke-menu').bind('click,mousedown', function(e) {
                e.stopPropagation();
            }).attr('unselectable', 'on');
        },
        addItem: function(item) {
            var self = this;
            if(item.title === '-') {
                self.div.append(K('<div class="ke-menu-separator"></div>'));
                return;
            }
            var itemDiv = K('<div class="ke-menu-item" unselectable="on"></div>'),
                leftDiv = K('<div class="ke-inline-block ke-menu-item-left"></div>'),
                rightDiv = K('<div class="ke-inline-block ke-menu-item-right"></div>'),
                height = _addUnit(item.height),
                iconClass = _undef(item.iconClass, '');
            self.div.append(itemDiv);
            if(height) {
                itemDiv.css('height', height);
                rightDiv.css('line-height', height);
            }
            var centerDiv;
            if(self.centerLineMode) {
                centerDiv = K('<div class="ke-inline-block ke-menu-item-center"></div>');
                if(height) {
                    centerDiv.css('height', height);
                }
            }
            itemDiv.mouseover(function(e) {
                    K(this).addClass('ke-menu-item-on');
                    if(centerDiv) {
                        centerDiv.addClass('ke-menu-item-center-on');
                    }
                })
                .mouseout(function(e) {
                    K(this).removeClass('ke-menu-item-on');
                    if(centerDiv) {
                        centerDiv.removeClass('ke-menu-item-center-on');
                    }
                })
                .click(function(e) {
                    item.click.call(K(this));
                    e.stopPropagation();
                })
                .append(leftDiv);
            if(centerDiv) {
                itemDiv.append(centerDiv);
            }
            itemDiv.append(rightDiv);
            if(item.checked) {
                iconClass = 'ke-icon-checked';
            }
            if(iconClass !== '') {
                leftDiv.html('<span class="ke-inline-block ke-toolbar-icon ke-toolbar-icon-url ' + iconClass + '"></span>');
            }
            rightDiv.html(item.title);
            return self;
        },
        remove: function() {
            var self = this;
            if(self.options.beforeRemove) {
                self.options.beforeRemove.call(self);
            }
            K('.ke-menu-item', self.div[0]).unbind();
            KMenu.parent.remove.call(self);
            return self;
        }
    });

    function _menu(options) {
        return new KMenu(options);
    }
    K.MenuClass = KMenu;
    K.menu = _menu;

    function KColorPicker(options) {
        this.init(options);
    }
    _extend(KColorPicker, KWidget, {
        init: function(options) {
            var self = this;
            options.z = options.z || 811213;
            KColorPicker.parent.init.call(self, options);
            var colors = options.colors || [
                ['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'],
                ['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'],
                ['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'],
                ['#FFFFFF', '#CCCCCC', '#999999', '#666666', '#333333', '#000000']
            ];
            self.selectedColor = (options.selectedColor || '').toLowerCase();
            self._cells = [];
            self.div.addClass('ke-colorpicker').bind('click,mousedown', function(e) {
                e.stopPropagation();
            }).attr('unselectable', 'on');
            var table = self.doc.createElement('table');
            self.div.append(table);
            table.className = 'ke-colorpicker-table';
            table.cellPadding = 0;
            table.cellSpacing = 0;
            table.border = 0;
            var row = table.insertRow(0),
                cell = row.insertCell(0);
            cell.colSpan = colors[0].length;
            self._addAttr(cell, '', 'ke-colorpicker-cell-top');
            for(var i = 0; i < colors.length; i++) {
                row = table.insertRow(i + 1);
                for(var j = 0; j < colors[i].length; j++) {
                    cell = row.insertCell(j);
                    self._addAttr(cell, colors[i][j], 'ke-colorpicker-cell');
                }
            }
        },
        _addAttr: function(cell, color, cls) {
            var self = this;
            cell = K(cell).addClass(cls);
            if(self.selectedColor === color.toLowerCase()) {
                cell.addClass('ke-colorpicker-cell-selected');
            }
            cell.attr('title', color || self.options.noColor);
            cell.mouseover(function(e) {
                K(this).addClass('ke-colorpicker-cell-on');
            });
            cell.mouseout(function(e) {
                K(this).removeClass('ke-colorpicker-cell-on');
            });
            cell.click(function(e) {
                e.stop();
                self.options.click.call(K(this), color);
            });
            if(color) {
                cell.append(K('<div class="ke-colorpicker-cell-color" unselectable="on"></div>').css('background-color', color));
            } else {
                cell.html(self.options.noColor);
            }
            K(cell).attr('unselectable', 'on');
            self._cells.push(cell);
        },
        remove: function() {
            var self = this;
            _each(self._cells, function() {
                this.unbind();
            });
            KColorPicker.parent.remove.call(self);
            return self;
        }
    });

    function _colorpicker(options) {
        return new KColorPicker(options);
    }
    K.ColorPickerClass = KColorPicker;
    K.colorpicker = _colorpicker;

    function KUploadButton(options) {
        this.init(options);
    }
    _extend(KUploadButton, {
        init: function(options) {
            var self = this,
                button = K(options.button),
                fieldName = options.fieldName || 'file',
                url = options.url || '',
                title = button.val(),
                extraParams = options.extraParams || {},
                cls = button[0].className || '',
                target = options.target || 'kindeditor_upload_iframe_' + new Date().getTime();
            options.afterError = options.afterError || function(str) {
                alert(str);
            };
            var hiddenElements = [];
            for(var k in extraParams) {
                hiddenElements.push('<input type="hidden" name="' + k + '" value="' + extraParams[k] + '" />');
            }
            var html = [
                '<div class="ke-inline-block ' + cls + '">', (options.target ? '' : '<iframe name="' + target + '" style="display:none;"></iframe>'), (options.form ? '<div class="ke-upload-area">' : '<form class="ke-upload-area ke-form" method="post" enctype="multipart/form-data" target="' + target + '" action="' + url + '">'),
                '<span class="ke-button-common">',
                hiddenElements.join(''),
                '<input type="button" class="ke-button-common ke-button" value="' + title + '" />',
                '</span>',
                '<input type="file" class="ke-upload-file" name="' + fieldName + '" tabindex="-1" />', (options.form ? '</div>' : '</form>'),
                '</div>'
            ].join('');
            var div = K(html, button.doc);
            button.hide();
            button.before(div);
            self.div = div;
            self.button = button;
            self.iframe = options.target ? K('iframe[name="' + target + '"]') : K('iframe', div);
            self.form = options.form ? K(options.form) : K('form', div);
            self.fileBox = K('.ke-upload-file', div);
            self.options = options;
        },
        submit: function() {
            var self = this,
                iframe = self.iframe;
            iframe.bind('load', function() {
                iframe.unbind();
                var tempForm = document.createElement('form');
                self.fileBox.before(tempForm);
                K(tempForm).append(self.fileBox);
                tempForm.reset();
                K(tempForm).remove(true);
                var doc = K.iframeDoc(iframe),
                    pre = doc.getElementsByTagName('pre')[0],
                    str = '',
                    data;
                if(pre) {
                    str = pre.innerHTML;
                } else {
                    str = doc.body.innerHTML;
                }
                str = _unescape(str);
                iframe[0].src = 'javascript:false';
                try {
                    data = K.json(str);
                } catch(e) {
                    self.options.afterError.call(self, '<!doctype html><html>' + doc.body.parentNode.innerHTML + '</html>');
                }
                if(data) {
                    self.options.afterUpload.call(self, data);
                }
            });
            self.form[0].submit();
            return self;
        },
        remove: function() {
            var self = this;
            if(self.fileBox) {
                self.fileBox.unbind();
            }
            self.iframe.remove();
            self.div.remove();
            self.button.show();
            return self;
        }
    });

    function _uploadbutton(options) {
        return new KUploadButton(options);
    }
    K.UploadButtonClass = KUploadButton;
    K.uploadbutton = _uploadbutton;

    function _createButton(arg) {
        arg = arg || {};
        var name = arg.name || '',
            span = K('<span class="ke-button-common ke-button-outer" title="' + name + '"></span>'),
            btn = K('<input class="ke-button-common ke-button" type="button" value="' + name + '" />');
        if(arg.click) {
            btn.click(arg.click);
        }
        span.append(btn);
        return span;
    }

    function KDialog(options) {
        this.init(options);
    }
    _extend(KDialog, KWidget, {
        init: function(options) {
            var self = this;
            var shadowMode = _undef(options.shadowMode, true);
            options.z = options.z || 811213;
            options.shadowMode = false;
            options.autoScroll = _undef(options.autoScroll, true);
            KDialog.parent.init.call(self, options);
            var title = options.title,
                body = K(options.body, self.doc),
                previewBtn = options.previewBtn,
                yesBtn = options.yesBtn,
                noBtn = options.noBtn,
                closeBtn = options.closeBtn,
                showMask = _undef(options.showMask, true);
            self.div.addClass('ke-dialog').bind('click,mousedown', function(e) {
                e.stopPropagation();
            });
            var contentDiv = K('<div class="ke-dialog-content"></div>').appendTo(self.div);
            if(_IE && _V < 7) {
                self.iframeMask = K('<iframe src="about:blank" class="ke-dialog-shadow"></iframe>').appendTo(self.div);
            } else if(shadowMode) {
                K('<div class="ke-dialog-shadow"></div>').appendTo(self.div);
            }
            var headerDiv = K('<div class="ke-dialog-header"></div>');
            contentDiv.append(headerDiv);
            headerDiv.html(title);
            self.closeIcon = K('<span class="ke-dialog-icon-close" title="' + closeBtn.name + '"></span>').click(closeBtn.click);
            headerDiv.append(self.closeIcon);
            self.draggable({
                clickEl: headerDiv,
                beforeDrag: options.beforeDrag
            });
            var bodyDiv = K('<div class="ke-dialog-body"></div>');
            contentDiv.append(bodyDiv);
            bodyDiv.append(body);
            var footerDiv = K('<div class="ke-dialog-footer"></div>');
            if(previewBtn || yesBtn || noBtn) {
                contentDiv.append(footerDiv);
            }
            _each([{
                btn: previewBtn,
                name: 'preview'
            }, {
                btn: yesBtn,
                name: 'yes'
            }, {
                btn: noBtn,
                name: 'no'
            }], function() {
                if(this.btn) {
                    var button = _createButton(this.btn);
                    button.addClass('ke-dialog-' + this.name);
                    footerDiv.append(button);
                }
            });
            if(self.height) {
                bodyDiv.height(_removeUnit(self.height) - headerDiv.height() - footerDiv.height());
            }
            self.div.width(self.div.width());
            self.div.height(self.div.height());
            self.mask = null;
            if(showMask) {
                var docEl = _docElement(self.doc),
                    docWidth = Math.max(docEl.scrollWidth, docEl.clientWidth),
                    docHeight = Math.max(docEl.scrollHeight, docEl.clientHeight);
                self.mask = _widget({
                    x: 0,
                    y: 0,
                    z: self.z - 1,
                    cls: 'ke-dialog-mask',
                    width: docWidth,
                    height: docHeight
                });
            }
            self.autoPos(self.div.width(), self.div.height());
            self.footerDiv = footerDiv;
            self.bodyDiv = bodyDiv;
            self.headerDiv = headerDiv;
            self.isLoading = false;
        },
        setMaskIndex: function(z) {
            var self = this;
            self.mask.div.css('z-index', z);
        },
        showLoading: function(msg) {
            msg = _undef(msg, '');
            var self = this,
                body = self.bodyDiv;
            self.loading = K('<div class="ke-dialog-loading"><div class="ke-inline-block ke-dialog-loading-content" style="margin-top:' + Math.round(body.height() / 3) + 'px;">' + msg + '</div></div>')
                .width(body.width()).height(body.height())
                .css('top', self.headerDiv.height() + 'px');
            body.css('visibility', 'hidden').after(self.loading);
            self.isLoading = true;
            return self;
        },
        hideLoading: function() {
            this.loading && this.loading.remove();
            this.bodyDiv.css('visibility', 'visible');
            this.isLoading = false;
            return this;
        },
        remove: function() {
            var self = this;
            if(self.options.beforeRemove) {
                self.options.beforeRemove.call(self);
            }
            self.mask && self.mask.remove();
            self.iframeMask && self.iframeMask.remove();
            self.closeIcon.unbind();
            K('input', self.div).unbind();
            K('button', self.div).unbind();
            self.footerDiv.unbind();
            self.bodyDiv.unbind();
            self.headerDiv.unbind();
            K('iframe', self.div).each(function() {
                K(this).remove();
            });
            KDialog.parent.remove.call(self);
            return self;
        }
    });

    function _dialog(options) {
        return new KDialog(options);
    }
    K.DialogClass = KDialog;
    K.dialog = _dialog;

    function _tabs(options) {
        var self = _widget(options),
            remove = self.remove,
            afterSelect = options.afterSelect,
            div = self.div,
            liList = [];
        div.addClass('ke-tabs')
            .bind('contextmenu,mousedown,mousemove', function(e) {
                e.preventDefault();
            });
        var ul = K('<ul class="ke-tabs-ul ke-clearfix"></ul>');
        div.append(ul);
        self.add = function(tab) {
            var li = K('<li class="ke-tabs-li">' + tab.title + '</li>');
            li.data('tab', tab);
            liList.push(li);
            ul.append(li);
        };
        self.selectedIndex = 0;
        self.select = function(index) {
            self.selectedIndex = index;
            _each(liList, function(i, li) {
                li.unbind();
                if(i === index) {
                    li.addClass('ke-tabs-li-selected');
                    K(li.data('tab').panel).show('');
                } else {
                    li.removeClass('ke-tabs-li-selected').removeClass('ke-tabs-li-on')
                        .mouseover(function() {
                            K(this).addClass('ke-tabs-li-on');
                        })
                        .mouseout(function() {
                            K(this).removeClass('ke-tabs-li-on');
                        })
                        .click(function() {
                            self.select(i);
                        });
                    K(li.data('tab').panel).hide();
                }
            });
            if(afterSelect) {
                afterSelect.call(self, index);
            }
        };
        self.remove = function() {
            _each(liList, function() {
                this.remove();
            });
            ul.remove();
            remove.call(self);
        };
        return self;
    }
    K.tabs = _tabs;

    function _loadScript(url, fn) {
        var head = document.getElementsByTagName('head')[0] || (_QUIRKS ? document.body : document.documentElement),
            script = document.createElement('script');
        head.appendChild(script);
        script.src = url;
        script.charset = 'utf-8';
        script.onload = script.onreadystatechange = function() {
            if(!this.readyState || this.readyState === 'loaded') {
                if(fn) {
                    fn();
                }
                script.onload = script.onreadystatechange = null;
                head.removeChild(script);
            }
        };
    }

    function _chopQuery(url) {
        var index = url.indexOf('?');
        return index > 0 ? url.substr(0, index) : url;
    }

    function _loadStyle(url) {
        var head = document.getElementsByTagName('head')[0] || (_QUIRKS ? document.body : document.documentElement),
            link = document.createElement('link'),
            absoluteUrl = _chopQuery(_formatUrl(url, 'absolute'));
        var links = K('link[rel="stylesheet"]', head);
        for(var i = 0, len = links.length; i < len; i++) {
            if(_chopQuery(_formatUrl(links[i].href, 'absolute')) === absoluteUrl) {
                return;
            }
        }
        head.appendChild(link);
        link.href = url;
        link.rel = 'stylesheet';
    }

    function _ajax(url, fn, method, param, dataType) {
        method = method || 'GET';
        dataType = dataType || 'json';
        var xhr = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
        xhr.open(method, url, true);
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200) {
                if(fn) {
                    var data = _trim(xhr.responseText);
                    if(dataType == 'json') {
                        data = _json(data);
                    }
                    fn(data);
                }
            }
        };
        if(method == 'POST') {
            var params = [];
            _each(param, function(key, val) {
                params.push(encodeURIComponent(key) + '=' + encodeURIComponent(val));
            });
            try {
                xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            } catch(e) {}
            xhr.send(params.join('&'));
        } else {
            xhr.send(null);
        }
    }
    K.loadScript = _loadScript;
    K.loadStyle = _loadStyle;
    K.ajax = _ajax;
    var _plugins = {};

    function _plugin(name, fn) {
        if(name === undefined) {
            return _plugins;
        }
        if(!fn) {
            return _plugins[name];
        }
        _plugins[name] = fn;
    }
    var _language = {};

    function _parseLangKey(key) {
        var match, ns = 'core';
        if((match = /^(\w+)\.(\w+)$/.exec(key))) {
            ns = match[1];
            key = match[2];
        }
        return {
            ns: ns,
            key: key
        };
    }

    function _lang(mixed, langType) {
        langType = langType === undefined ? K.options.langType : langType;
        if(typeof mixed === 'string') {
            if(!_language[langType]) {
                return 'no language';
            }
            var pos = mixed.length - 1;
            if(mixed.substr(pos) === '.') {
                return _language[langType][mixed.substr(0, pos)];
            }
            var obj = _parseLangKey(mixed);
            return _language[langType][obj.ns][obj.key];
        }
        _each(mixed, function(key, val) {
            var obj = _parseLangKey(key);
            if(!_language[langType]) {
                _language[langType] = {};
            }
            if(!_language[langType][obj.ns]) {
                _language[langType][obj.ns] = {};
            }
            _language[langType][obj.ns][obj.key] = val;
        });
    }

    function _getImageFromRange(range, fn) {
        if(range.collapsed) {
            return;
        }
        range = range.cloneRange().up();
        var sc = range.startContainer,
            so = range.startOffset;
        if(!_WEBKIT && !range.isControl()) {
            return;
        }
        var img = K(sc.childNodes[so]);
        if(!img || img.name != 'img') {
            return;
        }
        if(fn(img)) {
            return img;
        }
    }

    function _bindContextmenuEvent() {
        var self = this,
            doc = self.edit.doc;
        K(doc).contextmenu(function(e) {
            if(self.menu) {
                self.hideMenu();
            }
            if(!self.useContextmenu) {
                e.preventDefault();
                return;
            }
            if(self._contextmenus.length === 0) {
                return;
            }
            var maxWidth = 0,
                items = [];
            _each(self._contextmenus, function() {
                if(this.title == '-') {
                    items.push(this);
                    return;
                }
                if(this.cond && this.cond()) {
                    items.push(this);
                    if(this.width && this.width > maxWidth) {
                        maxWidth = this.width;
                    }
                }
            });
            while(items.length > 0 && items[0].title == '-') {
                items.shift();
            }
            while(items.length > 0 && items[items.length - 1].title == '-') {
                items.pop();
            }
            var prevItem = null;
            var filterItems = [];
            _each(items, function(i) {
                if (!prevItem || !(prevItem.title === '-' && this.title === '-')) {
                    filterItems.push(this);
                    prevItem = this;
                }
            });
            items = filterItems;
            if(items.length > 0) {
                e.preventDefault();
                var pos = K(self.edit.iframe).pos(),
                    menu = _menu({
                        x: pos.x + e.clientX,
                        y: pos.y + e.clientY,
                        width: maxWidth,
                        css: {
                            visibility: 'hidden'
                        },
                        shadowMode: self.shadowMode
                    });
                _each(items, function() {
                    if(this.title) {
                        menu.addItem(this);
                    }
                });
                var docEl = _docElement(menu.doc),
                    menuHeight = menu.div.height();
                if(e.clientY + menuHeight >= docEl.clientHeight - 100) {
                    menu.pos(menu.x, _removeUnit(menu.y) - menuHeight);
                }
                menu.div.css('visibility', 'visible');
                self.menu = menu;
            }
        });
    }

    function _bindNewlineEvent() {
        var self = this,
            doc = self.edit.doc,
            newlineTag = self.newlineTag;
        if(_IE && newlineTag !== 'br') {
            return;
        }
        if(_GECKO && _V < 3 && newlineTag !== 'p') {
            return;
        }
        if(_OPERA && _V < 9) {
            return;
        }
        var brSkipTagMap = _toMap('h1,h2,h3,h4,h5,h6,pre,li'),
            pSkipTagMap = _toMap('p,h1,h2,h3,h4,h5,h6,pre,li,blockquote');

        function getAncestorTagName(range) {
            var ancestor = K(range.commonAncestor());
            while(ancestor) {
                if(ancestor.type == 1 && !ancestor.isStyle()) {
                    break;
                }
                ancestor = ancestor.parent();
            }
            return ancestor.name;
        }
        K(doc).keydown(function(e) {
            if(e.which != 13 || e.shiftKey || e.ctrlKey || e.altKey) {
                return;
            }
            self.cmd.selection();
            var tagName = getAncestorTagName(self.cmd.range);
            if(tagName == 'marquee' || tagName == 'select') {
                return;
            }
            if(newlineTag === 'br' && !brSkipTagMap[tagName]) {
                e.preventDefault();
                self.insertHtml('<br />' + (_IE && _V < 9 ? '' : '\u200B'));
                return;
            }
            if(!pSkipTagMap[tagName]) {
                _nativeCommand(doc, 'formatblock', '<p>');
            }
        });
        K(doc).keyup(function(e) {
            if(e.which != 13 || e.shiftKey || e.ctrlKey || e.altKey) {
                return;
            }
            if(newlineTag == 'br') {
                return;
            }
            if(_GECKO) {
                var root = self.cmd.commonAncestor('p');
                var a = self.cmd.commonAncestor('a');
                if(a && a.text() == '') {
                    a.remove(true);
                    self.cmd.range.selectNodeContents(root[0]).collapse(true);
                    self.cmd.select();
                }
                return;
            }
            self.cmd.selection();
            var tagName = getAncestorTagName(self.cmd.range);
            if(tagName == 'marquee' || tagName == 'select') {
                return;
            }
            if(!pSkipTagMap[tagName]) {
                _nativeCommand(doc, 'formatblock', '<p>');
            }

            // see fix: [Chrome] 在 Chrome 上添加标题之后换行 JS 报错 https://github.com/kindsoft/kindeditor/commit/6e2d34e740e76c597cc56f99706d5dc706ed6e6a
            // var div = self.cmd.commonAncestor('div');
            // if(div) {
            //     var p = K('<p></p>'),
            //         child = div[0].firstChild;
            //     while(child) {
            //         var next = child.nextSibling;
            //         p.append(child);
            //         child = next;
            //     }
            //     div.before(p);
            //     div.remove();
            //     self.cmd.range.selectNodeContents(p[0]);
            //     self.cmd.select();
            // }
        });
    }

    function _bindTabEvent() {
        var self = this,
            doc = self.edit.doc;
        K(doc).keydown(function(e) {
            if(e.which == 9) {
                e.preventDefault();
                if(self.afterTab) {
                    var tabResult = self.afterTab.call(self, e);
                    // 如果 afterTab 回调函数返回值为 true，则视为已经处理 tab 键操作，否则继续执行原始 tab 操作
                    if (tabResult === true) return;
                }
                var cmd = self.cmd,
                    range = cmd.range;
                range.shrink();
                if(range.collapsed && range.startContainer.nodeType == 1) {
                    range.insertNode(K('@&nbsp;', doc)[0]);
                    cmd.select();
                }
                self.insertHtml('&nbsp;&nbsp;&nbsp;&nbsp;');
            }
        });
    }

    function _bindFocusEvent() {
        var self = this;
        K(self.edit.textarea[0], self.edit.win).focus(function(e) {
            if(self.afterFocus) {
                self.afterFocus.call(self, e);
            }
        }).blur(function(e) {
            if(self.afterBlur) {
                self.afterBlur.call(self, e);
            }
        });
    }

    function _removeBookmarkTag(html) {
        return _trim(html.replace(/<span [^>]*id="?__kindeditor_bookmark_\w+_\d+__"?[^>]*><\/span>/ig, ''));
    }

    function _removeTempTag(html) {
        return html.replace(/<div[^>]+class="?__kindeditor_paste__"?[^>]*>[\s\S]*?<\/div>/ig, '');
    }

    function _addBookmarkToStack(stack, bookmark) {
        if(stack.length === 0) {
            stack.push(bookmark);
            return;
        }
        var prev = stack[stack.length - 1];
        if(_removeBookmarkTag(bookmark.html) !== _removeBookmarkTag(prev.html)) {
            stack.push(bookmark);
        }
    }

    function _undoToRedo(fromStack, toStack) {
        var self = this,
            edit = self.edit,
            body = edit.doc.body,
            range, bookmark;
        if(fromStack.length === 0) {
            return self;
        }
        if(edit.designMode) {
            range = self.cmd.range;
            bookmark = range.createBookmark(true);
            bookmark.html = body.innerHTML;
        } else {
            bookmark = {
                html: body.innerHTML
            };
        }
        _addBookmarkToStack(toStack, bookmark);
        var prev = fromStack.pop();
        if(_removeBookmarkTag(bookmark.html) === _removeBookmarkTag(prev.html) && fromStack.length > 0) {
            prev = fromStack.pop();
        }
        if(edit.designMode) {
            edit.html(prev.html);
            if(prev.start) {
                range.moveToBookmark(prev);
                self.select();
            }
        } else {
            K(body).html(_removeBookmarkTag(prev.html));
        }
        return self;
    }

    function KEditor(options) {
        var self = this;
        self.options = {};

        function setOption(key, val) {
            if(KEditor.prototype[key] === undefined) {
                self[key] = val;
            }
            self.options[key] = val;
        }
        _each(options, function(key, val) {
            setOption(key, options[key]);
        });
        _each(K.options, function(key, val) {
            if(self[key] === undefined) {
                setOption(key, val);
            }
        });
        var se = K(self.srcElement || '<textarea/>');
        if(!self.width) {
            self.width = se[0].style.width || se.width();
        }
        if(!self.height) {
            self.height = se[0].style.height || se.height();
        }
        setOption('width', _undef(self.width, self.minWidth));
        setOption('height', _undef(self.height, self.minHeight));
        setOption('width', _addUnit(self.width));
        setOption('height', _addUnit(self.height));
        if(_MOBILE && (!_IOS || _V < 534)) {
            self.designMode = false;
        }
        self.srcElement = se;
        self.initContent = '';
        self.plugin = {};
        self.isCreated = false;
        self._handlers = {};
        self._contextmenus = [];
        self._undoStack = [];
        self._redoStack = [];
        self._firstAddBookmark = true;
        self.menu = self.contextmenu = null;
        self.dialogs = [];
    }
    KEditor.prototype = {
        lang: function(mixed) {
            return _lang(mixed, this.langType);
        },
        loadPlugin: function(name, fn) {
            var self = this;
            if(_plugins[name]) {
                if(!_isFunction(_plugins[name])) {
                    setTimeout(function() {
                        self.loadPlugin(name, fn);
                    }, 100);
                    return self;
                }
                _plugins[name].call(self, KindEditor);
                if(fn) {
                    fn.call(self);
                }
                return self;
            }
            _plugins[name] = 'loading';
            _loadScript(self.pluginsPath + name + '/' + name + '.js?ver=' + encodeURIComponent(K.DEBUG ? _TIME : _VERSION), function() {
                setTimeout(function() {
                    if(_plugins[name]) {
                        self.loadPlugin(name, fn);
                    }
                }, 0);
            });
            return self;
        },
        handler: function(key, fn) {
            var self = this;
            if(!self._handlers[key]) {
                self._handlers[key] = [];
            }
            if(_isFunction(fn)) {
                self._handlers[key].push(fn);
                return self;
            }
            _each(self._handlers[key], function() {
                fn = this.call(self, fn);
            });
            return fn;
        },
        clickToolbar: function(name, fn) {
            var self = this,
                key = 'clickToolbar' + name;
            if(fn === undefined) {
                if(self._handlers[key]) {
                    return self.handler(key);
                }
                self.loadPlugin(name, function() {
                    self.handler(key);
                });
                return self;
            }
            return self.handler(key, fn);
        },
        updateState: function() {
            var self = this;
            _each(('justifyleft,justifycenter,justifyright,justifyfull,insertorderedlist,insertunorderedlist,' +
                'subscript,superscript,bold,italic,underline,strikethrough').split(','), function(i, name) {
                self.cmd.state(name) ? self.toolbar.select(name) : self.toolbar.unselect(name);
            });
            return self;
        },
        addContextmenu: function(item) {
            this._contextmenus.push(item);
            return this;
        },
        afterCreate: function(fn) {
            return this.handler('afterCreate', fn);
        },
        beforeRemove: function(fn) {
            return this.handler('beforeRemove', fn);
        },
        beforeGetHtml: function(fn) {
            return this.handler('beforeGetHtml', fn);
        },
        beforeSetHtml: function(fn) {
            return this.handler('beforeSetHtml', fn);
        },
        afterSetHtml: function(fn) {
            return this.handler('afterSetHtml', fn);
        },
        create: function() {
            var self = this,
                fullscreenMode = self.fullscreenMode;
            if(self.isCreated) {
                return self;
            }
            if(self.srcElement.data('kindeditor')) {
                return self;
            }
            self.srcElement.data('kindeditor', 'true');
            if(fullscreenMode) {
                _docElement().style.overflow = 'hidden';
            } else {
                _docElement().style.overflow = '';
            }
            var width = fullscreenMode ? _docElement().clientWidth + 'px' : self.width,
                height = fullscreenMode ? _docElement().clientHeight + 'px' : self.height;
            if((_IE && _V < 8) || _QUIRKS) {
                height = _addUnit(_removeUnit(height) + 2);
            }
            var container = self.container = K(self.layout);
            if(fullscreenMode) {
                K(document.body).append(container);
            } else {
                self.srcElement.before(container);
            }
            var toolbarDiv = K('.toolbar', container),
                editDiv = K('.edit', container),
                statusbar = self.statusbar = K('.statusbar', container);
            container.removeClass('container')
                .addClass('ke-container ke-container-' + self.themeType).css('width', width);
            if(fullscreenMode) {
                container.css({
                    position: 'absolute',
                    left: 0,
                    top: 0,
                    'z-index': 811211
                });
                if(!_GECKO) {
                    self._scrollPos = _getScrollPos();
                }
                window.scrollTo(0, 0);
                K(document.body).css({
                    'height': '1px',
                    'overflow': 'hidden'
                });
                K(document.body.parentNode).css('overflow', 'hidden');
                self._fullscreenExecuted = true;
            } else {
                if(self._fullscreenExecuted) {
                    K(document.body).css({
                        'height': '',
                        'overflow': ''
                    });
                    K(document.body.parentNode).css('overflow', '');
                }
                if(self._scrollPos) {
                    window.scrollTo(self._scrollPos.x, self._scrollPos.y);
                }
            }
            var htmlList = [];
            K.each(self.items, function(i, name) {
                if(name == '|') {
                    htmlList.push('<span class="ke-inline-block ke-separator"></span>');
                } else if(name == '/') {
                    htmlList.push('<div class="ke-hr"></div>');
                } else {
                    htmlList.push('<span class="ke-outline" data-name="' + name + '" title="' + self.lang(name) + '" unselectable="on">');
                    htmlList.push('<span class="ke-toolbar-icon ke-toolbar-icon-url ke-icon-' + name + '" unselectable="on"></span></span>');
                }
            });
            var toolbar = self.toolbar = _toolbar({
                src: toolbarDiv,
                html: htmlList.join(''),
                noDisableItems: self.noDisableItems,
                click: function(e, name) {
                    e.stop();
                    if(self.menu) {
                        var menuName = self.menu.name;
                        self.hideMenu();
                        if(menuName === name) {
                            return;
                        }
                    }
                    self.clickToolbar(name);
                }
            });
            var editHeight = _removeUnit(height) - toolbar.div.height();
            var edit = self.edit = _edit({
                height: editHeight > 0 && _removeUnit(height) > self.minHeight ? editHeight : self.minHeight,
                src: editDiv,
                srcElement: self.srcElement,
                designMode: self.designMode,
                themesPath: self.themesPath,
                bodyClass: self.bodyClass,
                cssPath: self.cssPath,
                cssData: self.cssData,
                beforeGetHtml: function(html) {
                    html = self.beforeGetHtml(html);
                    html = _removeBookmarkTag(_removeTempTag(html));
                    return _formatHtml(html, self.filterMode ? self.htmlTags : null, self.urlType, self.wellFormatMode, self.indentChar, self.simpleWrap);
                },
                beforeSetHtml: function(html) {
                    html = _formatHtml(html, self.filterMode ? self.htmlTags : null, '', false);
                    return self.beforeSetHtml(html);
                },
                afterSetHtml: function() {
                    self.edit = edit = this;
                    self.afterSetHtml();
                },
                afterCreate: function() {
                    self.edit = edit = this;
                    self.cmd = edit.cmd;
                    self._docMousedownFn = function(e) {
                        if(self.menu) {
                            self.hideMenu();
                        }
                    };
                    K(edit.doc, document).mousedown(self._docMousedownFn);
                    _bindContextmenuEvent.call(self);
                    _bindNewlineEvent.call(self);
                    _bindTabEvent.call(self);
                    _bindFocusEvent.call(self);
                    edit.afterChange(function(e) {
                        if(!edit.designMode) {
                            return;
                        }
                        self.updateState();
                        self.addBookmark();
                        if(self.options.afterChange) {
                            self.options.afterChange.call(self);
                        }
                    });
                    edit.textarea.keyup(function(e) {
                        if(!e.ctrlKey && !e.altKey && _INPUT_KEY_MAP[e.which]) {
                            if(self.options.afterChange) {
                                self.options.afterChange.call(self);
                            }
                        }
                    });
                    if(self.readonlyMode) {
                        self.readonly();
                    }
                    self.isCreated = true;
                    if(self.initContent === '') {
                        self.initContent = self.html();
                    }
                    if(self._undoStack.length > 0) {
                        var prev = self._undoStack.pop();
                        if(prev.start) {
                            self.html(prev.html);
                            edit.cmd.range.moveToBookmark(prev);
                            self.select();
                        }
                    }
                    self.afterCreate();
                    if(self.options.afterCreate) {
                        self.options.afterCreate.call(self);
                    }

                    self.container.removeClass('ke-loading');
                }
            });
            // statusbar.removeClass('statusbar').addClass('ke-statusbar')
            //     .append('<span class="ke-inline-block ke-statusbar-center-icon"></span>')
            //     .append('<span class="ke-inline-block ke-statusbar-right-icon"></span>');
            statusbar.removeClass('statusbar').addClass('ke-statusbar')
                .append('<i class="ke-statusbar-resize-icon"></i>');
            if(self._fullscreenResizeHandler) {
                K(window).unbind('resize', self._fullscreenResizeHandler);
                self._fullscreenResizeHandler = null;
            }

            function initResize() {
                if(statusbar.height() === 0) {
                    setTimeout(initResize, 100);
                    return;
                }
                self.resize(width, height, false);
            }
            initResize();
            if(fullscreenMode) {
                self._fullscreenResizeHandler = function(e) {
                    if(self.isCreated) {
                        self.resize(_docElement().clientWidth, _docElement().clientHeight, false);
                    }
                };
                K(window).bind('resize', self._fullscreenResizeHandler);
                toolbar.select('fullscreen');
                // statusbar.first().css('visibility', 'hidden');
                // statusbar.last().css('visibility', 'hidden');
            } else {
                if(_GECKO) {
                    K(window).bind('scroll', function(e) {
                        self._scrollPos = _getScrollPos();
                    });
                }
                if(self.resizeType > 0) {
                    _drag({
                        moveEl: container,
                        clickEl: statusbar,
                        moveFn: function(x, y, width, height, diffX, diffY) {
                            height += diffY;
                            self.resize(null, height);
                        }
                    });
                } else {
                    // statusbar.first().css('visibility', 'hidden');
                }
                if(self.resizeType === 2) {
                    _drag({
                        moveEl: container,
                        clickEl: statusbar.last(),
                        moveFn: function(x, y, width, height, diffX, diffY) {
                            width += diffX;
                            height += diffY;
                            self.resize(width, height);
                        }
                    });
                } else {
                    // statusbar.last().css('visibility', 'hidden');
                }
            }
            return self;
        },
        remove: function() {
            var self = this;
            if(!self.isCreated) {
                return self;
            }
            self.beforeRemove();
            self.srcElement.data('kindeditor', '');
            if(self.menu) {
                self.hideMenu();
            }
            _each(self.dialogs, function() {
                self.hideDialog();
            });
            K(document).unbind('mousedown', self._docMousedownFn);
            self.toolbar.remove();
            self.edit.remove();
            self.statusbar.last().unbind();
            self.statusbar.unbind();
            self.container.remove();
            self.container = self.toolbar = self.edit = self.menu = null;
            self.dialogs = [];
            self.isCreated = false;
            return self;
        },
        resize: function(width, height, updateProp) {
            var self = this;
            updateProp = _undef(updateProp, true);
            if(width) {
                if(!/%/.test(width)) {
                    width = _removeUnit(width);
                    width = width < self.minWidth ? self.minWidth : width;
                }
                self.container.css('width', _addUnit(width));
                if(updateProp) {
                    self.width = _addUnit(width);
                }
            }
            if(height) {
                height = _removeUnit(height);
                editHeight = _removeUnit(height) - self.toolbar.div.height() - self.statusbar.height();
                editHeight = editHeight < self.minHeight ? self.minHeight : editHeight;
                self.edit.setHeight(editHeight);
                if(updateProp) {
                    self.height = _addUnit(height);
                }
            }
            return self;
        },
        select: function() {
            this.isCreated && this.cmd.select();
            return this;
        },
        html: function(val) {
            var self = this;
            if(val === undefined) {
                return self.isCreated ? self.edit.html() : _elementVal(self.srcElement);
            }
            self.isCreated ? self.edit.html(val) : _elementVal(self.srcElement, val);
            if(self.isCreated) {
                self.cmd.selection();
            }
            return self;
        },
        fullHtml: function() {
            return this.isCreated ? this.edit.html(undefined, true) : '';
        },
        text: function(val) {
            var self = this;
            if(val === undefined) {
                return _trim(self.html().replace(/<(?!img|embed).*?>/ig, '').replace(/&nbsp;/ig, ' '));
            } else {
                return self.html(_escape(val));
            }
        },
        isEmpty: function() {
            return _trim(this.text().replace(/\r\n|\n|\r/, '')) === '';
        },
        isDirty: function() {
            return _trim(this.initContent.replace(/\r\n|\n|\r|t/g, '')) !== _trim(this.html().replace(/\r\n|\n|\r|t/g, ''));
        },
        selectedHtml: function() {
            var val = this.isCreated ? this.cmd.range.html() : '';
            val = _removeBookmarkTag(_removeTempTag(val));
            return val;
        },
        count: function(mode) {
            var self = this;
            mode = (mode || 'html').toLowerCase();
            if(mode === 'html') {
                return self.html().length;
            }
            if(mode === 'text') {
                return self.text().replace(/<(?:img|embed).*?>/ig, 'K').replace(/\r\n|\n|\r/g, '').length;
            }
            return 0;
        },
        exec: function(key) {
            key = key.toLowerCase();
            var self = this,
                cmd = self.cmd,
                changeFlag = _inArray(key, 'selectall,copy,paste,print'.split(',')) < 0;
            if(changeFlag) {
                self.addBookmark(false);
            }
            cmd[key].apply(cmd, _toArray(arguments, 1));
            if(changeFlag) {
                self.updateState();
                self.addBookmark(false);
                if(self.options.afterChange) {
                    self.options.afterChange.call(self);
                }
            }
            return self;
        },
        insertHtml: function(val, quickMode) {
            if(!this.isCreated) {
                return this;
            }
            val = this.beforeSetHtml(val);
            this.exec('inserthtml', val, quickMode);
            return this;
        },
        appendHtml: function(val) {
            this.html(this.html() + val);
            if(this.isCreated) {
                var cmd = this.cmd;
                cmd.range.selectNodeContents(cmd.doc.body).collapse(false);
                cmd.select();
            }
            return this;
        },
        sync: function() {
            _elementVal(this.srcElement, this.html());
            return this;
        },
        focus: function() {
            this.isCreated ? this.edit.focus() : this.srcElement[0].focus();
            return this;
        },
        blur: function() {
            this.isCreated ? this.edit.blur() : this.srcElement[0].blur();
            return this;
        },
        addBookmark: function(checkSize) {
            checkSize = _undef(checkSize, true);
            var self = this,
                edit = self.edit,
                body = edit.doc.body,
                html = _removeTempTag(body.innerHTML),
                bookmark;
            if(checkSize && self._undoStack.length > 0) {
                var prev = self._undoStack[self._undoStack.length - 1];
                if(Math.abs(html.length - _removeBookmarkTag(prev.html).length) < self.minChangeSize) {
                    return self;
                }
            }
            if(edit.designMode && !self._firstAddBookmark) {
                var range = self.cmd.range;
                bookmark = range.createBookmark(true);
                bookmark.html = _removeTempTag(body.innerHTML);
                range.moveToBookmark(bookmark);
            } else {
                bookmark = {
                    html: html
                };
            }
            self._firstAddBookmark = false;
            _addBookmarkToStack(self._undoStack, bookmark);
            return self;
        },
        undo: function() {
            return _undoToRedo.call(this, this._undoStack, this._redoStack);
        },
        redo: function() {
            return _undoToRedo.call(this, this._redoStack, this._undoStack);
        },
        fullscreen: function(bool) {
            this.fullscreenMode = (bool === undefined ? !this.fullscreenMode : bool);
            this.addBookmark(false);
            return this.remove().create();
        },
        readonly: function(isReadonly) {
            isReadonly = _undef(isReadonly, true);
            var self = this,
                edit = self.edit,
                doc = edit.doc;
            if(self.designMode) {
                self.toolbar.disableAll(isReadonly, []);
            } else {
                _each(self.noDisableItems, function() {
                    self.toolbar[isReadonly ? 'disable' : 'enable'](this);
                });
            }
            if(_IE) {
                doc.body.contentEditable = !isReadonly;
            } else {
                doc.designMode = isReadonly ? 'off' : 'on';
            }
            edit.textarea[0].disabled = isReadonly;
        },
        createMenu: function(options) {
            var self = this,
                name = options.name,
                knode = self.toolbar.get(name),
                pos = knode.pos();
            options.x = pos.x;
            options.y = pos.y + knode.height();
            options.z = self.options.zIndex;
            options.shadowMode = _undef(options.shadowMode, self.shadowMode);
            if(options.selectedColor !== undefined) {
                options.cls = 'ke-colorpicker-' + self.themeType;
                options.noColor = self.lang('noColor');
                self.menu = _colorpicker(options);
            } else {
                options.cls = 'ke-menu-' + self.themeType;
                options.centerLineMode = false;
                self.menu = _menu(options);
            }
            return self.menu;
        },
        hideMenu: function() {
            this.menu.remove();
            this.menu = null;
            return this;
        },
        hideContextmenu: function() {
            this.contextmenu.remove();
            this.contextmenu = null;
            return this;
        },
        createDialog: function(options) {
            var self = this,
                name = options.name;
            options.z = self.options.zIndex;
            options.shadowMode = _undef(options.shadowMode, self.shadowMode);
            options.closeBtn = _undef(options.closeBtn, {
                name: self.lang('close'),
                click: function(e) {
                    self.hideDialog();
                    if(_IE && self.cmd) {
                        self.cmd.select();
                    }
                }
            });
            options.noBtn = _undef(options.noBtn, {
                name: self.lang(options.yesBtn ? 'no' : 'close'),
                click: function(e) {
                    self.hideDialog();
                    if(_IE && self.cmd) {
                        self.cmd.select();
                    }
                }
            });
            if(self.dialogAlignType != 'page') {
                options.alignEl = self.container;
            }
            options.cls = 'ke-dialog-' + self.themeType;
            if(self.dialogs.length > 0) {
                var firstDialog = self.dialogs[0],
                    parentDialog = self.dialogs[self.dialogs.length - 1];
                firstDialog.setMaskIndex(parentDialog.z + 2);
                options.z = parentDialog.z + 3;
                options.showMask = false;
            }
            var dialog = _dialog(options);
            self.dialogs.push(dialog);
            return dialog;
        },
        hideDialog: function() {
            var self = this;
            if(self.dialogs.length > 0) {
                self.dialogs.pop().remove();
            }
            if(self.dialogs.length > 0) {
                var firstDialog = self.dialogs[0],
                    parentDialog = self.dialogs[self.dialogs.length - 1];
                firstDialog.setMaskIndex(parentDialog.z - 1);
            }
            return self;
        },
        errorDialog: function(html) {
            var self = this;
            var dialog = self.createDialog({
                width: 750,
                title: self.lang('uploadError'),
                body: '<div style="padding:10px 20px;"><iframe frameborder="0" style="width:708px;height:400px;"></iframe></div>'
            });
            var iframe = K('iframe', dialog.div),
                doc = K.iframeDoc(iframe);
            doc.open();
            doc.write(html);
            doc.close();
            K(doc.body).css('background-color', '#FFF');
            iframe[0].contentWindow.focus();
            return self;
        }
    };

    function _editor(options) {
        return new KEditor(options);
    }
    _instances = [];

    function _create(expr, options) {
        options = options || {};
        options.basePath = _undef(options.basePath, K.basePath);
        options.themesPath = _undef(options.themesPath, options.basePath + 'themes/');
        options.langPath = _undef(options.langPath, options.basePath + 'lang/');
        options.pluginsPath = _undef(options.pluginsPath, options.basePath + 'plugins/');

        if(_undef(options.loadStyleMode, K.options.loadStyleMode)) {
            _loadStyle(_undef(options.styleCssPath, options.basePath + '/kindeditor.min.css'));
            var themeType = _undef(options.themeType, K.options.themeType);
            if (themeType && themeType !== 'default') {
                _loadStyle(options.themesPath + themeType + '/' + themeType + '.css');
            }
        }

        function create(editor) {
            _each(_plugins, function(name, fn) {
                if(_isFunction(fn)) {
                    fn.call(editor, KindEditor);
                }
            });
            return editor.create();
        }
        var knode = K(expr);
        if(!knode || knode.length === 0) {
            return;
        }
        if(knode.length > 1) {
            knode.each(function() {
                _create(this, options);
            });
            return _instances[0];
        }
        options.srcElement = knode[0];
        var editor = new KEditor(options);
        _instances.push(editor);
        if(_language[editor.langType]) {
            return create(editor);
        }
        _loadScript(editor.langPath + editor.langType + '.js?ver=' + encodeURIComponent(K.DEBUG ? _TIME : _VERSION), function() {
            create(editor);
        });

        // todo: Check plugins directory

        return editor;
    }

    function _eachEditor(expr, fn) {
        K(expr).each(function(i, el) {
            K.each(_instances, function(j, editor) {
                if(editor && editor.srcElement[0] == el) {
                    fn.call(editor, j);
                    return false;
                }
            });
        });
    }
    K.remove = function(expr) {
        _eachEditor(expr, function(i) {
            this.remove();
            _instances.splice(i, 1);
        });
    };
    K.sync = function(expr) {
        _eachEditor(expr, function() {
            this.sync();
        });
    };
    K.html = function(expr, val) {
        _eachEditor(expr, function() {
            this.html(val);
        });
    };
    K.insertHtml = function(expr, val) {
        _eachEditor(expr, function() {
            this.insertHtml(val);
        });
    };
    K.appendHtml = function(expr, val) {
        _eachEditor(expr, function() {
            this.appendHtml(val);
        });
    };
    if(_IE && _V < 7) {
        _nativeCommand(document, 'BackgroundImageCache', true);
    }
    K.EditorClass = KEditor;
    K.editor = _editor;
    K.create = _create;
    K.instances = _instances;
    K.plugin = _plugin;
    K.lang = _lang;
    _plugin('core', function(K) {
        var self = this,
            shortcutKeys = {
                undo: 'Z',
                redo: 'Y',
                bold: 'B',
                italic: 'I',
                underline: 'U',
                print: 'P',
                selectall: 'A'
            };
        self.afterSetHtml(function() {
            if(self.options.afterChange) {
                self.options.afterChange.call(self);
            }
        });
        self.afterCreate(function() {
            if(self.syncType != 'form') {
                return;
            }
            var el = K(self.srcElement),
                hasForm = false;
            while((el = el.parent())) {
                if(el.name == 'form') {
                    hasForm = true;
                    break;
                }
            }
            if(hasForm) {
                el.bind('submit', function(e) {
                    self.sync();
                    K(window).bind('unload', function() {
                        self.edit.textarea.remove();
                    });
                });
                var resetBtn = K('[type="reset"]', el);
                resetBtn.click(function() {
                    self.html(self.initContent);
                    self.cmd.selection();
                });
                self.beforeRemove(function() {
                    el.unbind();
                    resetBtn.unbind();
                });
            }
        });
        self.clickToolbar('source', function() {
            if(self.edit.designMode) {
                self.toolbar.disableAll(true);
                self.edit.design(false);
                self.toolbar.select('source');
            } else {
                self.toolbar.disableAll(false);
                self.edit.design(true);
                self.toolbar.unselect('source');
                if(_GECKO) {
                    setTimeout(function() {
                        self.cmd.selection();
                    }, 0);
                } else {
                    self.cmd.selection();
                }
            }
            self.designMode = self.edit.designMode;
        });
        self.afterCreate(function() {
            if(!self.designMode) {
                self.toolbar.disableAll(true).select('source');
            }
        });
        self.clickToolbar('fullscreen', function() {
            self.fullscreen();
        });
        if(self.fullscreenShortcut) {
            var loaded = false;
            self.afterCreate(function() {
                K(self.edit.doc, self.edit.textarea).keyup(function(e) {
                    if(e.which == 27) {
                        setTimeout(function() {
                            self.fullscreen();
                        }, 0);
                    }
                });
                if(loaded) {
                    if(_IE && !self.designMode) {
                        return;
                    }
                    self.focus();
                }
                if(!loaded) {
                    loaded = true;
                }
            });
        }
        _each('undo,redo'.split(','), function(i, name) {
            if(shortcutKeys[name]) {
                self.afterCreate(function() {
                    _ctrl(this.edit.doc, shortcutKeys[name], function() {
                        self.clickToolbar(name);
                    });
                });
            }
            self.clickToolbar(name, function() {
                self[name]();
            });
        });
        self.clickToolbar('formatblock', function() {
            var blocks = self.lang('formatblock.formatBlock'),
                heights = {
                    h1: 28,
                    h2: 24,
                    h3: 18,
                    H4: 14,
                    p: 12
                },
                curVal = self.cmd.val('formatblock'),
                menu = self.createMenu({
                    name: 'formatblock',
                    width: self.langType == 'en' ? 200 : 150
                });
            _each(blocks, function(key, val) {
                var style = 'font-size:' + heights[key] + 'px;';
                if(key.charAt(0) === 'h') {
                    style += 'font-weight:bold;';
                }
                menu.addItem({
                    title: '<span style="' + style + '" unselectable="on">' + val + '</span>',
                    height: heights[key] + 12,
                    checked: (curVal === key || curVal === val),
                    click: function() {
                        self.select().exec('formatblock', '<' + key + '>').hideMenu();
                    }
                });
            });
        });
        self.clickToolbar('fontname', function() {
            var curVal = self.cmd.val('fontname'),
                menu = self.createMenu({
                    name: 'fontname',
                    width: 150
                });
            _each(self.lang('fontname.fontName'), function(key, val) {
                menu.addItem({
                    title: '<span style="font-family: ' + key + ';" unselectable="on">' + val + '</span>',
                    checked: (curVal === key.toLowerCase() || curVal === val.toLowerCase()),
                    click: function() {
                        self.exec('fontname', key).hideMenu();
                    }
                });
            });
        });
        self.clickToolbar('fontsize', function() {
            var curVal = self.cmd.val('fontsize'),
                menu = self.createMenu({
                    name: 'fontsize',
                    width: 150
                });
            _each(self.fontSizeTable, function(i, val) {
                menu.addItem({
                    title: '<span style="font-size:' + val + ';" unselectable="on">' + val + '</span>',
                    height: _removeUnit(val) + 12,
                    checked: curVal === val,
                    click: function() {
                        self.exec('fontsize', val).hideMenu();
                    }
                });
            });
        });
        _each('forecolor,hilitecolor'.split(','), function(i, name) {
            self.clickToolbar(name, function() {
                self.createMenu({
                    name: name,
                    selectedColor: self.cmd.val(name) || 'default',
                    colors: self.colorTable,
                    click: function(color) {
                        self.exec(name, color).hideMenu();
                    }
                });
            });
        });
        _each(('cut,copy,paste').split(','), function(i, name) {
            self.clickToolbar(name, function() {
                self.focus();
                try {
                    self.exec(name, null);
                } catch(e) {
                    alert(self.lang(name + 'Error'));
                }
            });
        });
        self.clickToolbar('about', function() {
            var html = '<div style="margin:20px;">' +
                '<div>KindEditor ' + _VERSION + '</div>' +
                '<div>Copyright &copy; <a href="http://www.kindsoft.net/" target="_blank">kindsoft.net</a> All rights reserved.</div>' +
                '</div>';
            self.createDialog({
                name: 'about',
                width: 350,
                title: self.lang('about'),
                body: html
            });
        });
        self.plugin.getSelectedLink = function() {
            return self.cmd.commonAncestor('a');
        };
        self.plugin.getSelectedImage = function() {
            return _getImageFromRange(self.edit.cmd.range, function(img) {
                return !/^ke-\w+$/i.test(img[0].className);
            });
        };
        self.plugin.getSelectedFlash = function() {
            return _getImageFromRange(self.edit.cmd.range, function(img) {
                return img[0].className == 'ke-flash';
            });
        };
        self.plugin.getSelectedMedia = function() {
            return _getImageFromRange(self.edit.cmd.range, function(img) {
                return img[0].className == 'ke-media' || img[0].className == 'ke-video' || img[0].className == 'ke-audio';
            });
        };
        self.plugin.getSelectedAnchor = function() {
            return _getImageFromRange(self.edit.cmd.range, function(img) {
                return img[0].className == 'ke-anchor';
            });
        };
        _each('link,image,flash,media,anchor'.split(','), function(i, name) {
            var uName = name.charAt(0).toUpperCase() + name.substr(1);
            _each('edit,delete'.split(','), function(j, val) {
                self.addContextmenu({
                    title: self.lang(val + uName),
                    click: function() {
                        self.loadPlugin(name, function() {
                            self.plugin[name][val]();
                            self.hideMenu();
                        });
                    },
                    cond: self.plugin['getSelected' + uName],
                    width: 150,
                    iconClass: val == 'edit' ? 'ke-icon-' + name : undefined
                });
            });
            self.addContextmenu({
                title: '-'
            });
        });

        self.addContextmenu({
            title: '-'
        });
        _each(('selectall,justifyleft,justifycenter,justifyright,justifyfull,insertorderedlist,' +
            'insertunorderedlist,indent,outdent,subscript,superscript,hr,print,' +
            'bold,italic,underline,strikethrough,removeformat,unlink').split(','), function(i, name) {
            if(shortcutKeys[name]) {
                self.afterCreate(function() {
                    _ctrl(this.edit.doc, shortcutKeys[name], function() {
                        self.cmd.selection();
                        self.clickToolbar(name);
                    });
                });
            }
            self.clickToolbar(name, function() {
                self.focus().exec(name, null);
            });
        });
        self.afterCreate(function() {
            var doc = self.edit.doc,
                cmd, bookmark, div,
                cls = '__kindeditor_paste__',
                pasting = false;

            function movePastedData() {
                cmd.range.moveToBookmark(bookmark);
                cmd.select();
                if(_WEBKIT) {
                    K('div.' + cls, div).each(function() {
                        K(this).after('<br />').remove(true);
                    });
                    K('span.Apple-style-span', div).remove(true);
                    K('span.Apple-tab-span', div).remove(true);
                    K('span[style]', div).each(function() {
                        if(K(this).css('white-space') == 'nowrap') {
                            K(this).remove(true);
                        }
                    });
                    K('meta', div).remove();
                }
                var html = div[0].innerHTML;
                div.remove();
                if(html === '') {
                    return;
                }
                if(_WEBKIT) {
                    html = html.replace(/(<br>)\1/ig, '$1');
                }
                if(self.pasteType === 2) {
                    html = html.replace(/(<(?:p|p\s[^>]*)>) *(<\/p>)/ig, '');
                    if(/schemas-microsoft-com|worddocument|mso-\w+/i.test(html)) {
                        html = _clearMsWord(html, self.filterMode ? self.htmlTags : K.options.htmlTags);
                    } else {
                        html = _formatHtml(html, self.filterMode ? self.htmlTags : null);
                        html = self.beforeSetHtml(html);
                    }
                }
                if(self.pasteType === 1) {
                    html = html.replace(/&nbsp;/ig, ' ');
                    html = html.replace(/\n\s*\n/g, '\n');
                    html = html.replace(/<br[^>]*>/ig, '\n');
                    html = html.replace(/<\/p><p[^>]*>/ig, '\n');
                    html = html.replace(/<[^>]+>/g, '');
                    html = html.replace(/ {2}/g, ' &nbsp;');
                    if(self.newlineTag == 'p') {
                        if(/\n/.test(html)) {
                            html = html.replace(/^/, '<p>').replace(/$/, '<br /></p>').replace(/\n/g, '<br /></p><p>');
                        }
                    } else {
                        html = html.replace(/\n/g, '<br />$&');
                    }
                }
                self.insertHtml(html, true);
            }
            K(doc.body).bind('paste', function(e) {
                if(self.pasteType === 0) {
                    e.stop();
                    return;
                }
                if(pasting) {
                    return;
                }
                pasting = true;
                K('div.' + cls, doc).remove();
                cmd = self.cmd.selection();
                bookmark = cmd.range.createBookmark();
                div = K('<div class="' + cls + '"></div>', doc).css({
                    position: 'absolute',
                    width: '1px',
                    height: '1px',
                    overflow: 'hidden',
                    left: '-1981px',
                    top: K(bookmark.start).pos().y + 'px',
                    'white-space': 'nowrap'
                });
                K(doc.body).append(div);
                if(_IE) {
                    var rng = cmd.range.get(true);
                    rng.moveToElementText(div[0]);
                    rng.select();
                    rng.execCommand('paste');
                    e.preventDefault();
                } else {
                    cmd.range.selectNodeContents(div[0]);
                    cmd.select();
                    div[0].tabIndex = -1;
				    div[0].focus();
                }
                setTimeout(function() {
                    movePastedData();
                    pasting = false;
                }, 0);
            });
        });
        self.beforeGetHtml(function(html) {
            if(_IE && _V <= 8) {
                html = html.replace(/<div\s+[^>]*data-ke-input-tag="([^"]*)"[^>]*>([\s\S]*?)<\/div>/ig, function(full, tag) {
                    return unescape(tag);
                });
                html = html.replace(/(<input)((?:\s+[^>]*)?>)/ig, function($0, $1, $2) {
                    if(!/\s+type="[^"]+"/i.test($0)) {
                        return $1 + ' type="text"' + $2;
                    }
                    return $0;
                });
            }
            return html.replace(/(<(?:noscript|noscript\s[^>]*)>)([\s\S]*?)(<\/noscript>)/ig, function($0, $1, $2, $3) {
                    return $1 + _unescape($2).replace(/\s+/g, ' ') + $3;
                })
                .replace(/<img[^>]*class="?ke-(media|video|audio)"?[^>]*>/ig, function(full, $1) {
                    var imgAttrs = _getAttrList(full);
                    var styles = _getCssList(imgAttrs.style || '');
                    var attrs = _mediaAttrs(imgAttrs['data-ke-tag']);
                    var width = _undef(styles.width, '');
                    var height = _undef(styles.height, '');
                    if(/px/i.test(width)) {
                        width = _removeUnit(width);
                    }
                    if(/px/i.test(height)) {
                        height = _removeUnit(height);
                    }
                    attrs.width = _undef(imgAttrs.width, width);
                    attrs.height = _undef(imgAttrs.height, height);

                    return _mediaEmbed(attrs, $1);
                })
                .replace(/<img[^>]*class="?ke-anchor"?[^>]*>/ig, function(full) {
                    var imgAttrs = _getAttrList(full);
                    return '<a name="' + unescape(imgAttrs['data-ke-name']) + '"></a>';
                })
                .replace(/<div\s+[^>]*data-ke-script-attr="([^"]*)"[^>]*>([\s\S]*?)<\/div>/ig, function(full, attr, code) {
                    return '<script' + unescape(attr) + '>' + unescape(code) + '</script>';
                })
                .replace(/<div\s+[^>]*data-ke-noscript-attr="([^"]*)"[^>]*>([\s\S]*?)<\/div>/ig, function(full, attr, code) {
                    return '<noscript' + unescape(attr) + '>' + unescape(code) + '</noscript>';
                })
                .replace(/(<[^>]*)data-ke-src="([^"]*)"([^>]*>)/ig, function(full, start, src, end) {
                    full = full.replace(/(\s+(?:href|src)=")[^"]*(")/i, function($0, $1, $2) {
                        return $1 + _unescape(src) + $2;
                    });
                    full = full.replace(/\s+data-ke-src="[^"]*"/i, '');
                    return full;
                })
                .replace(/(<[^>]+\s)data-ke-(on\w+="[^"]*"[^>]*>)/ig, function(full, start, end) {
                    return start + end;
                });
        });
        self.beforeSetHtml(function(html) {
            if(_IE && _V <= 8) {
                html = html.replace(/<input[^>]*>|<(select|button)[^>]*>[\s\S]*?<\/\1>/ig, function(full) {
                    var attrs = _getAttrList(full);
                    var styles = _getCssList(attrs.style || '');
                    if(styles.display == 'none') {
                        return '<div class="ke-display-none" data-ke-input-tag="' + escape(full) + '"></div>';
                    }
                    return full;
                });
            }
            return html.replace(/<embed[^>]*type="([^"]+)"[^>]*>(?:<\/embed>)?/ig, function(full) {
                    var attrs = _getAttrList(full);
                    attrs.src = _undef(attrs.src, '');
                    attrs.width = _undef(attrs.width, 0);
                    attrs.height = _undef(attrs.height, 0);
                    return _mediaImg(self.themesPath + 'common/blank.gif', attrs);
                })
                .replace(/<(video|audio)[^>]*>((\s*<source [^>]*>\s*)*)(?:<\/(video|audio)>)?/ig, function(full, $1, $2) {
                    var attrs = _getAttrList($2 ? full.replace($2, '') : full);
                    if($2) {
                        var srcs = [];
                        $($2).filter('source').each(function() {
                            var $source = $(this);
                            var src = $source.attr('src');
                            var type = $source.attr('type');
                            if(type) src += '#' + type;
                            srcs.push(src);
                        });
                        attrs.src = srcs.join(',');
                    } else {
                        attrs.src = _undef(attrs.src, '');
                    }
                    attrs.width = _undef(attrs.width, 0);
                    attrs.height = _undef(attrs.height, 0);
                    attrs.type = $1;
                    return _mediaImg(self.themesPath + 'common/blank.gif', attrs);
                })
                .replace(/<a[^>]*name="([^"]+)"[^>]*>(?:<\/a>)?/ig, function(full) {
                    var attrs = _getAttrList(full);
                    if(attrs.href !== undefined) {
                        return full;
                    }
                    return '<img class="ke-anchor" src="' + self.themesPath + 'common/anchor.gif" data-ke-name="' + escape(attrs.name) + '" />';
                })
                .replace(/<script([^>]*)>([\s\S]*?)<\/script>/ig, function(full, attr, code) {
                    return '<div class="ke-script" data-ke-script-attr="' + escape(attr) + '">' + escape(code) + '</div>';
                })
                .replace(/<noscript([^>]*)>([\s\S]*?)<\/noscript>/ig, function(full, attr, code) {
                    return '<div class="ke-noscript" data-ke-noscript-attr="' + escape(attr) + '">' + escape(code) + '</div>';
                })
                .replace(/(<[^>]*)(href|src)="([^"]*)"([^>]*>)/ig, function(full, start, key, src, end) {
                    if(full.match(/\sdata-ke-src="[^"]*"/i)) {
                        return full;
                    }
                    full = start + key + '="' + src + '"' + ' data-ke-src="' + _escape(src) + '"' + end;
                    return full;
                })
                .replace(/(<[^>]+\s)(on\w+="[^"]*"[^>]*>)/ig, function(full, start, end) {
                    return start + 'data-ke-' + end;
                })
                .replace(/<table[^>]*\s+border="0"[^>]*>/ig, function(full) {
                    if(full.indexOf('ke-zeroborder') >= 0) {
                        return full;
                    }
                    return _addClassToTag(full, 'ke-zeroborder');
                });
        });
    });
})(window);

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.lang({
    source: 'HTML代码',
    preview: '预览',
    undo: '后退(Ctrl+Z)',
    redo: '前进(Ctrl+Y)',
    cut: '剪切(Ctrl+X)',
    copy: '复制(Ctrl+C)',
    paste: '粘贴(Ctrl+V)',
    plainpaste: '粘贴为无格式文本',
    wordpaste: '从Word粘贴',
    selectall: '全选(Ctrl+A)',
    justifyleft: '左对齐',
    justifycenter: '居中',
    justifyright: '右对齐',
    justifyfull: '两端对齐',
    insertorderedlist: '编号',
    insertunorderedlist: '项目符号',
    indent: '增加缩进',
    outdent: '减少缩进',
    subscript: '下标',
    superscript: '上标',
    formatblock: '段落',
    fontname: '字体',
    fontsize: '文字大小',
    forecolor: '文字颜色',
    hilitecolor: '文字背景',
    bold: '粗体(Ctrl+B)',
    italic: '斜体(Ctrl+I)',
    underline: '下划线(Ctrl+U)',
    strikethrough: '删除线',
    removeformat: '删除格式',
    image: '图片',
    multiimage: '批量图片上传',
    flash: 'Flash',
    media: '视音频',
    table: '表格',
    tablecell: '单元格',
    hr: '插入横线',
    emoticons: '插入表情',
    link: '超级链接',
    unlink: '取消超级链接',
    fullscreen: '全屏显示',
    about: '关于',
    print: '打印(Ctrl+P)',
    filemanager: '文件空间',
    code: '插入程序代码',
    map: 'Google地图',
    baidumap: '百度地图',
    lineheight: '行距',
    clearhtml: '清理HTML代码',
    pagebreak: '插入分页符',
    quickformat: '一键排版',
    insertfile: '插入文件',
    template: '插入模板',
    anchor: '锚点',
    yes: '确定',
    no: '取消',
    close: '关闭',
    editImage: '图片属性',
    deleteImage: '删除图片',
    editFlash: 'Flash属性',
    deleteFlash: '删除Flash',
    editMedia: '视音频属性',
    deleteMedia: '删除视音频',
    editLink: '超级链接属性',
    deleteLink: '取消超级链接',
    editAnchor: '锚点属性',
    deleteAnchor: '删除锚点',
    tableprop: '表格属性',
    tablecellprop: '单元格属性',
    tableinsert: '插入表格',
    tabledelete: '删除表格',
    tablecolinsertleft: '左侧插入列',
    tablecolinsertright: '右侧插入列',
    tablerowinsertabove: '上方插入行',
    tablerowinsertbelow: '下方插入行',
    tablerowmerge: '向下合并单元格',
    tablecolmerge: '向右合并单元格',
    tablerowsplit: '拆分行',
    tablecolsplit: '拆分列',
    tablecoldelete: '删除列',
    tablerowdelete: '删除行',
    noColor: '无颜色',
    pleaseSelectFile: '请选择文件。',
    invalidImg: "请输入有效的URL地址。\n只允许jpg,gif,bmp,png格式。",
    invalidMedia: "请输入有效的URL地址。\n只允许swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb格式。",
    invalidWidth: "宽度必须为数字。",
    invalidHeight: "高度必须为数字。",
    invalidBorder: "边框必须为数字。",
    invalidUrl: "请输入有效的URL地址。",
    invalidRows: '行数为必选项，只允许输入大于0的数字。',
    invalidCols: '列数为必选项，只允许输入大于0的数字。',
    invalidPadding: '边距必须为数字。',
    invalidSpacing: '间距必须为数字。',
    invalidJson: '服务器发生故障。',
    uploadSuccess: '上传成功。',
    cutError: '您的浏览器安全设置不允许使用剪切操作，请使用快捷键(Ctrl+X)来完成。',
    copyError: '您的浏览器安全设置不允许使用复制操作，请使用快捷键(Ctrl+C)来完成。',
    pasteError: '您的浏览器安全设置不允许使用粘贴操作，请使用快捷键(Ctrl+V)来完成。',
    ajaxLoading: '加载中，请稍候 ...',
    uploadLoading: '上传中，请稍候 ...',
    uploadError: '上传错误',
    'plainpaste.comment': '请使用快捷键(Ctrl+V)把内容粘贴到下面的方框里。',
    'wordpaste.comment': '请使用快捷键(Ctrl+V)把内容粘贴到下面的方框里。',
    'code.pleaseInput': '请输入程序代码。',
    'link.url': 'URL',
    'link.linkType': '打开类型',
    'link.newWindow': '新窗口',
    'link.selfWindow': '当前窗口',
    'flash.url': 'URL',
    'flash.width': '宽度',
    'flash.height': '高度',
    'flash.upload': '上传',
    'flash.viewServer': '文件空间',
    'media.url': 'URL',
    'media.urlTip': '多个 URL 使用英文逗号分隔',
    'media.width': '宽度',
    'media.height': '高度',
    'media.autostart': '自动播放',
    'media.upload': '上传',
    'media.viewServer': '文件空间',
    'media.controls': '播放控件',
    'image.remoteImage': '网络图片',
    'image.localImage': '本地上传',
    'image.remoteUrl': '图片地址',
    'image.localUrl': '上传文件',
    'image.size': '图片大小',
    'image.width': '宽',
    'image.height': '高',
    'image.resetSize': '重置大小',
    'image.align': '对齐方式',
    'image.defaultAlign': '默认方式',
    'image.leftAlign': '左对齐',
    'image.rightAlign': '右对齐',
    'image.imgTitle': '图片说明',
    'image.upload': '浏览...',
    'image.viewServer': '图片空间',
    'multiimage.uploadDesc': '允许用户同时上传<%=uploadLimit%>张图片，单张图片容量不超过<%=sizeLimit%>',
    'multiimage.startUpload': '开始上传',
    'multiimage.clearAll': '全部清空',
    'multiimage.insertAll': '全部插入',
    'multiimage.queueLimitExceeded': '文件数量超过限制。',
    'multiimage.fileExceedsSizeLimit': '文件大小超过限制。',
    'multiimage.zeroByteFile': '无法上传空文件。',
    'multiimage.invalidFiletype': '文件类型不正确。',
    'multiimage.unknownError': '发生异常，无法上传。',
    'multiimage.pending': '等待上传',
    'multiimage.uploadError': '上传失败',
    'filemanager.emptyFolder': '空文件夹',
    'filemanager.moveup': '移到上一级文件夹',
    'filemanager.viewType': '显示方式：',
    'filemanager.viewImage': '缩略图',
    'filemanager.listImage': '详细信息',
    'filemanager.orderType': '排序方式：',
    'filemanager.fileName': '名称',
    'filemanager.fileSize': '大小',
    'filemanager.fileType': '类型',
    'insertfile.url': 'URL',
    'insertfile.title': '文件说明',
    'insertfile.upload': '上传',
    'insertfile.viewServer': '文件空间',
    'table.cells': '单元格数',
    'table.rows': '行数',
    'table.cols': '列数',
    'table.size': '大小',
    'table.width': '宽度',
    'table.height': '高度',
    'table.percent': '%',
    'table.px': 'px',
    'table.space': '边距间距',
    'table.padding': '边距',
    'table.spacing': '间距',
    'table.align': '对齐方式',
    'table.textAlign': '水平对齐',
    'table.verticalAlign': '垂直对齐',
    'table.alignDefault': '默认',
    'table.alignLeft': '左对齐',
    'table.alignCenter': '居中',
    'table.alignRight': '右对齐',
    'table.alignTop': '顶部',
    'table.alignMiddle': '中部',
    'table.alignBottom': '底部',
    'table.alignBaseline': '基线',
    'table.border': '边框',
    'table.borderWidth': '边框',
    'table.borderColor': '颜色',
    'table.backgroundColor': '背景颜色',
    'map.address': '地址: ',
    'map.search': '搜索',
    'baidumap.address': '地址: ',
    'baidumap.search': '搜索',
    'baidumap.insertDynamicMap': '插入动态地图',
    'anchor.name': '锚点名称',
    'formatblock.formatBlock': {
        h1: '标题 1',
        h2: '标题 2',
        h3: '标题 3',
        h4: '标题 4',
        p: '正 文'
    },
    'fontname.fontName': {
        'SimSun': '宋体',
        'NSimSun': '新宋体',
        'FangSong_GB2312': '仿宋_GB2312',
        'KaiTi_GB2312': '楷体_GB2312',
        'SimHei': '黑体',
        'Source Han Sans': '思源黑体',
        'Source Han Serif': '思源宋体',
        'Microsoft YaHei': '微软雅黑',
        'Arial': 'Arial',
        'Arial Black': 'Arial Black',
        'Times New Roman': 'Times New Roman',
        'Courier New': 'Courier New',
        'Tahoma': 'Tahoma',
        'Verdana': 'Verdana'
    },
    'lineheight.lineHeight': [{
        '1': '单倍行距'
    }, {
        '1.5': '1.5倍行距'
    }, {
        '2': '2倍行距'
    }, {
        '2.5': '2.5倍行距'
    }, {
        '3': '3倍行距'
    }],
    'template.selectTemplate': '可选模板',
    'template.replaceContent': '替换当前内容',
    'template.fileList': {
        '1.html': '图片和文字',
        '2.html': '表格',
        '3.html': '项目编号'
    }
}, 'zh_CN');

if (window.$ && $.zui && $.zui.getLangData) {
    var langData = $.zui.getLangData('kindeditor');
    if (langData) {
        $.each(langData, function(langName) {
            var data = langData[langName];
            if (langName === 'zh_cn') langName = 'zh_CN';
            else if (langName === 'zh_tw') langName = 'zh_TW';
            KindEditor.lang(data, langName);
        });
    }
}

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('anchor', function(K) {
    var self = this,
        name = 'anchor',
        lang = self.lang(name + '.');
    self.plugin.anchor = {
        edit: function() {
            var html = ['<div style="padding:20px;">',
                '<div class="ke-dialog-row">',
                '<label for="keName">' + lang.name + '</label>',
                '<input class="ke-input-text" type="text" id="keName" name="name" value="" style="width:100px;" />',
                '</div>',
                '</div>'
            ].join('');
            var dialog = self.createDialog({
                name: name,
                width: 300,
                title: self.lang(name),
                body: html,
                yesBtn: {
                    name: self.lang('yes'),
                    click: function(e) {
                        self.insertHtml('<a name="' + nameBox.val() + '">').hideDialog().focus();
                    }
                }
            });
            var div = dialog.div,
                nameBox = K('input[name="name"]', div);
            var img = self.plugin.getSelectedAnchor();
            if(img) {
                nameBox.val(unescape(img.attr('data-ke-name')));
            }
            nameBox[0].focus();
            nameBox[0].select();
        },
        'delete': function() {
            self.plugin.getSelectedAnchor().remove();
        }
    };
    self.clickToolbar(name, self.plugin.anchor.edit);
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('autoheight', function(K) {
    var self = this;

    if(!self.autoHeightMode) {
        return;
    }

    var edit = self.edit;
    var body = edit.doc.body;
    var minHeight = K.removeUnit(self.height);

    edit.iframe[0].scroll = 'no';
    body.style.overflowY = 'hidden';

    function resetHeight() {
        edit.iframe.height(minHeight);
        self.resize(null, Math.max((K.IE ? body.scrollHeight : body.offsetHeight) + 76, minHeight));
    }

    /*
     * 如何实现真正的自动高度？
     * 修改编辑器高度之后，再次获取body内容高度时，最小值只会是当前iframe的设置高度，这样就导致高度只增不减。
     * 所以每次获取body内容高度之前，先将iframe的高度重置为最小高度，这样就能获取body的实际高度。
     * 由此就实现了真正的自动高度
     * 测试：chrome、firefox、IE9、IE8
     * */

    edit.afterChange(resetHeight);

    if(self.isCreated) {
        resetHeight();
    } else {
        self.afterCreate(resetHeight);
    }
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

// Baidu Maps: http://dev.baidu.com/wiki/map/index.php?title=%E9%A6%96%E9%A1%B5

KindEditor.plugin('baidumap', function(K) {
    var self = this,
        name = 'baidumap',
        lang = self.lang(name + '.');
    var ak = self.options.baidumapAk || 'plddmxBud2dRsVAXHS7WLqqzQQTocDkO';
    var mapWidth = K.undef(self.mapWidth, 558);
    var mapHeight = K.undef(self.mapHeight, 360);
    self.clickToolbar(name, function() {
        var html = ['<div style="padding:10px 20px;">',
            '<div class="ke-header">',
            // left start
            '<div class="ke-left">',
            lang.address + ' <input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ',
            '<span class="ke-button-common ke-button-outer">',
            '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" />',
            '</span>',
            '</div>',
            // right start
            '<div class="ke-right" style="margin-top: 2px">',
            '<input type="checkbox" id="keInsertDynamicMap" name="insertDynamicMap" value="1" style="margin-top: 2px" /> <label for="keInsertDynamicMap">' + lang.insertDynamicMap + '</label>',
            '</div>',
            '<div class="ke-clearfix"></div>',
            '</div>',
            '<div class="ke-map" style="width:' + mapWidth + 'px;height:' + mapHeight + 'px;"></div>',
            '</div>'
        ].join('');
        var dialog = self.createDialog({
            name: name,
            width: mapWidth + 42,
            title: self.lang(name),
            body: html,
            yesBtn: {
                name: self.lang('yes'),
                click: function(e) {
                    var map = win.map;
                    var centerObj = map.getCenter();
                    var center = centerObj.lng + ',' + centerObj.lat;
                    var zoom = map.getZoom();
                    var url = [checkbox[0].checked ? self.pluginsPath + 'baidumap/index.html?ak=' + ak : 'http://api.map.baidu.com/staticimage/v2?ak=' + ak,
                        '&center=' + encodeURIComponent(center),
                        '&zoom=' + encodeURIComponent(zoom),
                        '&width=' + mapWidth,
                        '&height=' + mapHeight,
                        '&markers=' + encodeURIComponent(center),
                        '&markerStyles=' + encodeURIComponent('l,A')
                    ].join('');
                    if(checkbox[0].checked) {
                        self.insertHtml('<iframe src="' + url + '" frameborder="0" style="width:' + (mapWidth + 2) + 'px;height:' + (mapHeight + 2) + 'px;"></iframe>');
                    } else {
                        self.exec('insertimage', url);
                    }
                    self.hideDialog().focus();
                }
            },
            beforeRemove: function() {
                searchBtn.remove();
                if(doc) {
                    doc.write('');
                }
                iframe.remove();
            }
        });
        var div = dialog.div,
            addressBox = K('[name="address"]', div),
            searchBtn = K('[name="searchBtn"]', div),
            checkbox = K('[name="insertDynamicMap"]', dialog.div),
            win, doc;
        var iframe = K('<iframe class="ke-textarea" frameborder="0" src="' + self.pluginsPath + 'baidumap/map.html?ak=' + ak + '" style="width:' + mapWidth + 'px;height:' + mapHeight + 'px;"></iframe>');

        function ready() {
            win = iframe[0].contentWindow;
            doc = K.iframeDoc(iframe);
        }
        iframe.bind('load', function() {
            iframe.unbind('load');
            if(K.IE) {
                ready();
            } else {
                setTimeout(ready, 0);
            }
        });
        K('.ke-map', div).replaceWith(iframe);
        // search map
        searchBtn.click(function() {
            win.search(addressBox.val());
        });
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('clearhtml', function(K) {
    var self = this,
        name = 'clearhtml';
    self.clickToolbar(name, function() {
        self.focus();
        var html = self.html();
        html = html.replace(/(<script[^>]*>)([\s\S]*?)(<\/script>)/ig, '');
        html = html.replace(/(<style[^>]*>)([\s\S]*?)(<\/style>)/ig, '');
        html = K.formatHtml(html, {
            a: ['href', 'target'],
            embed: ['src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess'],
            img: ['src', 'width', 'height', 'border', 'alt', 'title', '.width', '.height'],
            table: ['border'],
            'td,th': ['rowspan', 'colspan'],
            'div,hr,br,tbody,tr,p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6': []
        });
        self.html(html);
        self.cmd.selection(true);
        self.addBookmark();
    });
});
/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

// google code prettify: http://google-code-prettify.googlecode.com/
// http://google-code-prettify.googlecode.com/

KindEditor.plugin('code', function(K) {
    var self = this,
        name = 'code';
    self.clickToolbar(name, function() {
        var lang = self.lang(name + '.'),
            html = ['<div style="padding:10px 20px;">',
                '<div class="ke-dialog-row">',
                '<select class="ke-code-type">',
                '<option value="js">JavaScript</option>',
                '<option value="html">HTML</option>',
                '<option value="css">CSS</option>',
                '<option value="php">PHP</option>',
                '<option value="pl">Perl</option>',
                '<option value="py">Python</option>',
                '<option value="rb">Ruby</option>',
                '<option value="java">Java</option>',
                '<option value="vb">ASP/VB</option>',
                '<option value="cpp">C/C++</option>',
                '<option value="cs">C#</option>',
                '<option value="xml">XML</option>',
                '<option value="bsh">Shell</option>',
                '<option value="">Other</option>',
                '</select>',
                '</div>',
                '<textarea class="ke-textarea" style="width:408px;height:260px;"></textarea>',
                '</div>'
            ].join(''),
            dialog = self.createDialog({
                name: name,
                width: 450,
                title: self.lang(name),
                body: html,
                yesBtn: {
                    name: self.lang('yes'),
                    click: function(e) {
                        var type = K('.ke-code-type', dialog.div).val(),
                            code = textarea.val(),
                            cls = type === '' ? '' : ' lang-' + type,
                            html = '<pre class="prettyprint' + cls + '">\n' + K.escape(code) + '</pre> ';
                        if(K.trim(code) === '') {
                            alert(lang.pleaseInput);
                            textarea[0].focus();
                            return;
                        }
                        self.insertHtml(html).hideDialog().focus();
                    }
                }
            }),
            textarea = K('textarea', dialog.div);
        textarea[0].focus();
    });
});
/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('emoticons', function(K) {
    var self = this,
        name = 'emoticons',
        path = (self.emoticonsPath || self.pluginsPath + 'emoticons/images/'),
        allowPreview = self.allowPreviewEmoticons === undefined ? true : self.allowPreviewEmoticons,
        currentPageNum = 1;
    self.clickToolbar(name, function() {
        var rows = 5,
            cols = 9,
            total = 135,
            startNum = 0,
            cells = rows * cols,
            pages = Math.ceil(total / cells),
            colsHalf = Math.floor(cols / 2),
            wrapperDiv = K('<div class="ke-plugin-emoticons"></div>'),
            elements = [],
            menu = self.createMenu({
                name: name,
                beforeRemove: function() {
                    removeEvent();
                }
            });
        menu.div.append(wrapperDiv);
        var previewDiv, previewImg;
        if(allowPreview) {
            previewDiv = K('<div class="ke-preview"></div>').css('right', 0);
            previewImg = K('<img class="ke-preview-img" src="' + path + startNum + '.gif" />');
            wrapperDiv.append(previewDiv);
            previewDiv.append(previewImg);
        }

        function bindCellEvent(cell, j, num) {
            if(previewDiv) {
                cell.mouseover(function() {
                    if(j > colsHalf) {
                        previewDiv.css('left', 0);
                        previewDiv.css('right', '');
                    } else {
                        previewDiv.css('left', '');
                        previewDiv.css('right', 0);
                    }
                    previewImg.attr('src', path + num + '.gif');
                    K(this).addClass('ke-on');
                });
            } else {
                cell.mouseover(function() {
                    K(this).addClass('ke-on');
                });
            }
            cell.mouseout(function() {
                K(this).removeClass('ke-on');
            });
            cell.click(function(e) {
                self.insertHtml('<img src="' + path + num + '.gif" border="0" alt="" />').hideMenu().focus();
                e.stop();
            });
        }

        function createEmoticonsTable(pageNum, parentDiv) {
            var table = document.createElement('table');
            parentDiv.append(table);
            if(previewDiv) {
                K(table).mouseover(function() {
                    previewDiv.show('block');
                });
                K(table).mouseout(function() {
                    previewDiv.hide();
                });
                elements.push(K(table));
            }
            table.className = 'ke-table';
            table.cellPadding = 0;
            table.cellSpacing = 0;
            table.border = 0;
            var num = (pageNum - 1) * cells + startNum;
            for(var i = 0; i < rows; i++) {
                var row = table.insertRow(i);
                for(var j = 0; j < cols; j++) {
                    var cell = K(row.insertCell(j));
                    cell.addClass('ke-cell');
                    bindCellEvent(cell, j, num);
                    var span = K('<span class="ke-img"></span>')
                        .css('background-position', '-' + (24 * num) + 'px 0px')
                        .css('background-image', 'url(' + path + 'static.gif)');
                    cell.append(span);
                    elements.push(cell);
                    num++;
                }
            }
            return table;
        }
        var table = createEmoticonsTable(currentPageNum, wrapperDiv);

        function removeEvent() {
            K.each(elements, function() {
                this.unbind();
            });
        }
        var pageDiv;

        function bindPageEvent(el, pageNum) {
            el.click(function(e) {
                removeEvent();
                table.parentNode.removeChild(table);
                pageDiv.remove();
                table = createEmoticonsTable(pageNum, wrapperDiv);
                createPageTable(pageNum);
                currentPageNum = pageNum;
                e.stop();
            });
        }

        function createPageTable(currentPageNum) {
            pageDiv = K('<div class="ke-page"></div>');
            wrapperDiv.append(pageDiv);
            for(var pageNum = 1; pageNum <= pages; pageNum++) {
                if(currentPageNum !== pageNum) {
                    var a = K('<a href="javascript:;">[' + pageNum + ']</a>');
                    bindPageEvent(a, pageNum);
                    pageDiv.append(a);
                    elements.push(a);
                } else {
                    pageDiv.append(K('@[' + pageNum + ']'));
                }
                pageDiv.append(K('@&nbsp;'));
            }
        }
        createPageTable(currentPageNum);
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('filemanager', function(K) {
    var self = this,
        name = 'filemanager',
        fileManagerJson = K.undef(self.fileManagerJson, self.basePath + 'php/file_manager_json.php'),
        imgPath = self.pluginsPath + name + '/images/',
        lang = self.lang(name + '.');

    function makeFileTitle(filename, filesize, datetime) {
        return filename + ' (' + Math.ceil(filesize / 1024) + 'KB, ' + datetime + ')';
    }

    function bindTitle(el, data) {
        if(data.is_dir) {
            el.attr('title', data.filename);
        } else {
            el.attr('title', makeFileTitle(data.filename, data.filesize, data.datetime));
        }
    }
    self.plugin.filemanagerDialog = function(options) {
        var width = K.undef(options.width, 650),
            height = K.undef(options.height, 510),
            dirName = K.undef(options.dirName, ''),
            viewType = K.undef(options.viewType, 'VIEW').toUpperCase(), // "LIST" or "VIEW"
            clickFn = options.clickFn;
        var html = [
            '<div style="padding:10px 20px;">',
            // header start
            '<div class="ke-plugin-filemanager-header">',
            // left start
            '<div class="ke-left">',
            '<img class="ke-inline-block" name="moveupImg" src="' + imgPath + 'go-up.gif" width="16" height="16" border="0" alt="" /> ',
            '<a class="ke-inline-block" name="moveupLink" href="javascript:;">' + lang.moveup + '</a>',
            '</div>',
            // right start
            '<div class="ke-right">',
            lang.viewType + ' <select class="ke-inline-block" name="viewType">',
            '<option value="VIEW">' + lang.viewImage + '</option>',
            '<option value="LIST">' + lang.listImage + '</option>',
            '</select> ',
            lang.orderType + ' <select class="ke-inline-block" name="orderType">',
            '<option value="NAME">' + lang.fileName + '</option>',
            '<option value="SIZE">' + lang.fileSize + '</option>',
            '<option value="TYPE">' + lang.fileType + '</option>',
            '</select>',
            '</div>',
            '<div class="ke-clearfix"></div>',
            '</div>',
            // body start
            '<div class="ke-plugin-filemanager-body"></div>',
            '</div>'
        ].join('');
        var dialog = self.createDialog({
                name: name,
                width: width,
                height: height,
                title: self.lang(name),
                body: html
            }),
            div = dialog.div,
            bodyDiv = K('.ke-plugin-filemanager-body', div),
            moveupImg = K('[name="moveupImg"]', div),
            moveupLink = K('[name="moveupLink"]', div),
            viewServerBtn = K('[name="viewServer"]', div),
            viewTypeBox = K('[name="viewType"]', div),
            orderTypeBox = K('[name="orderType"]', div);

        function reloadPage(path, order, func) {
            var param = 'path=' + path + '&order=' + order + '&dir=' + dirName;
            dialog.showLoading(self.lang('ajaxLoading'));
            K.ajax(K.addParam(fileManagerJson, param + '&' + new Date().getTime()), function(data) {
                dialog.hideLoading();
                func(data);
            });
        }
        var elList = [];

        function bindEvent(el, result, data, createFunc) {
            var fileUrl = K.formatUrl(result.current_url + data.filename, 'absolute'),
                dirPath = encodeURIComponent(result.current_dir_path + data.filename + '/');
            if(data.is_dir) {
                el.click(function(e) {
                    reloadPage(dirPath, orderTypeBox.val(), createFunc);
                });
            } else if(data.is_photo) {
                el.click(function(e) {
                    clickFn.call(this, fileUrl, data.filename);
                });
            } else {
                el.click(function(e) {
                    clickFn.call(this, fileUrl, data.filename);
                });
            }
            elList.push(el);
        }

        function createCommon(result, createFunc) {
            // remove events
            K.each(elList, function() {
                this.unbind();
            });
            moveupLink.unbind();
            viewTypeBox.unbind();
            orderTypeBox.unbind();
            // add events
            if(result.current_dir_path) {
                moveupLink.click(function(e) {
                    reloadPage(result.moveup_dir_path, orderTypeBox.val(), createFunc);
                });
            }

            function changeFunc() {
                if(viewTypeBox.val() == 'VIEW') {
                    reloadPage(result.current_dir_path, orderTypeBox.val(), createView);
                } else {
                    reloadPage(result.current_dir_path, orderTypeBox.val(), createList);
                }
            }
            viewTypeBox.change(changeFunc);
            orderTypeBox.change(changeFunc);
            bodyDiv.html('');
        }

        function createList(result) {
            createCommon(result, createList);
            var table = document.createElement('table');
            table.className = 'ke-table';
            table.cellPadding = 0;
            table.cellSpacing = 0;
            table.border = 0;
            bodyDiv.append(table);
            var fileList = result.file_list;
            for(var i = 0, len = fileList.length; i < len; i++) {
                var data = fileList[i],
                    row = K(table.insertRow(i));
                row.mouseover(function(e) {
                        K(this).addClass('ke-on');
                    })
                    .mouseout(function(e) {
                        K(this).removeClass('ke-on');
                    });
                var iconUrl = imgPath + (data.is_dir ? 'folder-16.gif' : 'file-16.gif'),
                    img = K('<img src="' + iconUrl + '" width="16" height="16" alt="' + data.filename + '" align="absmiddle" />'),
                    cell0 = K(row[0].insertCell(0)).addClass('ke-cell ke-name').append(img).append(document.createTextNode(' ' + data.filename));
                if(!data.is_dir || data.has_file) {
                    row.css('cursor', 'pointer');
                    cell0.attr('title', data.filename);
                    bindEvent(cell0, result, data, createList);
                } else {
                    cell0.attr('title', lang.emptyFolder);
                }
                K(row[0].insertCell(1)).addClass('ke-cell ke-size').html(data.is_dir ? '-' : Math.ceil(data.filesize / 1024) + 'KB');
                K(row[0].insertCell(2)).addClass('ke-cell ke-datetime').html(data.datetime);
            }
        }

        function createView(result) {
            createCommon(result, createView);
            var fileList = result.file_list;
            for(var i = 0, len = fileList.length; i < len; i++) {
                var data = fileList[i],
                    div = K('<div class="ke-inline-block ke-item"></div>');
                bodyDiv.append(div);
                var photoDiv = K('<div class="ke-inline-block ke-photo"></div>')
                    .mouseover(function(e) {
                        K(this).addClass('ke-on');
                    })
                    .mouseout(function(e) {
                        K(this).removeClass('ke-on');
                    });
                div.append(photoDiv);
                var fileUrl = result.current_url + data.filename,
                    iconUrl = data.is_dir ? imgPath + 'folder-64.gif' : (data.is_photo ? fileUrl : imgPath + 'file-64.gif');
                var img = K('<img src="' + iconUrl + '" width="80" height="80" alt="' + data.filename + '" />');
                if(!data.is_dir || data.has_file) {
                    photoDiv.css('cursor', 'pointer');
                    bindTitle(photoDiv, data);
                    bindEvent(photoDiv, result, data, createView);
                } else {
                    photoDiv.attr('title', lang.emptyFolder);
                }
                photoDiv.append(img);
                div.append('<div class="ke-name" title="' + data.filename + '">' + data.filename + '</div>');
            }
        }
        viewTypeBox.val(viewType);
        reloadPage('', orderTypeBox.val(), viewType == 'VIEW' ? createView : createList);
        return dialog;
    }

});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('flash', function(K) {
    var self = this,
        name = 'flash',
        lang = self.lang(name + '.'),
        allowFlashUpload = K.undef(self.allowFlashUpload, true),
        allowFileManager = K.undef(self.allowFileManager, false),
        formatUploadUrl = K.undef(self.formatUploadUrl, true),
        extraParams = K.undef(self.extraFileUploadParams, {}),
        filePostName = K.undef(self.filePostName, 'imgFile'),
        uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
    self.plugin.flash = {
        edit: function() {
            var html = [
                '<div style="padding:20px;">',
                //url
                '<div class="ke-dialog-row">',
                '<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
                '<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> &nbsp;',
                '<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> &nbsp;',
                '<span class="ke-button-common ke-button-outer">',
                '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
                '</span>',
                '</div>',
                //width
                '<div class="ke-dialog-row">',
                '<label for="keWidth" style="width:60px;">' + lang.width + '</label>',
                '<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" /> ',
                '</div>',
                //height
                '<div class="ke-dialog-row">',
                '<label for="keHeight" style="width:60px;">' + lang.height + '</label>',
                '<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" /> ',
                '</div>',
                '</div>'
            ].join('');
            var dialog = self.createDialog({
                    name: name,
                    width: 450,
                    title: self.lang(name),
                    body: html,
                    yesBtn: {
                        name: self.lang('yes'),
                        click: function(e) {
                            var url = K.trim(urlBox.val()),
                                width = widthBox.val(),
                                height = heightBox.val();
                            if(url == 'http://' || K.invalidUrl(url)) {
                                alert(self.lang('invalidUrl'));
                                urlBox[0].focus();
                                return;
                            }
                            if(!/^\d*$/.test(width)) {
                                alert(self.lang('invalidWidth'));
                                widthBox[0].focus();
                                return;
                            }
                            if(!/^\d*$/.test(height)) {
                                alert(self.lang('invalidHeight'));
                                heightBox[0].focus();
                                return;
                            }
                            var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
                                src: url,
                                type: K.mediaType('.swf'),
                                width: width,
                                height: height,
                                quality: 'high'
                            });
                            self.insertHtml(html).hideDialog().focus();
                        }
                    }
                }),
                div = dialog.div,
                urlBox = K('[name="url"]', div),
                viewServerBtn = K('[name="viewServer"]', div),
                widthBox = K('[name="width"]', div),
                heightBox = K('[name="height"]', div);
            urlBox.val('http://');

            if(allowFlashUpload) {
                var uploadbutton = K.uploadbutton({
                    button: K('.ke-upload-button', div)[0],
                    fieldName: filePostName,
                    extraParams: extraParams,
                    url: K.addParam(uploadJson, 'dir=flash'),
                    afterUpload: function(data) {
                        dialog.hideLoading();
                        if(data.error === 0) {
                            var url = data.url;
                            if(formatUploadUrl) {
                                url = K.formatUrl(url, 'absolute');
                            }
                            urlBox.val(url);
                            if(self.afterUpload) {
                                self.afterUpload.call(self, url, data, name);
                            }
                            alert(self.lang('uploadSuccess'));
                        } else {
                            alert(data.message);
                        }
                    },
                    afterError: function(html) {
                        dialog.hideLoading();
                        self.errorDialog(html);
                    }
                });
                uploadbutton.fileBox.change(function(e) {
                    dialog.showLoading(self.lang('uploadLoading'));
                    uploadbutton.submit();
                });
            } else {
                K('.ke-upload-button', div).hide();
            }

            if(allowFileManager) {
                viewServerBtn.click(function(e) {
                    self.loadPlugin('filemanager', function() {
                        self.plugin.filemanagerDialog({
                            viewType: 'LIST',
                            dirName: 'flash',
                            clickFn: function(url, title) {
                                if(self.dialogs.length > 1) {
                                    K('[name="url"]', div).val(url);
                                    if(self.afterSelectFile) {
                                        self.afterSelectFile.call(self, url);
                                    }
                                    self.hideDialog();
                                }
                            }
                        });
                    });
                });
            } else {
                viewServerBtn.hide();
            }

            var img = self.plugin.getSelectedFlash();
            if(img) {
                var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
                urlBox.val(attrs.src);
                widthBox.val(K.removeUnit(img.css('width')) || attrs.width || 0);
                heightBox.val(K.removeUnit(img.css('height')) || attrs.height || 0);
            }
            urlBox[0].focus();
            urlBox[0].select();
        },
        'delete': function() {
            self.plugin.getSelectedFlash().remove();
            // [IE] 删除图片后立即点击图片按钮出错
            self.addBookmark();
        }
    };
    self.clickToolbar(name, self.plugin.flash.edit);
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('image', function(K) {
    var self = this,
        name = 'image',
        allowImageUpload = K.undef(self.allowImageUpload, true),
        allowImageRemote = K.undef(self.allowImageRemote, true),
        formatUploadUrl = K.undef(self.formatUploadUrl, true),
        allowFileManager = K.undef(self.allowFileManager, false),
        uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
        imageTabIndex = K.undef(self.imageTabIndex, 0),
        imgPath = self.pluginsPath + 'image/images/',
        extraParams = K.undef(self.extraFileUploadParams, {}),
        filePostName = K.undef(self.filePostName, 'imgFile'),
        fillDescAfterUploadImage = K.undef(self.fillDescAfterUploadImage, false),
        lang = self.lang(name + '.');

    self.plugin.imageDialog = function(options) {
        var imageUrl = options.imageUrl,
            imageWidth = K.undef(options.imageWidth, ''),
            imageHeight = K.undef(options.imageHeight, ''),
            imageTitle = K.undef(options.imageTitle, ''),
            imageAlign = K.undef(options.imageAlign, ''),
            showRemote = K.undef(options.showRemote, true),
            showLocal = K.undef(options.showLocal, true),
            tabIndex = K.undef(options.tabIndex, 0),
            clickFn = options.clickFn;
        var target = 'kindeditor_upload_iframe_' + new Date().getTime();
        var hiddenElements = [];
        for(var k in extraParams) {
            hiddenElements.push('<input type="hidden" name="' + k + '" value="' + extraParams[k] + '" />');
        }
        var html = [
            '<div style="padding:20px;">',
            //tabs
            '<div class="tabs"></div>',
            //remote image - start
            '<div class="tab1" style="display:none;">',
            //url
            '<div class="ke-dialog-row">',
            '<label for="remoteUrl" style="width:60px;">' + lang.remoteUrl + '</label>',
            '<input type="text" id="remoteUrl" class="ke-input-text" name="url" value="" style="width:200px;" /> &nbsp;',
            '<span class="ke-button-common ke-button-outer">',
            '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
            '</span>',
            '</div>',
            //size
            '<div class="ke-dialog-row">',
            '<label for="remoteWidth" style="width:60px;">' + lang.size + '</label>',
            lang.width + ' <input type="text" id="remoteWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> ',
            lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> ',
            '<img class="ke-refresh-btn" src="' + imgPath + 'refresh.png" width="16" height="16" alt="" style="cursor:pointer;" title="' + lang.resetSize + '" />',
            '</div>',
            //align
            '<div class="ke-dialog-row">',
            '<label style="width:60px;">' + lang.align + '</label>',
            '<input type="radio" name="align" class="ke-inline-block" value="" checked="checked" /> <img name="defaultImg" src="' + imgPath + 'align_top.gif" width="23" height="25" alt="" />',
            ' <input type="radio" name="align" class="ke-inline-block" value="left" /> <img name="leftImg" src="' + imgPath + 'align_left.gif" width="23" height="25" alt="" />',
            ' <input type="radio" name="align" class="ke-inline-block" value="right" /> <img name="rightImg" src="' + imgPath + 'align_right.gif" width="23" height="25" alt="" />',
            '</div>',
            //title
            '<div class="ke-dialog-row">',
            '<label for="remoteTitle" style="width:60px;">' + lang.imgTitle + '</label>',
            '<input type="text" id="remoteTitle" class="ke-input-text" name="title" value="" style="width:200px;" />',
            '</div>',
            '</div>',
            //remote image - end
            //local upload - start
            '<div class="tab2" style="display:none;">',
            '<iframe name="' + target + '" style="display:none;"></iframe>',
            '<form class="ke-upload-area ke-form" method="post" enctype="multipart/form-data" target="' + target + '" action="' + K.addParam(uploadJson, 'dir=image') + '">',
            //file
            '<div class="ke-dialog-row">',
            hiddenElements.join(''),
            '<label style="width:60px;">' + lang.localUrl + '</label>',
            '<input type="text" name="localUrl" class="ke-input-text" tabindex="-1" style="width:200px;" readonly="true" /> &nbsp;',
            '<input type="button" class="ke-upload-button" value="' + lang.upload + '" />',
            '</div>',
            '</form>',
            '</div>',
            //local upload - end
            '</div>'
        ].join('');
        var dialogWidth = showLocal || allowFileManager ? 450 : 400,
            dialogHeight = showLocal && showRemote ? 300 : 250;
        var dialog = self.createDialog({
                name: name,
                width: dialogWidth,
                height: dialogHeight,
                title: self.lang(name),
                body: html,
                yesBtn: {
                    name: self.lang('yes'),
                    click: function(e) {
                        // Bugfix: http://code.google.com/p/kindeditor/issues/detail?id=319
                        if(dialog.isLoading) {
                            return;
                        }
                        // insert local image
                        if(showLocal && showRemote && tabs && tabs.selectedIndex === 1 || !showRemote) {
                            if(uploadbutton.fileBox.val() == '') {
                                alert(self.lang('pleaseSelectFile'));
                                return;
                            }
                            dialog.showLoading(self.lang('uploadLoading'));
                            uploadbutton.submit();
                            localUrlBox.val('');
                            return;
                        }
                        // insert remote image
                        var url = K.trim(urlBox.val()),
                            width = widthBox.val(),
                            height = heightBox.val(),
                            title = titleBox.val(),
                            align = '';
                        alignBox.each(function() {
                            if(this.checked) {
                                align = this.value;
                                return false;
                            }
                        });
                        if(url == 'http://' || K.invalidUrl(url)) {
                            alert(self.lang('invalidUrl'));
                            urlBox[0].focus();
                            return;
                        }
                        if(!/^\d*$/.test(width)) {
                            alert(self.lang('invalidWidth'));
                            widthBox[0].focus();
                            return;
                        }
                        if(!/^\d*$/.test(height)) {
                            alert(self.lang('invalidHeight'));
                            heightBox[0].focus();
                            return;
                        }
                        clickFn.call(self, url, title, width, height, 0, align);
                    }
                },
                beforeRemove: function() {
                    viewServerBtn.unbind();
                    widthBox.unbind();
                    heightBox.unbind();
                    refreshBtn.unbind();
                }
            }),
            div = dialog.div;

        var urlBox = K('[name="url"]', div),
            localUrlBox = K('[name="localUrl"]', div),
            viewServerBtn = K('[name="viewServer"]', div),
            widthBox = K('.tab1 [name="width"]', div),
            heightBox = K('.tab1 [name="height"]', div),
            refreshBtn = K('.ke-refresh-btn', div),
            titleBox = K('.tab1 [name="title"]', div),
            alignBox = K('.tab1 [name="align"]', div);

        var tabs;
        if(showRemote && showLocal) {
            tabs = K.tabs({
                src: K('.tabs', div),
                afterSelect: function(i) {}
            });
            tabs.add({
                title: lang.remoteImage,
                panel: K('.tab1', div)
            });
            tabs.add({
                title: lang.localImage,
                panel: K('.tab2', div)
            });
            tabs.select(tabIndex);
        } else if(showRemote) {
            K('.tab1', div).show();
        } else if(showLocal) {
            K('.tab2', div).show();
        }

        var uploadbutton = K.uploadbutton({
            button: K('.ke-upload-button', div)[0],
            fieldName: filePostName,
            form: K('.ke-form', div),
            target: target,
            width: 70,
            afterUpload: function(data) {
                dialog.hideLoading();
                if(data.error === 0) {
                    var url = data.url;
                    if(formatUploadUrl) {
                        url = K.formatUrl(url, 'absolute');
                    }
                    if(self.afterUpload) {
                        self.afterUpload.call(self, url, data, name);
                    }
                    if(!fillDescAfterUploadImage) {
                        clickFn.call(self, url, data.title, data.width, data.height, data.border, data.align);
                    } else {
                        K(".ke-dialog-row #remoteUrl", div).val(url);
                        K(".ke-tabs-li", div)[0].click();
                        K(".ke-refresh-btn", div).click();
                    }
                } else {
                    alert(data.message);
                }
            },
            afterError: function(html) {
                dialog.hideLoading();
                self.errorDialog(html);
            }
        });
        uploadbutton.fileBox.change(function(e) {
            localUrlBox.val(uploadbutton.fileBox.val());
        });
        if(allowFileManager) {
            viewServerBtn.click(function(e) {
                self.loadPlugin('filemanager', function() {
                    self.plugin.filemanagerDialog({
                        viewType: 'VIEW',
                        dirName: 'image',
                        clickFn: function(url, title) {
                            if(self.dialogs.length > 1) {
                                K('[name="url"]', div).val(url);
                                if(self.afterSelectFile) {
                                    self.afterSelectFile.call(self, url);
                                }
                                self.hideDialog();
                            }
                        }
                    });
                });
            });
        } else {
            viewServerBtn.hide();
        }
        var originalWidth = 0,
            originalHeight = 0;

        function setSize(width, height) {
            widthBox.val(width);
            heightBox.val(height);
            originalWidth = width;
            originalHeight = height;
        }
        refreshBtn.click(function(e) {
            var tempImg = K('<img src="' + urlBox.val() + '" />', document).css({
                position: 'absolute',
                visibility: 'hidden',
                top: 0,
                left: '-1000px'
            });
            tempImg.bind('load', function() {
                setSize(tempImg.width(), tempImg.height());
                tempImg.remove();
            });
            K(document.body).append(tempImg);
        });
        widthBox.change(function(e) {
            if(originalWidth > 0) {
                heightBox.val(Math.round(originalHeight / originalWidth * parseInt(this.value, 10)));
            }
        });
        heightBox.change(function(e) {
            if(originalHeight > 0) {
                widthBox.val(Math.round(originalWidth / originalHeight * parseInt(this.value, 10)));
            }
        });
        urlBox.val(options.imageUrl);
        setSize(options.imageWidth, options.imageHeight);
        titleBox.val(options.imageTitle);
        alignBox.each(function() {
            if(this.value === options.imageAlign) {
                this.checked = true;
                return false;
            }
        });
        if(showRemote && tabIndex === 0) {
            urlBox[0].focus();
            urlBox[0].select();
        }
        return dialog;
    };
    self.plugin.image = {
        edit: function() {
            var img = self.plugin.getSelectedImage();
            self.plugin.imageDialog({
                imageUrl: img ? img.attr('data-ke-src') : 'http://',
                imageWidth: img ? img.width() : '',
                imageHeight: img ? img.height() : '',
                imageTitle: img ? img.attr('title') : '',
                imageAlign: img ? img.attr('align') : '',
                showRemote: allowImageRemote,
                showLocal: allowImageUpload,
                tabIndex: img ? 0 : imageTabIndex,
                clickFn: function(url, title, width, height, border, align) {
                    if(img) {
                        img.attr('src', url);
                        img.attr('data-ke-src', url);
                        img.attr('width', width);
                        img.attr('height', height);
                        img.attr('title', title);
                        img.attr('align', align);
                        img.attr('alt', title);
                    } else {
                        self.exec('insertimage', url, title, width, height, border, align);
                    }
                    // Bugfix: [Firefox] 上传图片后，总是出现正在加载的样式，需要延迟执行hideDialog
                    setTimeout(function() {
                        self.hideDialog().focus();
                    }, 0);
                }
            });
        },
        'delete': function() {
            var target = self.plugin.getSelectedImage();
            if(target.parent().name == 'a') {
                target = target.parent();
            }
            target.remove();
            // [IE] 删除图片后立即点击图片按钮出错
            self.addBookmark();
        }
    };
    self.clickToolbar(name, self.plugin.image.edit);
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('insertfile', function(K) {
    var self = this,
        name = 'insertfile',
        allowFileUpload = K.undef(self.allowFileUpload, true),
        allowFileManager = K.undef(self.allowFileManager, false),
        formatUploadUrl = K.undef(self.formatUploadUrl, true),
        uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
        extraParams = K.undef(self.extraFileUploadParams, {}),
        filePostName = K.undef(self.filePostName, 'imgFile'),
        lang = self.lang(name + '.');
    self.plugin.fileDialog = function(options) {
        var fileUrl = K.undef(options.fileUrl, 'http://'),
            fileTitle = K.undef(options.fileTitle, ''),
            clickFn = options.clickFn;
        var html = [
            '<div style="padding:20px;">',
            '<div class="ke-dialog-row">',
            '<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
            '<input type="text" id="keUrl" name="url" class="ke-input-text" style="width:160px;" /> &nbsp;',
            '<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> &nbsp;',
            '<span class="ke-button-common ke-button-outer">',
            '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
            '</span>',
            '</div>',
            //title
            '<div class="ke-dialog-row">',
            '<label for="keTitle" style="width:60px;">' + lang.title + '</label>',
            '<input type="text" id="keTitle" class="ke-input-text" name="title" value="" style="width:160px;" /></div>',
            '</div>',
            //form end
            '</form>',
            '</div>'
        ].join('');
        var dialog = self.createDialog({
                name: name,
                width: 450,
                title: self.lang(name),
                body: html,
                yesBtn: {
                    name: self.lang('yes'),
                    click: function(e) {
                        var url = K.trim(urlBox.val()),
                            title = titleBox.val();
                        if(url == 'http://' || K.invalidUrl(url)) {
                            alert(self.lang('invalidUrl'));
                            urlBox[0].focus();
                            return;
                        }
                        if(K.trim(title) === '') {
                            title = url;
                        }
                        clickFn.call(self, url, title);
                    }
                }
            }),
            div = dialog.div;

        var urlBox = K('[name="url"]', div),
            viewServerBtn = K('[name="viewServer"]', div),
            titleBox = K('[name="title"]', div);

        if(allowFileUpload) {
            var uploadbutton = K.uploadbutton({
                button: K('.ke-upload-button', div)[0],
                fieldName: filePostName,
                url: K.addParam(uploadJson, 'dir=file'),
                extraParams: extraParams,
                afterUpload: function(data) {
                    dialog.hideLoading();
                    if(data.error === 0) {
                        var url = data.url;
                        if(formatUploadUrl) {
                            url = K.formatUrl(url, 'absolute');
                        }
                        urlBox.val(url);
                        if(self.afterUpload) {
                            self.afterUpload.call(self, url, data, name);
                        }
                        alert(self.lang('uploadSuccess'));
                    } else {
                        alert(data.message);
                    }
                },
                afterError: function(html) {
                    dialog.hideLoading();
                    self.errorDialog(html);
                }
            });
            uploadbutton.fileBox.change(function(e) {
                dialog.showLoading(self.lang('uploadLoading'));
                uploadbutton.submit();
            });
        } else {
            K('.ke-upload-button', div).hide();
        }
        if(allowFileManager) {
            viewServerBtn.click(function(e) {
                self.loadPlugin('filemanager', function() {
                    self.plugin.filemanagerDialog({
                        viewType: 'LIST',
                        dirName: 'file',
                        clickFn: function(url, title) {
                            if(self.dialogs.length > 1) {
                                K('[name="url"]', div).val(url);
                                if(self.afterSelectFile) {
                                    self.afterSelectFile.call(self, url);
                                }
                                self.hideDialog();
                            }
                        }
                    });
                });
            });
        } else {
            viewServerBtn.hide();
        }
        urlBox.val(fileUrl);
        titleBox.val(fileTitle);
        urlBox[0].focus();
        urlBox[0].select();
    };
    self.clickToolbar(name, function() {
        self.plugin.fileDialog({
            clickFn: function(url, title) {
                var html = '<a class="ke-insertfile" href="' + url + '" data-ke-src="' + url + '" target="_blank">' + title + '</a>';
                self.insertHtml(html).hideDialog().focus();
            }
        });
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('lineheight', function(K) {
    var self = this,
        name = 'lineheight',
        lang = self.lang(name + '.');
    self.clickToolbar(name, function() {
        var curVal = '',
            commonNode = self.cmd.commonNode({
                '*': '.line-height'
            });
        if(commonNode) {
            curVal = commonNode.css('line-height');
        }
        var menu = self.createMenu({
            name: name,
            width: 150
        });
        K.each(lang.lineHeight, function(i, row) {
            K.each(row, function(key, val) {
                menu.addItem({
                    title: val,
                    checked: curVal === key,
                    click: function() {
                        self.cmd.toggle('<span style="line-height:' + key + ';"></span>', {
                            span: '.line-height=' + key
                        });
                        self.updateState();
                        self.addBookmark();
                        self.hideMenu();
                    }
                });
            });
        });
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('link', function(K) {
    var self = this,
        name = 'link';
    if (self.plugin.link) return;
    self.plugin.link = {
        edit: function() {
            var lang = self.lang(name + '.'),
                html = '<div style="padding:20px;">' +
                //url
                '<div class="ke-dialog-row">' +
                '<label for="keUrl" style="width:60px;">' + lang.url + '</label>' +
                '<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:260px;" /></div>' +
                //type
                '<div class="ke-dialog-row"">' +
                '<label for="keType" style="width:60px;">' + lang.linkType + '</label>' +
                '<select id="keType" name="type"></select>' +
                '</div>' +
                '</div>',
                dialog = self.createDialog({
                    name: name,
                    width: 450,
                    title: self.lang(name),
                    body: html,
                    yesBtn: {
                        name: self.lang('yes'),
                        click: function(e) {
                            var url = K.trim(urlBox.val());
                            if(url == 'http://' || K.invalidUrl(url)) {
                                alert(self.lang('invalidUrl'));
                                urlBox[0].focus();
                                return;
                            }
                            self.exec('createlink', url, typeBox.val()).hideDialog().focus();
                        }
                    }
                }),
                div = dialog.div,
                urlBox = K('input[name="url"]', div),
                typeBox = K('select[name="type"]', div);
            urlBox.val('http://');
            typeBox[0].options[0] = new Option(lang.newWindow, '_blank');
            typeBox[0].options[1] = new Option(lang.selfWindow, '');
            self.cmd.selection();
            var a = self.plugin.getSelectedLink();
            if(a) {
                self.cmd.range.selectNode(a[0]);
                self.cmd.select();
                urlBox.val(a.attr('data-ke-src'));
                typeBox.val(a.attr('target'));
            }
            urlBox[0].focus();
            urlBox[0].select();
        },
        'delete': function() {
            self.exec('unlink', null);
        }
    };
    self.clickToolbar(name, self.plugin.link.edit);
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

// Google Maps: http://code.google.com/apis/maps/index.html

KindEditor.plugin('map', function(K) {
    var self = this,
        name = 'map',
        lang = self.lang(name + '.');
    self.clickToolbar(name, function() {
        var html = ['<div style="padding:10px 20px;">',
            '<div class="ke-dialog-row">',
            lang.address + ' <input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ',
            '<span class="ke-button-common ke-button-outer">',
            '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" />',
            '</span>',
            '</div>',
            '<div class="ke-map" style="width:558px;height:360px;"></div>',
            '</div>'
        ].join('');
        var dialog = self.createDialog({
            name: name,
            width: 600,
            title: self.lang(name),
            body: html,
            yesBtn: {
                name: self.lang('yes'),
                click: function(e) {
                    var geocoder = win.geocoder,
                        map = win.map,
                        center = map.getCenter().lat() + ',' + map.getCenter().lng(),
                        zoom = map.getZoom(),
                        maptype = map.getMapTypeId(),
                        url = 'http://maps.googleapis.com/maps/api/staticmap';
                    url += '?center=' + encodeURIComponent(center);
                    url += '&zoom=' + encodeURIComponent(zoom);
                    url += '&size=558x360';
                    url += '&maptype=' + encodeURIComponent(maptype);
                    url += '&markers=' + encodeURIComponent(center);
                    url += '&language=' + self.langType;
                    url += '&sensor=false';
                    self.exec('insertimage', url).hideDialog().focus();
                }
            },
            beforeRemove: function() {
                searchBtn.remove();
                if(doc) {
                    doc.write('');
                }
                iframe.remove();
            }
        });
        var div = dialog.div,
            addressBox = K('[name="address"]', div),
            searchBtn = K('[name="searchBtn"]', div),
            win, doc;
        var iframeHtml = ['<!doctype html><html><head>',
            '<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />',
            '<style>',
            ' html { height: 100% }',
            ' body { height: 100%; margin: 0; padding: 0; background-color: #FFF }',
            ' #map_canvas { height: 100% }',
            '</style>',
            '<script src="http://maps.googleapis.com/maps/api/js?sensor=false&language=' + self.langType + '"></script>',
            '<script>',
            'var map, geocoder;',
            'function initialize() {',
            ' var latlng = new google.maps.LatLng(31.230393, 121.473704);',
            ' var options = {',
            '   zoom: 11,',
            '   center: latlng,',
            '   disableDefaultUI: true,',
            '   panControl: true,',
            '   zoomControl: true,',
            '   mapTypeControl: true,',
            '   scaleControl: true,',
            '   streetViewControl: false,',
            '   overviewMapControl: true,',
            '   mapTypeId: google.maps.MapTypeId.ROADMAP',
            ' };',
            ' map = new google.maps.Map(document.getElementById("map_canvas"), options);',
            ' geocoder = new google.maps.Geocoder();',
            ' geocoder.geocode({latLng: latlng}, function(results, status) {',
            '   if (status == google.maps.GeocoderStatus.OK) {',
            '     if (results[3]) {',
            '       parent.document.getElementById("kindeditor_plugin_map_address").value = results[3].formatted_address;',
            '     }',
            '   }',
            ' });',
            '}',
            'function search(address) {',
            ' if (!map) return;',
            ' geocoder.geocode({address : address}, function(results, status) {',
            '   if (status == google.maps.GeocoderStatus.OK) {',
            '     map.setZoom(11);',
            '     map.setCenter(results[0].geometry.location);',
            '     var marker = new google.maps.Marker({',
            '       map: map,',
            '       position: results[0].geometry.location',
            '     });',
            '   } else {',
            '     alert("Invalid address: " + address);',
            '   }',
            ' });',
            '}',
            '</script>',
            '</head>',
            '<body onload="initialize();">',
            '<div id="map_canvas" style="width:100%; height:100%"></div>',
            '</body></html>'
        ].join('\n');
        // TODO：用doc.write(iframeHtml)方式加载时，在IE6上第一次加载报错，暂时使用src方式
        var iframe = K('<iframe class="ke-textarea" frameborder="0" src="' + self.pluginsPath + 'map/map.html" style="width:558px;height:360px;"></iframe>');

        function ready() {
            win = iframe[0].contentWindow;
            doc = K.iframeDoc(iframe);
            //doc.open();
            //doc.write(iframeHtml);
            //doc.close();
        }
        iframe.bind('load', function() {
            iframe.unbind('load');
            if(K.IE) {
                ready();
            } else {
                setTimeout(ready, 0);
            }
        });
        K('.ke-map', div).replaceWith(iframe);
        // search map
        searchBtn.click(function() {
            win.search(addressBox.val());
        });
    });
});
/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('media', function(K) {
    var self = this,
        name = 'media',
        lang = self.lang(name + '.'),
        allowMediaUpload = K.undef(self.allowMediaUpload, true),
        allowFileManager = K.undef(self.allowFileManager, false),
        formatUploadUrl = K.undef(self.formatUploadUrl, true),
        extraParams = K.undef(self.extraFileUploadParams, {}),
        filePostName = K.undef(self.filePostName, 'imgFile'),
        uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
    self.plugin.media = {
        edit: function() {
            var html = [
                '<div style="padding:20px;">',
                //url
                '<div class="ke-dialog-row">',
                '<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
                '<input class="ke-input-text" type="text" id="keUrl" name="url" value="" placeholder="' + lang.urlTip + '" style="width:160px;" /> &nbsp;',
                '<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> &nbsp;',
                '<span class="ke-button-common ke-button-outer">',
                '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
                '</span>',
                '</div>',
                //width
                '<div class="ke-dialog-row">',
                '<label for="keWidth" style="width:60px;">' + lang.width + '</label>',
                '<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" />',
                '</div>',
                //height
                '<div class="ke-dialog-row">',
                '<label for="keHeight" style="width:60px;">' + lang.height + '</label>',
                '<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" />',
                '</div>',
                //controls
                '<div class="ke-dialog-row hidden">',
                '<label for="keControls">' + lang.controls + '</label>',
                '<input type="checkbox" id="keControls" checked name="controls" value="true" /> ',
                '</div>',
                //autostart
                '<div class="ke-dialog-row">',
                '<label for="keAutostart">' + lang.autostart + '</label>',
                '<input type="checkbox" id="keAutostart" name="autostart" value="" /> ',
                '</div>',
                '</div>'
            ].join('');
            var dialog = self.createDialog({
                    name: name,
                    width: 450,
                    height: 240,
                    title: self.lang(name),
                    body: html,
                    yesBtn: {
                        name: self.lang('yes'),
                        click: function(e) {
                            var url = K.trim(urlBox.val()),
                                width = widthBox.val(),
                                height = heightBox.val();
                            if(url == 'http://' || K.invalidUrl(url)) {
                                alert(self.lang('invalidUrl'));
                                urlBox[0].focus();
                                return;
                            }
                            if(!/^\d*$/.test(width)) {
                                alert(self.lang('invalidWidth'));
                                widthBox[0].focus();
                                return;
                            }
                            if(!/^\d*$/.test(height)) {
                                alert(self.lang('invalidHeight'));
                                heightBox[0].focus();
                                return;
                            }
                            var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
                                src: url,
                                type: K.mediaType(url),
                                width: width,
                                height: height,
                                autoplay: !!autostartBox[0].checked,
                                controls: !!controlsBox[0].checked,
                            });
                            self.insertHtml(html).hideDialog().focus();
                        }
                    }
                }),
                div = dialog.div,
                urlBox = K('[name="url"]', div),
                viewServerBtn = K('[name="viewServer"]', div),
                widthBox = K('[name="width"]', div),
                heightBox = K('[name="height"]', div),
                controlsBox = K('[name="controls"]', div),
                autostartBox = K('[name="autostart"]', div);
            urlBox.val('http://');

            if(allowMediaUpload) {
                var uploadbutton = K.uploadbutton({
                    button: K('.ke-upload-button', div)[0],
                    fieldName: filePostName,
                    extraParams: extraParams,
                    url: K.addParam(uploadJson, 'dir=media'),
                    afterUpload: function(data) {
                        dialog.hideLoading();
                        if(data.error === 0) {
                            var url = data.url;
                            if(formatUploadUrl) {
                                url = K.formatUrl(url, 'absolute');
                            }
                            urlBox.val(url);
                            if(self.afterUpload) {
                                self.afterUpload.call(self, url, data, name);
                            }
                            alert(self.lang('uploadSuccess'));
                        } else {
                            alert(data.message);
                        }
                    },
                    afterError: function(html) {
                        dialog.hideLoading();
                        self.errorDialog(html);
                    }
                });
                uploadbutton.fileBox.change(function(e) {
                    dialog.showLoading(self.lang('uploadLoading'));
                    uploadbutton.submit();
                });
            } else {
                K('.ke-upload-button', div).hide();
            }

            if(allowFileManager) {
                viewServerBtn.click(function(e) {
                    self.loadPlugin('filemanager', function() {
                        self.plugin.filemanagerDialog({
                            viewType: 'LIST',
                            dirName: 'media',
                            clickFn: function(url, title) {
                                if(self.dialogs.length > 1) {
                                    K('[name="url"]', div).val(url);
                                    if(self.afterSelectFile) {
                                        self.afterSelectFile.call(self, url);
                                    }
                                    self.hideDialog();
                                }
                            }
                        });
                    });
                });
            } else {
                viewServerBtn.hide();
            }

            var img = self.plugin.getSelectedMedia();
            if(img) {
                var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
                urlBox.val(attrs.src);
                widthBox.val(K.removeUnit(img.css('width')) || attrs.width || 0);
                heightBox.val(K.removeUnit(img.css('height')) || attrs.height || 0);
                autostartBox[0].checked = (attrs.autoplay !== undefined && attrs.autoplay !== 'false');
                controlsBox[0].checked = (attrs.controls !== undefined && attrs.controls !== 'false');
            }
            urlBox[0].focus();
            urlBox[0].select();
        },
        'delete': function() {
            self.plugin.getSelectedMedia().remove();
            // [IE] 删除图片后立即点击图片按钮出错
            self.addBookmark();
        }
    };
    self.clickToolbar(name, self.plugin.media.edit);
});

/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
* Copyright (C) 2006-2011 kindsoft.net
*
* @author Roddy <luolonghao@gmail.com>
* @site http://www.kindsoft.net/
* @licence http://www.kindsoft.net/license.php
*******************************************************************************/


(function(K) {

    function KSWFUpload(options) {
        this.init(options);
    }
    K.extend(KSWFUpload, {
        init : function(options) {
            var self = this;
            options.afterError = options.afterError || function(str) {
                alert(str);
            };
            self.options = options;
            self.progressbars = {};
            // template
            self.div = K(options.container).html([
                '<div class="ke-swfupload">',
                '<div class="ke-swfupload-top">',
                '<div class="ke-inline-block ke-swfupload-button">',
                '<input type="button" value="Browse" />',
                '</div>',
                '<div class="ke-inline-block ke-swfupload-desc">' + options.uploadDesc + '</div>',
                '<span class="ke-button-common ke-button-outer ke-swfupload-startupload">',
                '<input type="button" class="ke-button-common ke-button" value="' + options.startButtonValue + '" />',
                '</span>',
                '</div>',
                '<div class="ke-swfupload-body"></div>',
                '</div>'
            ].join(''));
            self.bodyDiv = K('.ke-swfupload-body', self.div);

            function showError(itemDiv, msg) {
                K('.ke-status > div', itemDiv).hide();
                K('.ke-message', itemDiv).addClass('ke-error').show().html(K.escape(msg));
            }

            var settings = {
                debug : false,
                upload_url : options.uploadUrl,
                flash_url : options.flashUrl,
                file_post_name : options.filePostName,
                button_placeholder : K('.ke-swfupload-button > input', self.div)[0],
                button_image_url: options.buttonImageUrl,
                button_width: options.buttonWidth,
                button_height: options.buttonHeight,
                button_cursor : SWFUpload.CURSOR.HAND,
                file_types : options.fileTypes,
                file_types_description : options.fileTypesDesc,
                file_upload_limit : options.fileUploadLimit,
                file_size_limit : options.fileSizeLimit,
                post_params : options.postParams,
                file_queued_handler : function(file) {
                    file.url = self.options.fileIconUrl;
                    self.appendFile(file);
                },
                file_queue_error_handler : function(file, errorCode, message) {
                    var errorName = '';
                    switch (errorCode) {
                        case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
                            errorName = options.queueLimitExceeded;
                            break;
                        case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
                            errorName = options.fileExceedsSizeLimit;
                            break;
                        case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
                            errorName = options.zeroByteFile;
                            break;
                        case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
                            errorName = options.invalidFiletype;
                            break;
                        default:
                            errorName = options.unknownError;
                            break;
                    }
                    K.DEBUG && alert(errorName);
                },
                upload_start_handler : function(file) {
                    var self = this;
                    var itemDiv = K('div[data-id="' + file.id + '"]', self.bodyDiv);
                    K('.ke-status > div', itemDiv).hide();
                    K('.ke-progressbar', itemDiv).show();
                },
                upload_progress_handler : function(file, bytesLoaded, bytesTotal) {
                    var percent = Math.round(bytesLoaded * 100 / bytesTotal);
                    var progressbar = self.progressbars[file.id];
                    progressbar.bar.css('width', Math.round(percent * 80 / 100) + 'px');
                    progressbar.percent.html(percent + '%');
                },
                upload_error_handler : function(file, errorCode, message) {
                    if (file && file.filestatus == SWFUpload.FILE_STATUS.ERROR) {
                        var itemDiv = K('div[data-id="' + file.id + '"]', self.bodyDiv).eq(0);
                        showError(itemDiv, self.options.errorMessage);
                    }
                },
                upload_success_handler : function(file, serverData) {
                    var itemDiv = K('div[data-id="' + file.id + '"]', self.bodyDiv).eq(0);
                    var data = {};
                    try {
                        data = K.json(serverData);
                    } catch (e) {
                        self.options.afterError.call(this, '<!doctype html><html>' + serverData + '</html>');
                    }
                    if (data.error !== 0) {
                        showError(itemDiv, K.DEBUG ? data.message : self.options.errorMessage);
                        return;
                    }
                    file.url = data.url;
                    K('.ke-img', itemDiv).attr('src', file.url).attr('data-status', file.filestatus).data('data', data);
                    K('.ke-status > div', itemDiv).hide();
                }
            };
            self.swfu = new SWFUpload(settings);

            K('.ke-swfupload-startupload input', self.div).click(function() {
                self.swfu.startUpload();
            });
        },
        getUrlList : function() {
            var list = [];
            K('.ke-img', self.bodyDiv).each(function() {
                var img = K(this);
                var status = img.attr('data-status');
                if (status == SWFUpload.FILE_STATUS.COMPLETE) {
                    list.push(img.data('data'));
                }
            });
            return list;
        },
        removeFile : function(fileId) {
            var self = this;
            self.swfu.cancelUpload(fileId);
            var itemDiv = K('div[data-id="' + fileId + '"]', self.bodyDiv);
            K('.ke-photo', itemDiv).unbind();
            K('.ke-delete', itemDiv).unbind();
            itemDiv.remove();
        },
        removeFiles : function() {
            var self = this;
            K('.ke-item', self.bodyDiv).each(function() {
                self.removeFile(K(this).attr('data-id'));
            });
        },
        appendFile : function(file) {
            var self = this;
            var itemDiv = K('<div class="ke-inline-block ke-item" data-id="' + file.id + '"></div>');
            self.bodyDiv.append(itemDiv);
            var photoDiv = K('<div class="ke-inline-block ke-photo"></div>')
                .mouseover(function(e) {
                    K(this).addClass('ke-on');
                })
                .mouseout(function(e) {
                    K(this).removeClass('ke-on');
                });
            itemDiv.append(photoDiv);

            var img = K('<img src="' + file.url + '" class="ke-img" data-status="' + file.filestatus + '" width="80" height="80" alt="' + file.name + '" />');
            photoDiv.append(img);
            K('<span class="ke-delete"></span>').appendTo(photoDiv).click(function() {
                self.removeFile(file.id);
            });
            var statusDiv = K('<div class="ke-status"></div>').appendTo(photoDiv);
            // progressbar
            K(['<div class="ke-progressbar">',
                '<div class="ke-progressbar-bar"><div class="ke-progressbar-bar-inner"></div></div>',
                '<div class="ke-progressbar-percent">0%</div></div>'].join('')).hide().appendTo(statusDiv);
            // message
            K('<div class="ke-message">' + self.options.pendingMessage + '</div>').appendTo(statusDiv);

            itemDiv.append('<div class="ke-name">' + file.name + '</div>');

            self.progressbars[file.id] = {
                bar : K('.ke-progressbar-bar-inner', photoDiv),
                percent : K('.ke-progressbar-percent', photoDiv)
            };
        },
        remove : function() {
            this.removeFiles();
            this.swfu.destroy();
            this.div.html('');
        }
    });

    K.swfupload = function(element, options) {
        return new KSWFUpload(element, options);
    };

    })(KindEditor);

    KindEditor.plugin('multiimage', function(K) {
        var self = this, name = 'multiimage',
            formatUploadUrl = K.undef(self.formatUploadUrl, true),
            uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'),
            imgPath = self.pluginsPath + 'multiimage/images/',
            imageSizeLimit = K.undef(self.imageSizeLimit, '1MB'),
            imageFileTypes = K.undef(self.imageFileTypes, '*.jpg;*.gif;*.png'),
            imageUploadLimit = K.undef(self.imageUploadLimit, 20),
            filePostName = K.undef(self.filePostName, 'imgFile'),
            lang = self.lang(name + '.');

        self.plugin.multiImageDialog = function(options) {
            var clickFn = options.clickFn,
                uploadDesc = K.tmpl(lang.uploadDesc, {uploadLimit : imageUploadLimit, sizeLimit : imageSizeLimit});
            var html = [
                '<div style="padding:20px;">',
                '<div class="swfupload">',
                '</div>',
                '</div>'
            ].join('');
            var dialog = self.createDialog({
                name : name,
                width : 650,
                height : 510,
                title : self.lang(name),
                body : html,
                previewBtn : {
                    name : lang.insertAll,
                    click : function(e) {
                        clickFn.call(self, swfupload.getUrlList());
                    }
                },
                yesBtn : {
                    name : lang.clearAll,
                    click : function(e) {
                        swfupload.removeFiles();
                    }
                },
                beforeRemove : function() {
                    // IE9 bugfix: https://github.com/kindsoft/kindeditor/issues/72
                    if (!K.IE || K.V <= 8) {
                        swfupload.remove();
                    }
                }
            }),
            div = dialog.div;

            var swfupload = K.swfupload({
                container : K('.swfupload', div),
                buttonImageUrl : imgPath + (self.langType == 'zh-CN' ? 'select-files-zh-CN.png' : 'select-files-en.png'),
                buttonWidth : self.langType == 'zh-CN' ? 72 : 88,
                buttonHeight : 23,
                fileIconUrl : imgPath + 'image.png',
                uploadDesc : uploadDesc,
                startButtonValue : lang.startUpload,
                uploadUrl : K.addParam(uploadJson, 'dir=image'),
                flashUrl : imgPath + 'swfupload.swf',
                filePostName : filePostName,
                fileTypes : '*.jpg;*.jpeg;*.gif;*.png;*.bmp',
                fileTypesDesc : 'Image Files',
                fileUploadLimit : imageUploadLimit,
                fileSizeLimit : imageSizeLimit,
                postParams :  K.undef(self.extraFileUploadParams, {}),
                queueLimitExceeded : lang.queueLimitExceeded,
                fileExceedsSizeLimit : lang.fileExceedsSizeLimit,
                zeroByteFile : lang.zeroByteFile,
                invalidFiletype : lang.invalidFiletype,
                unknownError : lang.unknownError,
                pendingMessage : lang.pending,
                errorMessage : lang.uploadError,
                afterError : function(html) {
                    self.errorDialog(html);
                }
            });

            return dialog;
        };
        self.clickToolbar(name, function() {
            self.plugin.multiImageDialog({
                clickFn : function (urlList) {
                    if (urlList.length === 0) {
                        return;
                    }
                    K.each(urlList, function(i, data) {
                        if (self.afterUpload) {
                            self.afterUpload.call(self, data.url, data, 'multiimage');
                        }
                        self.exec('insertimage', data.url, data.title, data.width, data.height, data.border, data.align);
                    });
                    // Bugfix: [Firefox] 上传图片后，总是出现正在加载的样式，需要延迟执行hideDialog
                    setTimeout(function() {
                        self.hideDialog().focus();
                    }, 0);
                }
            });
        });
    });


    /**
     * SWFUpload: http://www.swfupload.org, http://swfupload.googlecode.com
     *
     * mmSWFUpload 1.0: Flash upload dialog - http://profandesign.se/swfupload/,  http://www.vinterwebb.se/
     *
     * SWFUpload is (c) 2006-2007 Lars Huring, Olov Nilz閚 and Mammon Media and is released under the MIT License:
     * http://www.opensource.org/licenses/mit-license.php
     *
     * SWFUpload 2 is (c) 2007-2008 Jake Roberts and is released under the MIT License:
     * http://www.opensource.org/licenses/mit-license.php
     *
     */


    /* ******************* */
    /* Constructor & Init  */
    /* ******************* */

    (function() {

    window.SWFUpload = function (settings) {
        this.initSWFUpload(settings);
    };

    SWFUpload.prototype.initSWFUpload = function (settings) {
        try {
            this.customSettings = {};	// A container where developers can place their own settings associated with this instance.
            this.settings = settings;
            this.eventQueue = [];
            this.movieName = "KindEditor_SWFUpload_" + SWFUpload.movieCount++;
            this.movieElement = null;


            // Setup global control tracking
            SWFUpload.instances[this.movieName] = this;

            // Load the settings.  Load the Flash movie.
            this.initSettings();
            this.loadFlash();
            this.displayDebugInfo();
        } catch (ex) {
            delete SWFUpload.instances[this.movieName];
            throw ex;
        }
    };

    /* *************** */
    /* Static Members  */
    /* *************** */
    SWFUpload.instances = {};
    SWFUpload.movieCount = 0;
    SWFUpload.version = "2.2.0 2009-03-25";
    SWFUpload.QUEUE_ERROR = {
        QUEUE_LIMIT_EXCEEDED	  		: -100,
        FILE_EXCEEDS_SIZE_LIMIT  		: -110,
        ZERO_BYTE_FILE			  		: -120,
        INVALID_FILETYPE		  		: -130
    };
    SWFUpload.UPLOAD_ERROR = {
        HTTP_ERROR				  		: -200,
        MISSING_UPLOAD_URL	      		: -210,
        IO_ERROR				  		: -220,
        SECURITY_ERROR			  		: -230,
        UPLOAD_LIMIT_EXCEEDED	  		: -240,
        UPLOAD_FAILED			  		: -250,
        SPECIFIED_FILE_ID_NOT_FOUND		: -260,
        FILE_VALIDATION_FAILED	  		: -270,
        FILE_CANCELLED			  		: -280,
        UPLOAD_STOPPED					: -290
    };
    SWFUpload.FILE_STATUS = {
        QUEUED		 : -1,
        IN_PROGRESS	 : -2,
        ERROR		 : -3,
        COMPLETE	 : -4,
        CANCELLED	 : -5
    };
    SWFUpload.BUTTON_ACTION = {
        SELECT_FILE  : -100,
        SELECT_FILES : -110,
        START_UPLOAD : -120
    };
    SWFUpload.CURSOR = {
        ARROW : -1,
        HAND : -2
    };
    SWFUpload.WINDOW_MODE = {
        WINDOW : "window",
        TRANSPARENT : "transparent",
        OPAQUE : "opaque"
    };

    // Private: takes a URL, determines if it is relative and converts to an absolute URL
    // using the current site. Only processes the URL if it can, otherwise returns the URL untouched
    SWFUpload.completeURL = function(url) {
        if (typeof(url) !== "string" || url.match(/^https?:\/\//i) || url.match(/^\//)) {
            return url;
        }

        var currentURL = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : "");

        var indexSlash = window.location.pathname.lastIndexOf("/");
        if (indexSlash <= 0) {
            path = "/";
        } else {
            path = window.location.pathname.substr(0, indexSlash) + "/";
        }

        return /*currentURL +*/ path + url;

    };


    /* ******************** */
    /* Instance Members  */
    /* ******************** */

    // Private: initSettings ensures that all the
    // settings are set, getting a default value if one was not assigned.
    SWFUpload.prototype.initSettings = function () {
        this.ensureDefault = function (settingName, defaultValue) {
            this.settings[settingName] = (this.settings[settingName] == undefined) ? defaultValue : this.settings[settingName];
        };

        // Upload backend settings
        this.ensureDefault("upload_url", "");
        this.ensureDefault("preserve_relative_urls", false);
        this.ensureDefault("file_post_name", "Filedata");
        this.ensureDefault("post_params", {});
        this.ensureDefault("use_query_string", false);
        this.ensureDefault("requeue_on_error", false);
        this.ensureDefault("http_success", []);
        this.ensureDefault("assume_success_timeout", 0);

        // File Settings
        this.ensureDefault("file_types", "*.*");
        this.ensureDefault("file_types_description", "All Files");
        this.ensureDefault("file_size_limit", 0);	// Default zero means "unlimited"
        this.ensureDefault("file_upload_limit", 0);
        this.ensureDefault("file_queue_limit", 0);

        // Flash Settings
        this.ensureDefault("flash_url", "swfupload.swf");
        this.ensureDefault("prevent_swf_caching", true);

        // Button Settings
        this.ensureDefault("button_image_url", "");
        this.ensureDefault("button_width", 1);
        this.ensureDefault("button_height", 1);
        this.ensureDefault("button_text", "");
        this.ensureDefault("button_text_style", "color: #000000; font-size: 16pt;");
        this.ensureDefault("button_text_top_padding", 0);
        this.ensureDefault("button_text_left_padding", 0);
        this.ensureDefault("button_action", SWFUpload.BUTTON_ACTION.SELECT_FILES);
        this.ensureDefault("button_disabled", false);
        this.ensureDefault("button_placeholder_id", "");
        this.ensureDefault("button_placeholder", null);
        this.ensureDefault("button_cursor", SWFUpload.CURSOR.ARROW);
        this.ensureDefault("button_window_mode", SWFUpload.WINDOW_MODE.WINDOW);

        // Debug Settings
        this.ensureDefault("debug", false);
        this.settings.debug_enabled = this.settings.debug;	// Here to maintain v2 API

        // Event Handlers
        this.settings.return_upload_start_handler = this.returnUploadStart;
        this.ensureDefault("swfupload_loaded_handler", null);
        this.ensureDefault("file_dialog_start_handler", null);
        this.ensureDefault("file_queued_handler", null);
        this.ensureDefault("file_queue_error_handler", null);
        this.ensureDefault("file_dialog_complete_handler", null);

        this.ensureDefault("upload_start_handler", null);
        this.ensureDefault("upload_progress_handler", null);
        this.ensureDefault("upload_error_handler", null);
        this.ensureDefault("upload_success_handler", null);
        this.ensureDefault("upload_complete_handler", null);

        this.ensureDefault("debug_handler", this.debugMessage);

        this.ensureDefault("custom_settings", {});

        // Other settings
        this.customSettings = this.settings.custom_settings;

        // Update the flash url if needed
        if (!!this.settings.prevent_swf_caching) {
            this.settings.flash_url = this.settings.flash_url + (this.settings.flash_url.indexOf("?") < 0 ? "?" : "&") + "preventswfcaching=" + new Date().getTime();
        }

        if (!this.settings.preserve_relative_urls) {
            //this.settings.flash_url = SWFUpload.completeURL(this.settings.flash_url);	// Don't need to do this one since flash doesn't look at it
            this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);
            this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_image_url);
        }

        delete this.ensureDefault;
    };

    // Private: loadFlash replaces the button_placeholder element with the flash movie.
    SWFUpload.prototype.loadFlash = function () {
        var targetElement, tempParent;

        // Make sure an element with the ID we are going to use doesn't already exist
        if (document.getElementById(this.movieName) !== null) {
            throw "ID " + this.movieName + " is already in use. The Flash Object could not be added";
        }

        // Get the element where we will be placing the flash movie
        targetElement = document.getElementById(this.settings.button_placeholder_id) || this.settings.button_placeholder;

        if (targetElement == undefined) {
            throw "Could not find the placeholder element: " + this.settings.button_placeholder_id;
        }

        // Append the container and load the flash
        tempParent = document.createElement("div");
        tempParent.innerHTML = this.getFlashHTML();	// Using innerHTML is non-standard but the only sensible way to dynamically add Flash in IE (and maybe other browsers)
        targetElement.parentNode.replaceChild(tempParent.firstChild, targetElement);

        // Fix IE Flash/Form bug
        if (window[this.movieName] == undefined) {
            window[this.movieName] = this.getMovieElement();
        }

    };

    // Private: getFlashHTML generates the object tag needed to embed the flash in to the document
    SWFUpload.prototype.getFlashHTML = function () {
        // Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
        // Fix bug for IE9
        // http://www.kindsoft.net/view.php?bbsid=7&postid=5825&pagenum=1
        var classid = '';
        if (KindEditor.IE && KindEditor.V > 8) {
            classid = ' classid = "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"';
        }
        return ['<object id="', this.movieName, '"' + classid + ' type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">',
                    '<param name="wmode" value="', this.settings.button_window_mode, '" />',
                    '<param name="movie" value="', this.settings.flash_url, '" />',
                    '<param name="quality" value="high" />',
                    '<param name="menu" value="false" />',
                    '<param name="allowScriptAccess" value="always" />',
                    '<param name="flashvars" value="' + this.getFlashVars() + '" />',
                    '</object>'].join("");
    };

    // Private: getFlashVars builds the parameter string that will be passed
    // to flash in the flashvars param.
    SWFUpload.prototype.getFlashVars = function () {
        // Build a string from the post param object
        var paramString = this.buildParamString();
        var httpSuccessString = this.settings.http_success.join(",");

        // Build the parameter string
        return ["movieName=", encodeURIComponent(this.movieName),
                "&amp;uploadURL=", encodeURIComponent(this.settings.upload_url),
                "&amp;useQueryString=", encodeURIComponent(this.settings.use_query_string),
                "&amp;requeueOnError=", encodeURIComponent(this.settings.requeue_on_error),
                "&amp;httpSuccess=", encodeURIComponent(httpSuccessString),
                "&amp;assumeSuccessTimeout=", encodeURIComponent(this.settings.assume_success_timeout),
                "&amp;params=", encodeURIComponent(paramString),
                "&amp;filePostName=", encodeURIComponent(this.settings.file_post_name),
                "&amp;fileTypes=", encodeURIComponent(this.settings.file_types),
                "&amp;fileTypesDescription=", encodeURIComponent(this.settings.file_types_description),
                "&amp;fileSizeLimit=", encodeURIComponent(this.settings.file_size_limit),
                "&amp;fileUploadLimit=", encodeURIComponent(this.settings.file_upload_limit),
                "&amp;fileQueueLimit=", encodeURIComponent(this.settings.file_queue_limit),
                "&amp;debugEnabled=", encodeURIComponent(this.settings.debug_enabled),
                "&amp;buttonImageURL=", encodeURIComponent(this.settings.button_image_url),
                "&amp;buttonWidth=", encodeURIComponent(this.settings.button_width),
                "&amp;buttonHeight=", encodeURIComponent(this.settings.button_height),
                "&amp;buttonText=", encodeURIComponent(this.settings.button_text),
                "&amp;buttonTextTopPadding=", encodeURIComponent(this.settings.button_text_top_padding),
                "&amp;buttonTextLeftPadding=", encodeURIComponent(this.settings.button_text_left_padding),
                "&amp;buttonTextStyle=", encodeURIComponent(this.settings.button_text_style),
                "&amp;buttonAction=", encodeURIComponent(this.settings.button_action),
                "&amp;buttonDisabled=", encodeURIComponent(this.settings.button_disabled),
                "&amp;buttonCursor=", encodeURIComponent(this.settings.button_cursor)
            ].join("");
    };

    // Public: getMovieElement retrieves the DOM reference to the Flash element added by SWFUpload
    // The element is cached after the first lookup
    SWFUpload.prototype.getMovieElement = function () {
        if (this.movieElement == undefined) {
            this.movieElement = document.getElementById(this.movieName);
        }

        if (this.movieElement === null) {
            throw "Could not find Flash element";
        }

        return this.movieElement;
    };

    // Private: buildParamString takes the name/value pairs in the post_params setting object
    // and joins them up in to a string formatted "name=value&amp;name=value"
    SWFUpload.prototype.buildParamString = function () {
        var postParams = this.settings.post_params;
        var paramStringPairs = [];

        if (typeof(postParams) === "object") {
            for (var name in postParams) {
                if (postParams.hasOwnProperty(name)) {
                    paramStringPairs.push(encodeURIComponent(name.toString()) + "=" + encodeURIComponent(postParams[name].toString()));
                }
            }
        }

        return paramStringPairs.join("&amp;");
    };

    // Public: Used to remove a SWFUpload instance from the page. This method strives to remove
    // all references to the SWF, and other objects so memory is properly freed.
    // Returns true if everything was destroyed. Returns a false if a failure occurs leaving SWFUpload in an inconsistant state.
    // Credits: Major improvements provided by steffen
    SWFUpload.prototype.destroy = function () {
        try {
            // Make sure Flash is done before we try to remove it
            this.cancelUpload(null, false);


            // Remove the SWFUpload DOM nodes
            var movieElement = null;
            movieElement = this.getMovieElement();

            if (movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
                // Loop through all the movie's properties and remove all function references (DOM/JS IE 6/7 memory leak workaround)
                for (var i in movieElement) {
                    try {
                        if (typeof(movieElement[i]) === "function") {
                            movieElement[i] = null;
                        }
                    } catch (ex1) {}
                }

                // Remove the Movie Element from the page
                try {
                    movieElement.parentNode.removeChild(movieElement);
                } catch (ex) {}
            }

            // Remove IE form fix reference
            window[this.movieName] = null;

            // Destroy other references
            SWFUpload.instances[this.movieName] = null;
            delete SWFUpload.instances[this.movieName];

            this.movieElement = null;
            this.settings = null;
            this.customSettings = null;
            this.eventQueue = null;
            this.movieName = null;


            return true;
        } catch (ex2) {
            return false;
        }
    };


    // Public: displayDebugInfo prints out settings and configuration
    // information about this SWFUpload instance.
    // This function (and any references to it) can be deleted when placing
    // SWFUpload in production.
    SWFUpload.prototype.displayDebugInfo = function () {
        this.debug(
            [
                "---SWFUpload Instance Info---\n",
                "Version: ", SWFUpload.version, "\n",
                "Movie Name: ", this.movieName, "\n",
                "Settings:\n",
                "\t", "upload_url:               ", this.settings.upload_url, "\n",
                "\t", "flash_url:                ", this.settings.flash_url, "\n",
                "\t", "use_query_string:         ", this.settings.use_query_string.toString(), "\n",
                "\t", "requeue_on_error:         ", this.settings.requeue_on_error.toString(), "\n",
                "\t", "http_success:             ", this.settings.http_success.join(", "), "\n",
                "\t", "assume_success_timeout:   ", this.settings.assume_success_timeout, "\n",
                "\t", "file_post_name:           ", this.settings.file_post_name, "\n",
                "\t", "post_params:              ", this.settings.post_params.toString(), "\n",
                "\t", "file_types:               ", this.settings.file_types, "\n",
                "\t", "file_types_description:   ", this.settings.file_types_description, "\n",
                "\t", "file_size_limit:          ", this.settings.file_size_limit, "\n",
                "\t", "file_upload_limit:        ", this.settings.file_upload_limit, "\n",
                "\t", "file_queue_limit:         ", this.settings.file_queue_limit, "\n",
                "\t", "debug:                    ", this.settings.debug.toString(), "\n",

                "\t", "prevent_swf_caching:      ", this.settings.prevent_swf_caching.toString(), "\n",

                "\t", "button_placeholder_id:    ", this.settings.button_placeholder_id.toString(), "\n",
                "\t", "button_placeholder:       ", (this.settings.button_placeholder ? "Set" : "Not Set"), "\n",
                "\t", "button_image_url:         ", this.settings.button_image_url.toString(), "\n",
                "\t", "button_width:             ", this.settings.button_width.toString(), "\n",
                "\t", "button_height:            ", this.settings.button_height.toString(), "\n",
                "\t", "button_text:              ", this.settings.button_text.toString(), "\n",
                "\t", "button_text_style:        ", this.settings.button_text_style.toString(), "\n",
                "\t", "button_text_top_padding:  ", this.settings.button_text_top_padding.toString(), "\n",
                "\t", "button_text_left_padding: ", this.settings.button_text_left_padding.toString(), "\n",
                "\t", "button_action:            ", this.settings.button_action.toString(), "\n",
                "\t", "button_disabled:          ", this.settings.button_disabled.toString(), "\n",

                "\t", "custom_settings:          ", this.settings.custom_settings.toString(), "\n",
                "Event Handlers:\n",
                "\t", "swfupload_loaded_handler assigned:  ", (typeof this.settings.swfupload_loaded_handler === "function").toString(), "\n",
                "\t", "file_dialog_start_handler assigned: ", (typeof this.settings.file_dialog_start_handler === "function").toString(), "\n",
                "\t", "file_queued_handler assigned:       ", (typeof this.settings.file_queued_handler === "function").toString(), "\n",
                "\t", "file_queue_error_handler assigned:  ", (typeof this.settings.file_queue_error_handler === "function").toString(), "\n",
                "\t", "upload_start_handler assigned:      ", (typeof this.settings.upload_start_handler === "function").toString(), "\n",
                "\t", "upload_progress_handler assigned:   ", (typeof this.settings.upload_progress_handler === "function").toString(), "\n",
                "\t", "upload_error_handler assigned:      ", (typeof this.settings.upload_error_handler === "function").toString(), "\n",
                "\t", "upload_success_handler assigned:    ", (typeof this.settings.upload_success_handler === "function").toString(), "\n",
                "\t", "upload_complete_handler assigned:   ", (typeof this.settings.upload_complete_handler === "function").toString(), "\n",
                "\t", "debug_handler assigned:             ", (typeof this.settings.debug_handler === "function").toString(), "\n"
            ].join("")
        );
    };

    /* Note: addSetting and getSetting are no longer used by SWFUpload but are included
        the maintain v2 API compatibility
    */
    // Public: (Deprecated) addSetting adds a setting value. If the value given is undefined or null then the default_value is used.
    SWFUpload.prototype.addSetting = function (name, value, default_value) {
        if (value == undefined) {
            return (this.settings[name] = default_value);
        } else {
            return (this.settings[name] = value);
        }
    };

    // Public: (Deprecated) getSetting gets a setting. Returns an empty string if the setting was not found.
    SWFUpload.prototype.getSetting = function (name) {
        if (this.settings[name] != undefined) {
            return this.settings[name];
        }

        return "";
    };



    // Private: callFlash handles function calls made to the Flash element.
    // Calls are made with a setTimeout for some functions to work around
    // bugs in the ExternalInterface library.
    SWFUpload.prototype.callFlash = function (functionName, argumentArray) {
        argumentArray = argumentArray || [];

        var movieElement = this.getMovieElement();
        var returnValue, returnString;

        // Flash's method if calling ExternalInterface methods (code adapted from MooTools).
        try {
            returnString = movieElement.CallFunction('<invoke name="' + functionName + '" returntype="javascript">' + __flash__argumentsToXML(argumentArray, 0) + '</invoke>');
            returnValue = eval(returnString);
        } catch (ex) {
            throw "Call to " + functionName + " failed";
        }

        // Unescape file post param values
        if (returnValue != undefined && typeof returnValue.post === "object") {
            returnValue = this.unescapeFilePostParams(returnValue);
        }

        return returnValue;
    };

    /* *****************************
        -- Flash control methods --
        Your UI should use these
        to operate SWFUpload
       ***************************** */

    // WARNING: this function does not work in Flash Player 10
    // Public: selectFile causes a File Selection Dialog window to appear.  This
    // dialog only allows 1 file to be selected.
    SWFUpload.prototype.selectFile = function () {
        this.callFlash("SelectFile");
    };

    // WARNING: this function does not work in Flash Player 10
    // Public: selectFiles causes a File Selection Dialog window to appear/ This
    // dialog allows the user to select any number of files
    // Flash Bug Warning: Flash limits the number of selectable files based on the combined length of the file names.
    // If the selection name length is too long the dialog will fail in an unpredictable manner.  There is no work-around
    // for this bug.
    SWFUpload.prototype.selectFiles = function () {
        this.callFlash("SelectFiles");
    };


    // Public: startUpload starts uploading the first file in the queue unless
    // the optional parameter 'fileID' specifies the ID
    SWFUpload.prototype.startUpload = function (fileID) {
        this.callFlash("StartUpload", [fileID]);
    };

    // Public: cancelUpload cancels any queued file.  The fileID parameter may be the file ID or index.
    // If you do not specify a fileID the current uploading file or first file in the queue is cancelled.
    // If you do not want the uploadError event to trigger you can specify false for the triggerErrorEvent parameter.
    SWFUpload.prototype.cancelUpload = function (fileID, triggerErrorEvent) {
        if (triggerErrorEvent !== false) {
            triggerErrorEvent = true;
        }
        this.callFlash("CancelUpload", [fileID, triggerErrorEvent]);
    };

    // Public: stopUpload stops the current upload and requeues the file at the beginning of the queue.
    // If nothing is currently uploading then nothing happens.
    SWFUpload.prototype.stopUpload = function () {
        this.callFlash("StopUpload");
    };

    /* ************************
     * Settings methods
     *   These methods change the SWFUpload settings.
     *   SWFUpload settings should not be changed directly on the settings object
     *   since many of the settings need to be passed to Flash in order to take
     *   effect.
     * *********************** */

    // Public: getStats gets the file statistics object.
    SWFUpload.prototype.getStats = function () {
        return this.callFlash("GetStats");
    };

    // Public: setStats changes the SWFUpload statistics.  You shouldn't need to
    // change the statistics but you can.  Changing the statistics does not
    // affect SWFUpload accept for the successful_uploads count which is used
    // by the upload_limit setting to determine how many files the user may upload.
    SWFUpload.prototype.setStats = function (statsObject) {
        this.callFlash("SetStats", [statsObject]);
    };

    // Public: getFile retrieves a File object by ID or Index.  If the file is
    // not found then 'null' is returned.
    SWFUpload.prototype.getFile = function (fileID) {
        if (typeof(fileID) === "number") {
            return this.callFlash("GetFileByIndex", [fileID]);
        } else {
            return this.callFlash("GetFile", [fileID]);
        }
    };

    // Public: addFileParam sets a name/value pair that will be posted with the
    // file specified by the Files ID.  If the name already exists then the
    // exiting value will be overwritten.
    SWFUpload.prototype.addFileParam = function (fileID, name, value) {
        return this.callFlash("AddFileParam", [fileID, name, value]);
    };

    // Public: removeFileParam removes a previously set (by addFileParam) name/value
    // pair from the specified file.
    SWFUpload.prototype.removeFileParam = function (fileID, name) {
        this.callFlash("RemoveFileParam", [fileID, name]);
    };

    // Public: setUploadUrl changes the upload_url setting.
    SWFUpload.prototype.setUploadURL = function (url) {
        this.settings.upload_url = url.toString();
        this.callFlash("SetUploadURL", [url]);
    };

    // Public: setPostParams changes the post_params setting
    SWFUpload.prototype.setPostParams = function (paramsObject) {
        this.settings.post_params = paramsObject;
        this.callFlash("SetPostParams", [paramsObject]);
    };

    // Public: addPostParam adds post name/value pair.  Each name can have only one value.
    SWFUpload.prototype.addPostParam = function (name, value) {
        this.settings.post_params[name] = value;
        this.callFlash("SetPostParams", [this.settings.post_params]);
    };

    // Public: removePostParam deletes post name/value pair.
    SWFUpload.prototype.removePostParam = function (name) {
        delete this.settings.post_params[name];
        this.callFlash("SetPostParams", [this.settings.post_params]);
    };

    // Public: setFileTypes changes the file_types setting and the file_types_description setting
    SWFUpload.prototype.setFileTypes = function (types, description) {
        this.settings.file_types = types;
        this.settings.file_types_description = description;
        this.callFlash("SetFileTypes", [types, description]);
    };

    // Public: setFileSizeLimit changes the file_size_limit setting
    SWFUpload.prototype.setFileSizeLimit = function (fileSizeLimit) {
        this.settings.file_size_limit = fileSizeLimit;
        this.callFlash("SetFileSizeLimit", [fileSizeLimit]);
    };

    // Public: setFileUploadLimit changes the file_upload_limit setting
    SWFUpload.prototype.setFileUploadLimit = function (fileUploadLimit) {
        this.settings.file_upload_limit = fileUploadLimit;
        this.callFlash("SetFileUploadLimit", [fileUploadLimit]);
    };

    // Public: setFileQueueLimit changes the file_queue_limit setting
    SWFUpload.prototype.setFileQueueLimit = function (fileQueueLimit) {
        this.settings.file_queue_limit = fileQueueLimit;
        this.callFlash("SetFileQueueLimit", [fileQueueLimit]);
    };

    // Public: setFilePostName changes the file_post_name setting
    SWFUpload.prototype.setFilePostName = function (filePostName) {
        this.settings.file_post_name = filePostName;
        this.callFlash("SetFilePostName", [filePostName]);
    };

    // Public: setUseQueryString changes the use_query_string setting
    SWFUpload.prototype.setUseQueryString = function (useQueryString) {
        this.settings.use_query_string = useQueryString;
        this.callFlash("SetUseQueryString", [useQueryString]);
    };

    // Public: setRequeueOnError changes the requeue_on_error setting
    SWFUpload.prototype.setRequeueOnError = function (requeueOnError) {
        this.settings.requeue_on_error = requeueOnError;
        this.callFlash("SetRequeueOnError", [requeueOnError]);
    };

    // Public: setHTTPSuccess changes the http_success setting
    SWFUpload.prototype.setHTTPSuccess = function (http_status_codes) {
        if (typeof http_status_codes === "string") {
            http_status_codes = http_status_codes.replace(" ", "").split(",");
        }

        this.settings.http_success = http_status_codes;
        this.callFlash("SetHTTPSuccess", [http_status_codes]);
    };

    // Public: setHTTPSuccess changes the http_success setting
    SWFUpload.prototype.setAssumeSuccessTimeout = function (timeout_seconds) {
        this.settings.assume_success_timeout = timeout_seconds;
        this.callFlash("SetAssumeSuccessTimeout", [timeout_seconds]);
    };

    // Public: setDebugEnabled changes the debug_enabled setting
    SWFUpload.prototype.setDebugEnabled = function (debugEnabled) {
        this.settings.debug_enabled = debugEnabled;
        this.callFlash("SetDebugEnabled", [debugEnabled]);
    };

    // Public: setButtonImageURL loads a button image sprite
    SWFUpload.prototype.setButtonImageURL = function (buttonImageURL) {
        if (buttonImageURL == undefined) {
            buttonImageURL = "";
        }

        this.settings.button_image_url = buttonImageURL;
        this.callFlash("SetButtonImageURL", [buttonImageURL]);
    };

    // Public: setButtonDimensions resizes the Flash Movie and button
    SWFUpload.prototype.setButtonDimensions = function (width, height) {
        this.settings.button_width = width;
        this.settings.button_height = height;

        var movie = this.getMovieElement();
        if (movie != undefined) {
            movie.style.width = width + "px";
            movie.style.height = height + "px";
        }

        this.callFlash("SetButtonDimensions", [width, height]);
    };
    // Public: setButtonText Changes the text overlaid on the button
    SWFUpload.prototype.setButtonText = function (html) {
        this.settings.button_text = html;
        this.callFlash("SetButtonText", [html]);
    };
    // Public: setButtonTextPadding changes the top and left padding of the text overlay
    SWFUpload.prototype.setButtonTextPadding = function (left, top) {
        this.settings.button_text_top_padding = top;
        this.settings.button_text_left_padding = left;
        this.callFlash("SetButtonTextPadding", [left, top]);
    };

    // Public: setButtonTextStyle changes the CSS used to style the HTML/Text overlaid on the button
    SWFUpload.prototype.setButtonTextStyle = function (css) {
        this.settings.button_text_style = css;
        this.callFlash("SetButtonTextStyle", [css]);
    };
    // Public: setButtonDisabled disables/enables the button
    SWFUpload.prototype.setButtonDisabled = function (isDisabled) {
        this.settings.button_disabled = isDisabled;
        this.callFlash("SetButtonDisabled", [isDisabled]);
    };
    // Public: setButtonAction sets the action that occurs when the button is clicked
    SWFUpload.prototype.setButtonAction = function (buttonAction) {
        this.settings.button_action = buttonAction;
        this.callFlash("SetButtonAction", [buttonAction]);
    };

    // Public: setButtonCursor changes the mouse cursor displayed when hovering over the button
    SWFUpload.prototype.setButtonCursor = function (cursor) {
        this.settings.button_cursor = cursor;
        this.callFlash("SetButtonCursor", [cursor]);
    };

    /* *******************************
        Flash Event Interfaces
        These functions are used by Flash to trigger the various
        events.

        All these functions a Private.

        Because the ExternalInterface library is buggy the event calls
        are added to a queue and the queue then executed by a setTimeout.
        This ensures that events are executed in a determinate order and that
        the ExternalInterface bugs are avoided.
    ******************************* */

    SWFUpload.prototype.queueEvent = function (handlerName, argumentArray) {
        // Warning: Don't call this.debug inside here or you'll create an infinite loop

        if (argumentArray == undefined) {
            argumentArray = [];
        } else if (!(argumentArray instanceof Array)) {
            argumentArray = [argumentArray];
        }

        var self = this;
        if (typeof this.settings[handlerName] === "function") {
            // Queue the event
            this.eventQueue.push(function () {
                this.settings[handlerName].apply(this, argumentArray);
            });

            // Execute the next queued event
            setTimeout(function () {
                self.executeNextEvent();
            }, 0);

        } else if (this.settings[handlerName] !== null) {
            throw "Event handler " + handlerName + " is unknown or is not a function";
        }
    };

    // Private: Causes the next event in the queue to be executed.  Since events are queued using a setTimeout
    // we must queue them in order to garentee that they are executed in order.
    SWFUpload.prototype.executeNextEvent = function () {
        // Warning: Don't call this.debug inside here or you'll create an infinite loop

        var  f = this.eventQueue ? this.eventQueue.shift() : null;
        if (typeof(f) === "function") {
            f.apply(this);
        }
    };

    // Private: unescapeFileParams is part of a workaround for a flash bug where objects passed through ExternalInterface cannot have
    // properties that contain characters that are not valid for JavaScript identifiers. To work around this
    // the Flash Component escapes the parameter names and we must unescape again before passing them along.
    SWFUpload.prototype.unescapeFilePostParams = function (file) {
        var reg = /[$]([0-9a-f]{4})/i;
        var unescapedPost = {};
        var uk;

        if (file != undefined) {
            for (var k in file.post) {
                if (file.post.hasOwnProperty(k)) {
                    uk = k;
                    var match;
                    while ((match = reg.exec(uk)) !== null) {
                        uk = uk.replace(match[0], String.fromCharCode(parseInt("0x" + match[1], 16)));
                    }
                    unescapedPost[uk] = file.post[k];
                }
            }

            file.post = unescapedPost;
        }

        return file;
    };

    // Private: Called by Flash to see if JS can call in to Flash (test if External Interface is working)
    SWFUpload.prototype.testExternalInterface = function () {
        try {
            return this.callFlash("TestExternalInterface");
        } catch (ex) {
            return false;
        }
    };

    // Private: This event is called by Flash when it has finished loading. Don't modify this.
    // Use the swfupload_loaded_handler event setting to execute custom code when SWFUpload has loaded.
    SWFUpload.prototype.flashReady = function () {
        // Check that the movie element is loaded correctly with its ExternalInterface methods defined
        var movieElement = this.getMovieElement();

        if (!movieElement) {
            this.debug("Flash called back ready but the flash movie can't be found.");
            return;
        }

        this.cleanUp(movieElement);

        this.queueEvent("swfupload_loaded_handler");
    };

    // Private: removes Flash added fuctions to the DOM node to prevent memory leaks in IE.
    // This function is called by Flash each time the ExternalInterface functions are created.
    SWFUpload.prototype.cleanUp = function (movieElement) {
        // Pro-actively unhook all the Flash functions
        try {
            if (this.movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
                this.debug("Removing Flash functions hooks (this should only run in IE and should prevent memory leaks)");
                for (var key in movieElement) {
                    try {
                        if (typeof(movieElement[key]) === "function") {
                            movieElement[key] = null;
                        }
                    } catch (ex) {
                    }
                }
            }
        } catch (ex1) {

        }

        // Fix Flashes own cleanup code so if the SWFMovie was removed from the page
        // it doesn't display errors.
        window["__flash__removeCallback"] = function (instance, name) {
            try {
                if (instance) {
                    instance[name] = null;
                }
            } catch (flashEx) {

            }
        };

    };


    /* This is a chance to do something before the browse window opens */
    SWFUpload.prototype.fileDialogStart = function () {
        this.queueEvent("file_dialog_start_handler");
    };


    /* Called when a file is successfully added to the queue. */
    SWFUpload.prototype.fileQueued = function (file) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("file_queued_handler", file);
    };


    /* Handle errors that occur when an attempt to queue a file fails. */
    SWFUpload.prototype.fileQueueError = function (file, errorCode, message) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("file_queue_error_handler", [file, errorCode, message]);
    };

    /* Called after the file dialog has closed and the selected files have been queued.
        You could call startUpload here if you want the queued files to begin uploading immediately. */
    SWFUpload.prototype.fileDialogComplete = function (numFilesSelected, numFilesQueued, numFilesInQueue) {
        this.queueEvent("file_dialog_complete_handler", [numFilesSelected, numFilesQueued, numFilesInQueue]);
    };

    SWFUpload.prototype.uploadStart = function (file) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("return_upload_start_handler", file);
    };

    SWFUpload.prototype.returnUploadStart = function (file) {
        var returnValue;
        if (typeof this.settings.upload_start_handler === "function") {
            file = this.unescapeFilePostParams(file);
            returnValue = this.settings.upload_start_handler.call(this, file);
        } else if (this.settings.upload_start_handler != undefined) {
            throw "upload_start_handler must be a function";
        }

        // Convert undefined to true so if nothing is returned from the upload_start_handler it is
        // interpretted as 'true'.
        if (returnValue === undefined) {
            returnValue = true;
        }

        returnValue = !!returnValue;

        this.callFlash("ReturnUploadStart", [returnValue]);
    };



    SWFUpload.prototype.uploadProgress = function (file, bytesComplete, bytesTotal) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("upload_progress_handler", [file, bytesComplete, bytesTotal]);
    };

    SWFUpload.prototype.uploadError = function (file, errorCode, message) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("upload_error_handler", [file, errorCode, message]);
    };

    SWFUpload.prototype.uploadSuccess = function (file, serverData, responseReceived) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("upload_success_handler", [file, serverData, responseReceived]);
    };

    SWFUpload.prototype.uploadComplete = function (file) {
        file = this.unescapeFilePostParams(file);
        this.queueEvent("upload_complete_handler", file);
    };

    /* Called by SWFUpload JavaScript and Flash functions when debug is enabled. By default it writes messages to the
       internal debug console.  You can override this event and have messages written where you want. */
    SWFUpload.prototype.debug = function (message) {
        this.queueEvent("debug_handler", message);
    };


    /* **********************************
        Debug Console
        The debug console is a self contained, in page location
        for debug message to be sent.  The Debug Console adds
        itself to the body if necessary.

        The console is automatically scrolled as messages appear.

        If you are using your own debug handler or when you deploy to production and
        have debug disabled you can remove these functions to reduce the file size
        and complexity.
    ********************************** */

    // Private: debugMessage is the default debug_handler.  If you want to print debug messages
    // call the debug() function.  When overriding the function your own function should
    // check to see if the debug setting is true before outputting debug information.
    SWFUpload.prototype.debugMessage = function (message) {
        if (this.settings.debug) {
            var exceptionMessage, exceptionValues = [];

            // Check for an exception object and print it nicely
            if (typeof message === "object" && typeof message.name === "string" && typeof message.message === "string") {
                for (var key in message) {
                    if (message.hasOwnProperty(key)) {
                        exceptionValues.push(key + ": " + message[key]);
                    }
                }
                exceptionMessage = exceptionValues.join("\n") || "";
                exceptionValues = exceptionMessage.split("\n");
                exceptionMessage = "EXCEPTION: " + exceptionValues.join("\nEXCEPTION: ");
                SWFUpload.Console.writeLine(exceptionMessage);
            } else {
                SWFUpload.Console.writeLine(message);
            }
        }
    };

    SWFUpload.Console = {};
    SWFUpload.Console.writeLine = function (message) {
        var console, documentForm;

        try {
            console = document.getElementById("SWFUpload_Console");

            if (!console) {
                documentForm = document.createElement("form");
                document.getElementsByTagName("body")[0].appendChild(documentForm);

                console = document.createElement("textarea");
                console.id = "SWFUpload_Console";
                console.style.fontFamily = "monospace";
                console.setAttribute("wrap", "off");
                console.wrap = "off";
                console.style.overflow = "auto";
                console.style.width = "700px";
                console.style.height = "350px";
                console.style.margin = "5px";
                documentForm.appendChild(console);
            }

            console.value += message + "\n";

            console.scrollTop = console.scrollHeight - console.clientHeight;
        } catch (ex) {
            alert("Exception: " + ex.name + " Message: " + ex.message);
        }
    };

    })();

    (function() {
    /*
        Queue Plug-in

        Features:
            *Adds a cancelQueue() method for cancelling the entire queue.
            *All queued files are uploaded when startUpload() is called.
            *If false is returned from uploadComplete then the queue upload is stopped.
             If false is not returned (strict comparison) then the queue upload is continued.
            *Adds a QueueComplete event that is fired when all the queued files have finished uploading.
             Set the event handler with the queue_complete_handler setting.

        */

    if (typeof(SWFUpload) === "function") {
        SWFUpload.queue = {};

        SWFUpload.prototype.initSettings = (function (oldInitSettings) {
            return function () {
                if (typeof(oldInitSettings) === "function") {
                    oldInitSettings.call(this);
                }

                this.queueSettings = {};

                this.queueSettings.queue_cancelled_flag = false;
                this.queueSettings.queue_upload_count = 0;

                this.queueSettings.user_upload_complete_handler = this.settings.upload_complete_handler;
                this.queueSettings.user_upload_start_handler = this.settings.upload_start_handler;
                this.settings.upload_complete_handler = SWFUpload.queue.uploadCompleteHandler;
                this.settings.upload_start_handler = SWFUpload.queue.uploadStartHandler;

                this.settings.queue_complete_handler = this.settings.queue_complete_handler || null;
            };
        })(SWFUpload.prototype.initSettings);

        SWFUpload.prototype.startUpload = function (fileID) {
            this.queueSettings.queue_cancelled_flag = false;
            this.callFlash("StartUpload", [fileID]);
        };

        SWFUpload.prototype.cancelQueue = function () {
            this.queueSettings.queue_cancelled_flag = true;
            this.stopUpload();

            var stats = this.getStats();
            while (stats.files_queued > 0) {
                this.cancelUpload();
                stats = this.getStats();
            }
        };

        SWFUpload.queue.uploadStartHandler = function (file) {
            var returnValue;
            if (typeof(this.queueSettings.user_upload_start_handler) === "function") {
                returnValue = this.queueSettings.user_upload_start_handler.call(this, file);
            }

            // To prevent upload a real "FALSE" value must be returned, otherwise default to a real "TRUE" value.
            returnValue = (returnValue === false) ? false : true;

            this.queueSettings.queue_cancelled_flag = !returnValue;

            return returnValue;
        };

        SWFUpload.queue.uploadCompleteHandler = function (file) {
            var user_upload_complete_handler = this.queueSettings.user_upload_complete_handler;
            var continueUpload;

            if (file.filestatus === SWFUpload.FILE_STATUS.COMPLETE) {
                this.queueSettings.queue_upload_count++;
            }

            if (typeof(user_upload_complete_handler) === "function") {
                continueUpload = (user_upload_complete_handler.call(this, file) === false) ? false : true;
            } else if (file.filestatus === SWFUpload.FILE_STATUS.QUEUED) {
                // If the file was stopped and re-queued don't restart the upload
                continueUpload = false;
            } else {
                continueUpload = true;
            }

            if (continueUpload) {
                var stats = this.getStats();
                if (stats.files_queued > 0 && this.queueSettings.queue_cancelled_flag === false) {
                    this.startUpload();
                } else if (this.queueSettings.queue_cancelled_flag === false) {
                    this.queueEvent("queue_complete_handler", [this.queueSettings.queue_upload_count]);
                    this.queueSettings.queue_upload_count = 0;
                } else {
                    this.queueSettings.queue_cancelled_flag = false;
                    this.queueSettings.queue_upload_count = 0;
                }
            }
        };
    }

    })();

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('pagebreak', function(K) {
    var self = this;
    var name = 'pagebreak';
    var pagebreakHtml = K.undef(self.pagebreakHtml, '<hr style="page-break-after: always;" class="ke-pagebreak" />');

    self.clickToolbar(name, function() {
        var cmd = self.cmd,
            range = cmd.range;
        self.focus();
        var tail = self.newlineTag == 'br' || K.WEBKIT ? '' : '<span id="__kindeditor_tail_tag__"></span>';
        self.insertHtml(pagebreakHtml + tail);
        if(tail !== '') {
            var p = K('#__kindeditor_tail_tag__', self.edit.doc);
            range.selectNodeContents(p[0]);
            p.removeAttr('id');
            cmd.select();
        }
    });
});
/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('plainpaste', function(K) {
    var self = this,
        name = 'plainpaste';
    self.clickToolbar(name, function() {
        var lang = self.lang(name + '.'),
            html = '<div style="padding:10px 20px;">' +
            '<div style="margin-bottom:10px;">' + lang.comment + '</div>' +
            '<textarea class="ke-textarea" style="width:408px;height:260px;"></textarea>' +
            '</div>',
            dialog = self.createDialog({
                name: name,
                width: 450,
                title: self.lang(name),
                body: html,
                yesBtn: {
                    name: self.lang('yes'),
                    click: function(e) {
                        var html = textarea.val();
                        html = K.escape(html);
                        html = html.replace(/ {2}/g, ' &nbsp;');
                        if(self.newlineTag == 'p') {
                            html = html.replace(/^/, '<p>').replace(/$/, '</p>').replace(/\n/g, '</p><p>');
                        } else {
                            html = html.replace(/\n/g, '<br />$&');
                        }
                        self.insertHtml(html).hideDialog().focus();
                    }
                }
            }),
            textarea = K('textarea', dialog.div);
        textarea[0].focus();
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('preview', function(K) {
    var self = this,
        name = 'preview';
    self.clickToolbar(name, function() {
        var lang = self.lang(name + '.'),
            html = '<div style="padding:10px 20px;">' +
            '<iframe class="ke-textarea" frameborder="0" style="width:708px;height:400px;"></iframe>' +
            '</div>',
            dialog = self.createDialog({
                name: name,
                width: 750,
                title: self.lang(name),
                body: html
            }),
            iframe = K('iframe', dialog.div),
            doc = K.iframeDoc(iframe);
        doc.open();
        doc.write(self.fullHtml());
        doc.write('<style>.kindeditor-ph{display:none!important;}</style>');
        var cssData = self.options.cssData;
        var cssPath = self.options.cssPath;
        var bodyClass = self.options.bodyClass;
        if(!K.isArray(cssPath)) {
            cssPath = [cssPath];
        }
        K.each(cssPath, function(i, path) {
            if(path) {
                doc.write('<link href="' + path + '" rel="stylesheet" />');
            }
        });
        if(cssData) {
            doc.write('<style>' + cssData + '</style>');
        }
        doc.close();
        var body = K(doc.body).css('background-color', '#FFF');
        if (bodyClass) {
            body.addClass(bodyClass);
        }
        iframe[0].contentWindow.focus();
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('quickformat', function(K) {
    var self = this,
        name = 'quickformat',
        blockMap = K.toMap('blockquote,center,div,h1,h2,h3,h4,h5,h6,p');

    function getFirstChild(knode) {
        var child = knode.first();
        while(child && child.first()) {
            child = child.first();
        }
        return child;
    }
    self.clickToolbar(name, function() {
        self.focus();
        var doc = self.edit.doc,
            range = self.cmd.range,
            child = K(doc.body).first(),
            next,
            nodeList = [],
            subList = [],
            bookmark = range.createBookmark(true);
        while(child) {
            next = child.next();
            var firstChild = getFirstChild(child);
            if(!firstChild || firstChild.name != 'img') {
                if(blockMap[child.name]) {
                    child.html(child.html().replace(/^(\s|&nbsp;|　)+/ig, ''));
                    child.css('text-indent', '2em');
                } else {
                    subList.push(child);
                }
                if(!next || (blockMap[next.name] || blockMap[child.name] && !blockMap[next.name])) {
                    if(subList.length > 0) {
                        nodeList.push(subList);
                    }
                    subList = [];
                }
            }
            child = next;
        }
        K.each(nodeList, function(i, subList) {
            var wrapper = K('<p style="text-indent:2em;"></p>', doc);
            subList[0].before(wrapper);
            K.each(subList, function(i, knode) {
                wrapper.append(knode);
            });
        });
        range.moveToBookmark(bookmark);
        self.addBookmark();
    });
});

/**
--------------------------
abcd<br />
1234<br />

to

<p style="text-indent:2em;">
  abcd<br />
  1234<br />
</p>

--------------------------

&nbsp; abcd<img>1233
<p>1234</p>

to

<p style="text-indent:2em;">abcd<img>1233</p>
<p style="text-indent:2em;">1234</p>

--------------------------
*/
/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('template', function(K) {
    var self = this,
        name = 'template',
        lang = self.lang(name + '.'),
        htmlPath = self.pluginsPath + name + '/html/';

    function getFilePath(fileName) {
        return htmlPath + fileName + '?ver=' + encodeURIComponent(K.DEBUG ? K.TIME : K.VERSION);
    }
    self.clickToolbar(name, function() {
        var lang = self.lang(name + '.'),
            arr = ['<div style="padding:10px 20px;">',
                '<div class="ke-header">',
                // left start
                '<div class="ke-left">',
                lang.selectTemplate + ' <select>'
            ];
        K.each(lang.fileList, function(key, val) {
            arr.push('<option value="' + key + '">' + val + '</option>');
        });
        html = [arr.join(''),
            '</select></div>',
            // right start
            '<div class="ke-right">',
            '<input type="checkbox" id="keReplaceFlag" name="replaceFlag" value="1" /> <label for="keReplaceFlag">' + lang.replaceContent + '</label>',
            '</div>',
            '<div class="ke-clearfix"></div>',
            '</div>',
            '<iframe class="ke-textarea" frameborder="0" style="width:458px;height:260px;background-color:#FFF;"></iframe>',
            '</div>'
        ].join('');
        var dialog = self.createDialog({
            name: name,
            width: 500,
            title: self.lang(name),
            body: html,
            yesBtn: {
                name: self.lang('yes'),
                click: function(e) {
                    var doc = K.iframeDoc(iframe);
                    self[checkbox[0].checked ? 'html' : 'insertHtml'](doc.body.innerHTML).hideDialog().focus();
                }
            }
        });
        var selectBox = K('select', dialog.div),
            checkbox = K('[name="replaceFlag"]', dialog.div),
            iframe = K('iframe', dialog.div);
        checkbox[0].checked = true;
        iframe.attr('src', getFilePath(selectBox.val()));
        selectBox.change(function() {
            iframe.attr('src', getFilePath(this.value));
        });
    });
});

/*******************************************************************************
 * KindEditor - WYSIWYG HTML Editor for Internet
 * Copyright (C) 2006-2011 kindsoft.net
 *
 * @author Roddy <luolonghao@gmail.com>
 * @site http://www.kindsoft.net/
 * @licence http://www.kindsoft.net/license.php
 *******************************************************************************/

KindEditor.plugin('wordpaste', function(K) {
    var self = this,
        name = 'wordpaste';
    self.clickToolbar(name, function() {
        var lang = self.lang(name + '.'),
            html = '<div style="padding:10px 20px;">' +
            '<div style="margin-bottom:10px;">' + lang.comment + '</div>' +
            '<iframe class="ke-textarea" frameborder="0" style="width:408px;height:260px;"></iframe>' +
            '</div>',
            dialog = self.createDialog({
                name: name,
                width: 450,
                title: self.lang(name),
                body: html,
                yesBtn: {
                    name: self.lang('yes'),
                    click: function(e) {
                        var str = doc.body.innerHTML;
                        str = K.clearMsWord(str, self.filterMode ? self.htmlTags : K.options.htmlTags);
                        self.insertHtml(str).hideDialog().focus();
                    }
                }
            }),
            div = dialog.div,
            iframe = K('iframe', div),
            doc = K.iframeDoc(iframe);
        if(!K.IE) {
            doc.designMode = 'on';
        }
        doc.open();
        doc.write('<!doctype html><html><head><title>WordPaste</title></head>');
        doc.write('<body style="background-color:#FFF;font-size:12px;margin:2px;">');
        if(!K.IE) {
            doc.write('<br />');
        }
        doc.write('</body></html>');
        doc.close();
        if(K.IE) {
            doc.body.contentEditable = 'true';
        }
        iframe[0].contentWindow.focus();
    });
});


/* ========================================================================
 * ZUI: Kindeditor plugin - zui
 * http://openzui.com
 * ========================================================================
 * Copyright (c) 2019-2020 cnezsoft.com; Licensed MIT
 * ======================================================================== */

 $.each(['afterBlur', 'afterFocus', 'afterChange', 'afterTab'], function(_index, name) {
    KindEditor.EditorClass.prototype[name] = function(fn) {
        return this.handler(name, fn);
    };
});

KindEditor.plugin('zui', function(K) {
    var self = this;
    var options = self.options;
    self.uuid = $.zui.uuid();

    self.afterBlur(function() {
        if (options.syncAfterBlur) {
            self.sync();
        }
        self.container.removeClass('focus');
    });

    self.afterFocus(function() {
        self.container.addClass('focus');
    });

    self.afterChange(function() {
        self.edit.srcElement.change().hide();
    });

    self.afterCreate(function() {
        $(self.edit.srcElement[0]).data('keditor', self);

        var spellcheck = options.spellcheck;
        if (spellcheck !== undefined) {
            self.edit.doc.documentElement.setAttribute('spellcheck', spellcheck);
        }

        var transferEvents = options.transferEvents;
        if (transferEvents !== false) {
            $(self.edit.doc).on(typeof transferEvents === 'string' ? transferEvents : 'click mousedown', function(event) {
                $(self.edit.srcElement[0]).trigger(event.type);
            });
        }
    });

    if (options.transferTab !== false) {
        var nextFormControl = 'input:not([type="hidden"]), textarea:not(.ke-edit-textarea), button[type="submit"], select';
        self.afterTab(function() {
            var $editor = $(self.edit.srcElement[0]);
            var $next = $editor.next(nextFormControl);
            if(!$next.length) $next = $editor.next().next(nextFormControl);
            if(!$next.length) $next = $editor.parent().next().find(nextFormControl);
            if(!$next.length) $next = $editor.parent().parent().next().find(nextFormControl);
            $next = $next.first();
            if ($next.length) {
                var keditor = $next.data('keditor');
                if(keditor) {
                    keditor.focus();
                } else {
                    $next.focus();
                }
                return true;
            }
            return true;
        });
    }
});

/* ========================================================================
 * ZUI: Kindeditor plugin - placeholder
 * http://openzui.com
 * ========================================================================
 * Copyright (c) 2019-2020 cnezsoft.com; Licensed MIT
 * ======================================================================== */

KindEditor.EditorClass.prototype.setPlaceholder = function(placeholder, asHtml) {
    var self = this;
    var options = self.options;
    var $editDiv = $(self.edit.div[0]);
    var $placeholder = $editDiv.find('.kindeditor-ph');
    if (!$placeholder.length) {
        $editDiv.css('position', 'relative');
        $placeholder = $('<div class="kindeditor-ph" style="width:100%; color:#888; padding: 8px; background:none; position:absolute;z-index:10;top:0;border:0;overflow:auto;resize:none; pointer-events:none; white-space: pre-wrap; font-size: 13px"></div>');
        if (options.placeholderStyle) {
            $placeholder.css(options.placeholderStyle);
        }
        $editDiv.append($placeholder);
    }
    if (self.plugin.hasContent()) {
        $placeholder.hide();
    }
    $placeholder[asHtml ? 'html' : 'text'](placeholder);
    self.$placeholder = $placeholder;
};

KindEditor.EditorClass.prototype.getPlaceholder = function(asHtml) {
    return this.$placeholder ? this.$placeholder[asHtml ? 'html' : 'text']() : '';
};

KindEditor.plugin('placeholder', function(K) {
    var self = this;

    self.plugin.hasContent = function() {
        return self.html().replace(/\s|\n|\r|\t/g, '').replace(/<br\/>/g, '').replace(/<p><\/p>/g, '') !== '';
    };

    self.afterBlur(function() {
        if (!self.plugin.hasContent()) {
            self.$placeholder && self.$placeholder.show();
        }
    });

    self.afterFocus(function() {
        self.$placeholder && self.$placeholder.hide();
    });

    self.afterCreate(function() {
        var options = self.options;
        if (options.placeholderHtml) {
            self.setPlaceholder(options.placeholderHtml, true);
        } else if (options.placeholder) {
            self.setPlaceholder(options.placeholder);
        }
    });
});

/* ========================================================================
 * ZUI: Kindeditor plugin - paste-image
 * http://openzui.com
 * ========================================================================
 * Copyright (c) 2019-2019 cnezsoft.com; Licensed MIT
 * ======================================================================== */

KindEditor.plugin('pasteimage', function(K) {
    var self = this;
    var allLangs = {
        zh_cn: {
            notSupportMsg: '您的浏览器不支持粘贴图片！',
            placeholder: '可以在编辑器直接贴图。',
            failMsg: '贴图失败，请稍后重试。',
            uploadingHint: '正在上传图片，请稍后...',
        },
        zh_tw: {
            notSupportMsg: '您的瀏覽器不支持粘貼圖片！',
            placeholder: '可以在編輯器直接貼圖。',
            failMsg: '貼圖失敗，請稍後重試。',
            uploadingHint: '正在上傳圖片，請稍後...',
        },
        en: {
            notSupportMsg: 'Image is not allowed to paste in your browser!',
            placeholder: 'You can paste images in the editor.',
            failMsg: 'Pasting image failed. Try again later.',
            uploadingHint: 'Uploading...',
        }
    };

    self.afterCreate(function() {
        var edit    = self.edit;
        var doc     = edit.doc;
        var uuid    = self.uuid;
        var options = self.options.pasteImage;
        if (!options) {
            return;
        }
        if (typeof options === 'string') {
            options = {postUrl: options};
        }
        var langName = $.clientLang ? $.clientLang() : ($.zui && $.zui.clientLang) ? $.zui.clientLang() : 'en';
        var lang = $.extend({}, ($.zui && $.zui.getLangData) ? $.zui.getLangData('kindeditor.advanceTable', langName, allLangs) : $.extend({}, allLangs.en, self.lang('table.'), allLangs[langName]), options.lang);

        if(!K.WEBKIT && !K.GECKO)
        {
            $(doc.body).on('keyup.ke' + uuid, function(ev)
            {
                if(ev.keyCode == 86 && ev.ctrlKey) alert(lang.notSupportMsg);
            });
        }

        if(self.setPlaceholder)
        {
            var placeholder = options.placeholder;
            if (placeholder === true) placeholder = lang.placeholder;
            if (placeholder) {
                var oldPlaceholder = self.getPlaceholder();
                if (!oldPlaceholder) oldPlaceholder = placeholder;
                else if (oldPlaceholder.indexOf(placeholder) < 0) placeholder = oldPlaceholder + '\n' + placeholder;
                self.setPlaceholder(placeholder);
            }
        }

        var pasteBegin = function() {
            // if ($.enableForm) {
            //     $.enableForm(false, 0, 1);
            //     $('body').one('click.ke' + uuid, function(){$.enableForm(true);});
            // }
            if (options.beforePaste) {
                options.beforePaste();
            }
            var imageLoadingEle = '<div class="image-loading-ele small" style="padding: 5px; background: #FFF3E0; width: 300px; border-radius: 2px; border: 1px solid #FF9800; color: #ff5d5d; margin: 10px 0;"><i class="icon icon-spin icon-spinner-indicator muted"></i> ' + lang.uploadingHint + '</div>';
            self.readonly(true);
            if ($.fn.enableForm) {
                $(self.edit.div[0]).closest('form').enableForm(false);
            }
            self.cmd.inserthtml(imageLoadingEle);
        };

        var pasteEnd = function(error) {
            if(error) {
                if (options.onError) {
                    options.onError(error);
                } else {
                    if(error === true) error = lang.failMsg;
                    if ($.zui && $.zui.messager) {
                        $.zui.messager.danger(error, {placement: 'center'});
                    }
                }
            }
            // if ($.enableForm) {
            //     $.enableForm(true, 0, 1);
            // }
            // $('body').off('.ke' + uuid);
            if (options.afterPaste) {
                options.afterPaste();
            }

            // Use self.undo to remove .image-loading-ele now
            // $(doc.body).find('.image-loading-ele').remove();

            self.readonly(false);
            if ($.fn.enableForm) {
                $(self.edit.div[0]).closest('form').enableForm(true);
            }
        };

        var pasteUrl = options.postUrl;
        var findBase64OnPaste = function() {
            setTimeout(function() {
                var html = K(doc.body).html();
                if(html.search(/<img src="data:.+;base64,/) > -1) {
                    pasteBegin();
                    $.post(pasteUrl, {editor: html}, function(data) {
                        if(data.indexOf('<img') === 0) data = '<p>' + data + '</p>';
                        self.undo();
                        self._redoStack.pop();
                        edit.html(data);
                        pasteEnd();
                    }).error(function()
                    {
                        pasteEnd(true);
                    });
                }
            }, 80);
        };
        $(doc.body).on('paste.ke' + uuid, function(ev) {
            if (K.WEBKIT) {
                /* Paste in chrome.*/
                /* Code reference from http://www.foliotek.com/devblog/copy-images-from-clipboard-in-javascript/. */
                var original = ev.originalEvent;
                var clipboardItems = original.clipboardData && original.clipboardData.items;
                var clipboardItem = null;
                if(clipboardItems)
                {
                    var IMAGE_MIME_REGEX = /^image\/(p?jpeg|gif|png)$/i;
                    for (var i = 0; i < clipboardItems.length; i++)
                    {
                        var dataType = clipboardItems[i].type;
                        if(options.pasteTextFirst && dataType.indexOf('text/') === 0) return;
                        if (IMAGE_MIME_REGEX.test(dataType))
                        {
                            clipboardItem = clipboardItems[i];
                            if(!options.pasteTextFirst) break;
                        }
                    }
                }
                var file = clipboardItem && clipboardItem.getAsFile();
                if (!file) return findBase64OnPaste();
                original.preventDefault();
                pasteBegin();

                var reader = new FileReader();
                reader.onload = function(evt) {
                    var result = evt.target.result;
                    // var arr    = result.split(",");
                    // var data   = arr[1]; // raw base64
                    // var contentType = arr[0].split(";")[0].split(":")[1];

                    var html = '<img src="' + result + '" alt="" />';
                    $.post(pasteUrl, {editor: html}, function(data)
                    {
                        self.undo();
                        self._redoStack.pop();
                        if (data) {
                            var $img = $(data);
                            edit.cmd.insertimage($img.attr('src'), $img.attr('title'), $img.attr('width'), $img.attr('height'));
                        } else {
                            edit.cmd.insertimage(result);
                        }
                        pasteEnd();
                    }).error(function()
                    {
                        pasteEnd(true);
                    });
                };
                reader.readAsDataURL(file);
            } else {
                /* Paste in firefox and other browsers. */
                findBase64OnPaste();
            }
        });

        self.beforeRemove(function() {
            $(doc.body).off('.ke' + uuid);
        });
    });
});

/*  cellPos jQuery plugin
    ---------------------
    Get visual position of cell in HTML table (or its block like thead).
    Return value is object with "top" and "left" properties set to row and column index of top-left cell corner.
    Example of use:
        $("#myTable tbody td").each(function(){
            $(this).text( $(this).cellPos().top +", "+ $(this).cellPos().left );
        });
*/
(function ($) {
    /* scan individual table and set "cellPos" data in the form { left: x-coord, top: y-coord } */
    function scanTable($table) {
        var m = [];
        var tableWidth = 0;
        var tableHeight = 0;
        $table.children('thead,tbody,tfoot').children('tr').each(function (y, row) {
            $(row).children('td,th').each(function (x, cell) {
                var $cell = $(cell),
                    cspan = $cell.attr('colspan') | 0,
                    rspan = $cell.attr('rowspan') | 0,
                    tx, ty;
                cspan = cspan ? cspan : 1;
                rspan = rspan ? rspan : 1;
                for (; m[y] && m[y][x]; ++x);  //skip already occupied cells in current row
                for (tx = x; tx < x + cspan; ++tx) {  //mark matrix elements occupied by current cell with true
                    for (ty = y; ty < y + rspan; ++ty) {
                        if (!m[ty]) {  //fill missing rows
                            m[ty] = [];
                        }
                        m[ty][tx] = true;
                    }
                }
                var pos = {top: y, left: x, bottom: y + rspan - 1, right: x + cspan - 1};
                $cell.data('cellPos', pos);
                tableWidth = Math.max(tableWidth, pos.right);
                tableHeight = Math.max(tableHeight, pos.bottom);
                // $cell.text(x + ', ' + y + ' | ' + pos.right + ',' + pos.bottom);
            });
        });
        $table.data('tableSize', {width: tableWidth + 1, height: tableHeight + 1});
    };

    /* plugin */
    $.fn.cellPos = function (rescan) {
        var $cell = this.first(),
            pos = $cell.data('cellPos');
        if (!pos || rescan) {
            var $table = $cell.closest('table');
            scanTable($table);
        }
        pos = $cell.data('cellPos');
        return pos;
    }
})(jQuery);

/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
* Copyright (C) 2006-2011 kindsoft.net
*
* @author Roddy <luolonghao@gmail.com>
* @site http://www.kindsoft.net/
* @licence http://www.kindsoft.net/license.php
*******************************************************************************/

KindEditor.plugin('table', function (K) {
    var self = this;
    var name = 'table';
    var allLangs = {
        zh_cn: {
            name: '表格',
            xRxC: '{0}行 × {1}列',
            headerRow: '标题行',
            headerCol: '标题列',
            tableStyle: '表格样式',
            addHeaderRow: '添加表格标题行',
            stripedRows: '隔行变色效果',
            hoverRows: '鼠标悬停效果',
            autoChangeTableWidth: '自动调整表格尺寸',
            tableWidthFixed: '按表格文字自适应',
            tableWidthFull: '按页面宽度自适应',
            tableBorder: '表格边框',
            tableHead: '标题',
            tableContent: '内容',
            mergeCells: '合并单元格',
            defaultColor: '默认颜色',
            color: '颜色',
            forecolor: '文字颜色',
            backcolor: '背景颜色',
            invalidBoderWidth: '边框大小必须为数字。'
        },
        zh_tw: {
            name: '表格',
            xRxC: '{0}行×{1}列',
            headerRow: '標題行',
            headerCol: '標題列',
            tableStyle: '表格樣式',
            addHeaderRow: '添加表格標題行',
            stripedRows: '隔行變色效果',
            hoverRows: '鼠標懸停效果',
            autoChangeTableWidth: '自動調整表格尺寸',
            tableWidthFixed: '按表格文字自適應',
            tableWidthFull: '按頁面寬度自適應',
            tableBorder: '表格邊框',
            tableHead: '標題',
            tableContent: '內容',
            mergeCells: '合併單元格',
            defaultColor: '默認顏色',
            color: '顏色',
            forecolor: '文字顏色',
            backcolor: '背景顏色',
            invalidBoderWidth: '邊框大小必須為數字。'
        },
        en: {
            name: 'Table',
            xRxC: '{0} Rows × {1} Columns',
            headerRow: 'Header Row',
            headerCol: 'Header Column',
            tableStyle: 'Table style',
            addHeaderRow: 'Add header row',
            stripedRows: 'Striped effection',
            hoverRows: 'Mouse hover effection',
            autoChangeTableWidth: 'Automatically adjust table size',
            tableWidthFixed: 'Adaptive by form text',
            tableWidthFull: 'Page width adaptive',
            tableBorder: 'Table border',
            tableHead: 'Title',
            tableContent: 'Text',
            mergeCells: 'Merge Cells',
            defaultColor: 'Default color',
            color: 'Color',
            forecolor: 'Text Color',
            backcolor: 'Back Color',
            invalidBoderWidth: 'Border width value must be number'
        }
    };
    var $elements = [];
    var langName = $.clientLang ? $.clientLang() : ($.zui && $.zui.clientLang) ? $.zui.clientLang() : 'en';
    var lang = ($.zui && $.zui.getLangData) ? $.extend({}, self.lang('table.'), $.zui.getLangData('kindeditor.advanceTable', langName, allLangs)) : $.extend({}, allLangs.en, self.lang('table.'), allLangs[langName]);
    var defaultTableBorderColor = self.options.tableBorderColor || '#ddd';

    self.tableIdIndex = 0;

    // 设置颜色
    function _setColor(box, color) {
        color = color.toUpperCase();
        box.css('background-color', color);
        if (color) {
            if ($ && $.zui && $.zui.Color) {
                box.css('color', new $.zui.Color(color).contrast().toCssStr());
            } else {
                box.css('color', (color === '#FFF' || color === '#FFFFFF') ? '#000' : '#FFF');
            }
        }
        box.name === 'input' ? box.val(color) : box.html(color);
    }
    // 初始化取色器
    var pickerList = [];
    function _initColorPicker(dialogDiv, colorBox, onSetColor) {
        colorBox.bind('click,mousedown', function (e) {
            e.stopPropagation();
        });
        function removePicker() {
            K.each(pickerList, function () {
                this.remove();
            });
            pickerList = [];
            K(document).unbind('click,mousedown', removePicker);
            dialogDiv.unbind('click,mousedown', removePicker);
        }
        colorBox.click(function (e) {
            removePicker();
            var box = K(this),
                pos = box.pos();
            var picker = K.colorpicker({
                x: pos.x,
                y: pos.y + box.height(),
                z: 811214,
                selectedColor: K(this).val(),
                colors: self.colorTable,
                noColor: lang['defaultColor'],
                shadowMode: self.shadowMode,
                click: function (color) {
                    _setColor(box, color);
                    removePicker();
                    onSetColor && onSetColor(color);
                }
            });
            pickerList.push(picker);
            K(document).bind('click,mousedown', removePicker);
            dialogDiv.bind('click,mousedown', removePicker);
        });
    }
    // 取得下一行cell的index
    function _getCellIndex(table, row, cell) {
        var rowSpanCount = 0;
        for (var i = 0, len = row.cells.length; i < len; i++) {
            if (row.cells[i] == cell) {
                break;
            }
            rowSpanCount += row.cells[i].rowSpan - 1;
        }
        return cell.cellIndex - rowSpanCount;
    }

    function removeEvent() {
        K.each($elements, function () {
            this.off('.kTable');
        });
    }

    function getTableSetting($table, setting)
    {
        if (!$table) {
            var table = self.plugin.getSelectedTable();
            $table = $(table[0]);
        }
        var setting = $.extend({
            borderColor: defaultTableBorderColor
        }, $table.data('tableSetting'), setting);
        if (setting.autoWidth === undefined) {
            setting.autoWidth = $table[0].style.width === 'auto';
        }
        if (setting.stripedRows === undefined) {
            var $rows = $table.find('tbody>tr');
            var coloredRowsLength = $rows.filter(function () {
                return !!this.style.backgroundColor;
            }).length;
            setting.stripedRows = coloredRowsLength >= Math.floor($rows.length / 2);
        }
        return setting;
    }

    function updateTable(setting, $table, onUpdateSetting) {
        if (!$table) {
            var table = self.plugin.getSelectedTable();
            $table = $(table[0]);
        }
        if (!$table || !$table.length) return;
        setting = getTableSetting($table, setting);
        $table.data('tableSetting', setting);
        if (setting.header !== undefined) {
            if ($table.is('.ke-plugin-table-example')) {
                $table.find('thead').toggleClass('hidden', !setting.header);
            } else {
                var $thead = $table.find('thead');
                if (setting.header) {
                    if (!$thead.length) {
                        var theadHtml = ['<thead><tr>'];
                        var $firstRow = $table.find('tbody>tr:first').children();
                        var colsCount = 0;
                        $firstRow.each(function () {
                            var $cell = $(this);
                            var cellSpan = $cell.attr('colspan');
                            colsCount += cellSpan ? parseInt(cellSpan) : 1;
                        });
                        for (var i = 0; i < colsCount; ++i) {
                            theadHtml.push('<th style="background-color: #f1f1f1; border: 1px solid ' + (setting.borderColor || defaultTableBorderColor)  + '">' + (K.IE ? '&nbsp;' : '<br />') + '</th>');
                        }
                        theadHtml.push('</tr></thead>');
                        $thead = $(theadHtml.join(''));
                        $table.prepend($thead);
                    }
                } else {
                    $thead.remove();
                }
            }
            onUpdateSetting && onUpdateSetting('header', setting.header);
        }
        if (setting.stripedRows !== undefined) {
            var $rows = $table.find('tbody>tr');
            $rows.each(function (index) {
                $(this).css('background-color', (setting.stripedRows && (index % 2 === 0)) ? '#f9f9f9' : '');
            });
            onUpdateSetting && onUpdateSetting('stripedRows', setting.stripedRows);
        }
        // if (setting.hoverRows !== undefined) {
        //     $table.toggleClass('table-hover', !!setting.hoverRows);
        //     onUpdateSetting && onUpdateSetting('hoverRows', setting.hoverRows);
        // }
        if (setting.autoWidth !== undefined) {
            $table.css(setting.autoWidth ? {
                width: 'auto',
                maxWidth: '100%'
            } : {
                width: '100%',
            });
            onUpdateSetting && onUpdateSetting('autoWidth', setting.autoWidth);
        }
        if (setting.borderColor !== undefined) {
            $table.find('td,th').css('border-color', setting.borderColor);
            onUpdateSetting && onUpdateSetting('borderColor', setting.borderColor);
        }
    }

    function insertTable(row, col, headerRow, headerCol) {
        if (!(row * col)) {
            return;
        }
        var tableID = 'ke-table-' + (self.tableIdIndex++);
        var $table = $('<table id="' + tableID + '" class="table table-kindeditor" style="width: 100%"></table>');
        var $body = $('<tbody></tbody>');
        for (var r = 0; r < row; r++) {
            var $row = $('<tr></tr>');
            for (var c = 0; c < col; c++) {
                var $cell = $('<td style="border: 1px solid ' + defaultTableBorderColor + '">' + (K.IE ? '&nbsp;' : '<br />') + '</td>');
                $row.append($cell);
            }
            $body.append($row);
        }
        $table.append($body);
        var html = $('<div>').append($table).html();
        if (!K.IE) {
            html += '<br />';
        }
        self.insertHtml(html);
        var $table = $(self.edit.doc).find('#' + tableID);
        $table.attr('id', null);
        self.cmd.range.selectNodeContents($table.find('th,td').first()[0]).collapse(true);
        self.cmd.select();
        self.addBookmark();
        return $table;
    }

    function modifyTable(table) {
        var $table = $(table[0]);
        var theadHtml = ['<thead><tr>'];
        var tbodyHtml = ['<tbody>'];
        for (var i = 0; i < 6; ++i) {
            theadHtml.push('<th style="padding:4px">{tableHead}</th>');
            tbodyHtml.push('<tr>');
            for (var j = 0; j < 6; ++j) {
                tbodyHtml.push('<td style="padding:4px">{tableContent}</td>');
            }
            tbodyHtml.push('</tr>');
        }
        theadHtml.push('</tr></thead>');
        tbodyHtml.push('</tbody>');
        var dialogHtml = [
            '<div class="container" style="padding: 15px">',
            '<div class="row">',
            '<div class="col-xs-5 col-left">',
            '<div class="form-group">',
            '<label>{tableStyle}</label>',
            '<div class="checkbox" style="margin: 0 0 5px"><label><input type="checkbox" name="header"> {addHeaderRow}</label></div>',
            '<div class="checkbox" style="margin: 0 0 5px"><label><input type="checkbox" name="stripedRows"> {stripedRows}</label></div>',
            // '<div class="checkbox" style="margin: 0 0 5px"><label><input type="checkbox" name="hoverRows"> {hoverRows}</label></div>',
            '</div>',
            '<div class="form-group">',
            '<label>{autoChangeTableWidth}</label>',
            '<div class="radio" style="margin: 0 0 5px"><label><input type="radio" name="autoWidth" value="auto"> {tableWidthFixed}</label></div>',
            '<div class="radio" style="margin: 0 0 5px"><label><input type="radio" name="autoWidth" value=""> {tableWidthFull}</label></div>',
            '</div>',
            '<div class="form-group" style="margin: 0">',
            '<label>{tableBorder}</label>',
            '<div class="input-group" style="width: 180px">',
            '<span class="input-group-addon">{borderColor}</span>',
            '<input class="form-control ke-plugin-table-input-color" readonly style="background: ' + defaultTableBorderColor + '; color: #333; font-size: 12px" value="' + defaultTableBorderColor + '" name="borderColor" />',
            '</div>',
            '</div>',
            '</div>',
            '<div class="col-xs-7 col-right">',
            '<table class="table table-bordered table-kindeditor ke-plugin-table-example">',
            theadHtml.join(''),
            tbodyHtml.join(''),
            '<table>',
            '</div>',
            '</div>',
            '</div>'
        ].join('').format(lang);
        var $dialog = $(dialogHtml);
        var $exampleTable = $dialog.find('.ke-plugin-table-example');
        var bookmark = self.cmd.range.createBookmark();
        var $colorBox = $dialog.find('.ke-plugin-table-input-color');
        var colorBox = K($colorBox[0]);
        $dialog.on('change.kTable', 'input[name]', function () {
            var $input = $(this);
            var updateSetting = {};
            updateSetting[$input.attr('name')] = $input.is('[type="checkbox"]') ? $input.is(':checked') : $input.val();
            updateTable(updateSetting, $exampleTable);
        });

        var dialog = self.createDialog({
            name: name + 'Dialog',
            width: 550,
            title: self.lang(name),
            body: $dialog[0],
            beforeRemove: function () {
                $dialog.off('.kTable');
            },
            yesBtn: {
                name: self.lang('yes'),
                click: function (e) {
                    updateTable({
                        borderColor: $dialog.find('[name="borderColor"]').val(),
                        header: $dialog.find('[name="header"]').is(':checked'),
                        stripedRows: $dialog.find('[name="stripedRows"]').is(':checked'),
                        hoverRows: $dialog.find('[name="hoverRows"]').is(':checked'),
                        autoWidth: $dialog.find('[name="autoWidth"]:checked').val(),
                    }, $table);
                    self.hideDialog().focus();
                    self.cmd.range.moveToBookmark(bookmark);
                    self.cmd.select();
                    self.addBookmark();
                }
            }
        });
        _initColorPicker(dialog.div, colorBox, function (color) {
            updateTable({ borderColor: color }, $exampleTable);
        });

        updateTable(getTableSetting($table), $exampleTable, function (name, value) {
            switch (name) {
                case 'borderColor':
                    _setColor(colorBox, value || defaultTableBorderColor);
                    break;
                case 'header':
                    $dialog.find('[name="header"]').prop('checked', !!value);
                    break;
                case 'stripedRows':
                    $dialog.find('[name="stripedRows"]').prop('checked', !!value);
                    break;
                case 'hoverRows':
                    $dialog.find('[name="hoverRows"]').prop('checked', !!value);
                    break;
                case 'autoWidth':
                    $dialog.find('[name="autoWidth"][value="' + (value ? 'auto' : '') + '"]').prop('checked', true);
                    break;
            }
        });
    }

    if (!self.plugin.table) {
        self.plugin.table = {
            // modify table
            prop: function () {
                var table = self.plugin.getSelectedTable();
                if (table && table.length) {
                    modifyTable(table);
                }
            },
            //modify cell
            cellprop: function () {
                var html = [
                    '<div class="form-horizontal" style="padding: 20px;">',
                        //width, height
                        '<div class="form-group">',
                            '<label class="col-xs-2" style="margin: 0;">' + lang.size + '</label>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.width + '</span>',
                                    '<input type="number" class="form-control" id="keWidth" name="width" value="" maxlength="4" />',
                                    '<span class="input-group-addon fix-border fix-padding"></span>',
                                    '<select name="widthType" class="form-control" style="width: 45px">',
                                        '<option value="%">' + lang.percent + '</option>',
                                        '<option value="px">' + lang.px + '</option>',
                                    '</select>',
                                '</div>',
                            '</div>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.height + '</span>',
                                    '<input type="number" class="form-control" id="keWidth" name="height" value="" maxlength="4" />',
                                    '<span class="input-group-addon fix-border fix-padding"></span>',
                                    '<select name="heightType" class="form-control" style="width: 45px">',
                                        '<option value="%">' + lang.percent + '</option>',
                                        '<option value="px">' + lang.px + '</option>',
                                    '</select>',
                                '</div>',
                            '</div>',
                        '</div>',
                        //align
                        '<div class="form-group">',
                            '<label class="col-xs-2" style="margin: 0;">' + lang.align + '</label>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.textAlign + '</span>',
                                    '<select id="keAlign" name="textAlign" class="form-control">',
                                        '<option value="">' + lang.alignDefault + '</option>',
                                        '<option value="left">' + lang.alignLeft + '</option>',
                                        '<option value="center">' + lang.alignCenter + '</option>',
                                        '<option value="right">' + lang.alignRight + '</option>',
                                    '</select>',
                                '</div>',
                            '</div>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.verticalAlign + '</span>',
                                    '<select name="verticalAlign" class="form-control">',
                                        '<option value="">' + lang.alignDefault + '</option>',
                                        '<option value="top">' + lang.alignTop + '</option>',
                                        '<option value="middle">' + lang.alignMiddle + '</option>',
                                        '<option value="bottom">' + lang.alignBottom + '</option>',
                                        '<option value="baseline">' + lang.alignBaseline + '</option>',
                                    '</select>',
                                '</div>',
                            '</div>',
                        '</div>',
                        //border
                        '<div class="form-group">',
                            '<label class="col-xs-2" style="margin: 0;">' + lang.border + '</label>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.borderColor + '</span>',
                                    '<input class="form-control ke-plugin-table-input-color" readonly style="background: ' + defaultTableBorderColor + '; color: #333; font-size: 12px" value="' + defaultTableBorderColor + '" name="borderColor" />',
                                '</div>',
                            '</div>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.size + '</span>',
                                    '<input type="number" class="form-control" name="borderWidth" value="1" min="0" step="1" />',
                                    '<span class="input-group-addon">px</span>',
                                '</div>',
                            '</div>',
                        '</div>',
                        //background color
                        '<div class="form-group">',
                            '<label class="col-xs-2" style="margin: 0;">' + lang.color + '</label>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.forecolor + '</span>',
                                    '<input class="form-control ke-plugin-table-input-color" readonly style="background: #333; color: #fff; font-size: 12px" value="#333" name="forecolor" />',
                                '</div>',
                            '</div>',
                            '<div class="col-xs-5">',
                                '<div class="input-group">',
                                    '<span class="input-group-addon">' + lang.backcolor + '</span>',
                                    '<input class="form-control ke-plugin-table-input-color" readonly style="background: #fff; color: #333; font-size: 12px" value="#333" name="backgroundColor" />',
                                '</div>',
                            '</div>',
                        '</div>',
                    '</div>',
                ].join('');
                var bookmark = self.cmd.range.createBookmark();
                var div, widthBox, heightBox, widthTypeBox, widthTypeBox, textAlignBox, verticalAlignBox, colorBox, borderWidthBox;
                var dialog = self.createDialog({
                    name: name,
                    width: 500,
                    title: self.lang('tablecell'),
                    body: html,
                    beforeRemove: function () {
                        colorBox.unbind();
                    },
                    yesBtn: {
                        name: self.lang('yes'),
                        click: function (e) {
                            var width = widthBox.val(),
                                height = heightBox.val(),
                                widthType = widthTypeBox.val(),
                                heightType = heightTypeBox.val(),
                                textAlign = textAlignBox.val(),
                                verticalAlign = verticalAlignBox.val(),
                                borderWidth = borderWidthBox.val(),
                                borderColor = K(colorBox[0]).val() || '',
                                textColor = K(colorBox[1]).val() || '',
                                bgColor = K(colorBox[2]).val() || '';
                            if (!/^\d*$/.test(width)) {
                                alert(self.lang('invalidWidth'));
                                widthBox[0].focus();
                                return;
                            }
                            if (!/^\d*$/.test(height)) {
                                alert(self.lang('invalidHeight'));
                                heightBox[0].focus();
                                return;
                            }
                            if (!/^\d*$/.test(borderWidth)) {
                                alert(lang.invalidBoderWidth);
                                borderWidthBox[0].focus();
                                return;
                            }
                            var cells = self.plugin.getAllSelectedCells();
                            var style = {
                                width: width !== '' ? (width + widthType) : '',
                                height: height !== '' ? (height + heightType) : '',
                                'background-color': bgColor,
                                'text-align': textAlign,
                                'border-width': borderWidth + 'px',
                                'vertical-align': verticalAlign,
                                'border-color': borderColor,
                                color: textColor
                            };
                            for(var i = 0; i < cells.length; ++i) {
                                cells.eq(i).css(style);
                            }
                            self.hideDialog().focus();
                            self.cmd.range.moveToBookmark(bookmark);
                            self.cmd.select();
                            self.addBookmark();
                        }
                    }
                });
                div = dialog.div,
                widthBox = K('[name="width"]', div).val(100),
                heightBox = K('[name="height"]', div),
                widthTypeBox = K('[name="widthType"]', div),
                heightTypeBox = K('[name="heightType"]', div),
                textAlignBox = K('[name="textAlign"]', div),
                verticalAlignBox = K('[name="verticalAlign"]', div),
                borderWidthBox = K('[name="borderWidth"]', div),
                colorBox = K('.ke-plugin-table-input-color', div);
                _initColorPicker(div, colorBox.eq(0));
                _initColorPicker(div, colorBox.eq(1));
                _initColorPicker(div, colorBox.eq(2));
                _setColor(colorBox.eq(0), '#000000');
                _setColor(colorBox.eq(1), '');
                _setColor(colorBox.eq(2), '');
                // foucs and select
                widthBox[0].focus();
                widthBox[0].select();
                // get selected cell
                var cell = self.plugin.getSelectedCell();
                var match,
                    cellWidth = cell[0].style.width || cell[0].width || '',
                    cellHeight = cell[0].style.height || cell[0].height || '';
                if ((match = /^(\d+)((?:px|%)*)$/.exec(cellWidth))) {
                    widthBox.val(match[1]);
                    widthTypeBox.val(match[2]);
                } else {
                    widthBox.val('');
                }
                if ((match = /^(\d+)((?:px|%)*)$/.exec(cellHeight))) {
                    heightBox.val(match[1]);
                    heightTypeBox.val(match[2]);
                }
                var borderWidth = cell[0].style.borderWidth || '';
                if ((match = /^(\d+)((?:px)*)$/.exec(borderWidth))) {
                    borderWidthBox.val(match[1]);
                }
                textAlignBox.val(cell[0].style.textAlign || '');
                verticalAlignBox.val(cell[0].style.verticalAlign || '');
                _setColor(colorBox.eq(0), K.toHex(cell[0].style.borderColor || ''));
                _setColor(colorBox.eq(1), K.toHex(cell[0].style.color || ''));
                _setColor(colorBox.eq(2), K.toHex(cell[0].style.backgroundColor || ''));
                widthBox[0].focus();
                widthBox[0].select();
            },
            insert: function () {
                console.warn('Table insert not available.');
            },
            'delete': function () {
                var table = self.plugin.getSelectedTable();
                self.cmd.range.setStartBefore(table[0]).collapse(true);
                self.cmd.select();
                table.remove();
                self.addBookmark();
            },
            colinsert: function (offset) {
                var table = self.plugin.getSelectedTable()[0],
                    row = self.plugin.getSelectedRow()[0],
                    cell = self.plugin.getSelectedCell()[0],
                    index = cell.cellIndex + offset;
                var tableSetting = getTableSetting($(table));
                // 取得第一行的index
                index += table.rows[0].cells.length - row.cells.length;

                for (var i = 0, len = table.rows.length; i < len; i++) {
                    var newRow = table.rows[i],
                        newCell = newRow.insertCell(index),
                        isThead = newRow.parentNode.tagName === 'THEAD';
                    newCell.outerHTML = '<' + (isThead ? 'th' : 'td') + (newCell.rowSpan > 1 ? ' rowspan="' + newCell.rowSpan + '"' : '') + (newCell.colSpan > 1 ? ' colspan="' + newCell.colSpan + '"' : '') + ' style="' + (isThead ? 'background-color: #f1f1f1;' : '') + 'border: 1px solid ' + ((tableSetting && tableSetting.borderColor) || defaultTableBorderColor) + '">' + (K.IE ? '&nbsp;' : '<br />') + '</' + (isThead ? 'th' : 'td') + '>';
                    newCell = newRow.cells[index];
                    // 调整下一行的单元格index
                    index = _getCellIndex(table, newRow, newCell);
                }
                self.cmd.range.selectNodeContents(cell).collapse(true);
                // self.cmd.select();
                self.addBookmark();
                self.focus();
            },
            colinsertleft: function () {
                this.colinsert(0);
            },
            colinsertright: function () {
                this.colinsert(1);
            },
            rowinsert: function (offset) {
                var table = self.plugin.getSelectedTable()[0],
                    row = self.plugin.getSelectedRow()[0],
                    cell = self.plugin.getSelectedCell()[0],
                    firstRow = table.rows[0];
                var tableSetting = getTableSetting($(table));
                var rowIndex = row.rowIndex;
                if (offset === 1) {
                    rowIndex = row.rowIndex + (cell.rowSpan - 1) + offset;
                }
                var newRow = table.insertRow(rowIndex);
                var isThead = newRow.parentNode.tagName === 'THEAD';
                // debugger;
                for (var i = 0, len = firstRow.cells.length; i < len; i++) {
                    // 调整cell个数
                    var currentCell = firstRow.cells[i];
                    if (currentCell && currentCell.rowSpan > 1) {
                        len += currentCell.rowSpan - 1;
                    }
                    var newCell = newRow.insertCell(i);
                    // copy colspan
                    // if (offset === 1 && currentCell.colSpan > 1) {
                    //     newCell.colSpan = currentCell.colSpan;
                    // }
                    newCell.outerHTML = '<' + (isThead ? 'th' : 'td') + (newCell.rowSpan > 1 ? ' rowspan="' + newCell.rowSpan + '"' : '') + (newCell.colSpan > 1 ? ' colspan="' + newCell.colSpan + '"' : '') + ' style="' + (isThead ? 'background-color: #f1f1f1;' : '') + 'border: 1px solid ' + ((tableSetting && tableSetting.borderColor) || defaultTableBorderColor) + '">' + (K.IE ? '&nbsp;' : '<br />') + '</' + (isThead ? 'th' : 'td') + '>';
                }
                // 调整rowspan
                for (var j = rowIndex; j >= 0; j--) {
                    var cells = table.rows[j].cells;
                    if (cells.length > i) {
                        for (var k = cell.cellIndex; k >= 0; k--) {
                            if (cells[k].rowSpan > 1) {
                                cells[k].rowSpan += 1;
                            }
                        }
                        break;
                    }
                }
                updateTable(null, $(table));
                self.cmd.range.selectNodeContents(cell).collapse(true);
                // self.cmd.select();
                self.addBookmark();
                self.focus();
            },
            rowinsertabove: function () {
                this.rowinsert(0);
            },
            rowinsertbelow: function () {
                this.rowinsert(1);
            },
            rowmerge: function () {
                var table = self.plugin.getSelectedTable()[0],
                    row = self.plugin.getSelectedRow()[0],
                    cell = self.plugin.getSelectedCell()[0],
                    rowIndex = row.rowIndex, // 当前行的index
                    nextRowIndex = rowIndex + cell.rowSpan, // 下一行的index
                    nextRow = table.rows[nextRowIndex]; // 下一行
                // 最后一行不能合并
                if (table.rows.length <= nextRowIndex) {
                    return;
                }
                var cellIndex = cell.cellIndex; // 下一行单元格的index
                if (nextRow.cells.length <= cellIndex) {
                    return;
                }
                var nextCell = nextRow.cells[cellIndex]; // 下一行单元格
                // 上下行的colspan不一致时不能合并
                if (cell.colSpan !== nextCell.colSpan) {
                    return;
                }
                cell.rowSpan += nextCell.rowSpan;
                nextRow.deleteCell(cellIndex);
                self.cmd.range.selectNodeContents(cell).collapse(true);
                // self.cmd.select();
                self.addBookmark();
                self.focus();
            },
            colmerge: function () {
                var table = self.plugin.getSelectedTable()[0],
                    row = self.plugin.getSelectedRow()[0],
                    cell = self.plugin.getSelectedCell()[0],
                    rowIndex = row.rowIndex, // 当前行的index
                    cellIndex = cell.cellIndex,
                    nextCellIndex = cellIndex + 1;
                // 最后一列不能合并
                if (row.cells.length <= nextCellIndex) {
                    return;
                }
                var nextCell = row.cells[nextCellIndex];
                // 左右列的rowspan不一致时不能合并
                if (cell.rowSpan !== nextCell.rowSpan) {
                    return;
                }
                cell.colSpan += nextCell.colSpan;
                row.deleteCell(nextCellIndex);

                updateTable(null, $(table));

                self.cmd.range.selectNodeContents(cell).collapse(true);
                // self.cmd.select();
                self.addBookmark();
                self.focus();
            },
            mergeCells: function () {
                var tableSelectionRange = self.tableSelectionRange;
                if (!tableSelectionRange) return;
                var table = self.plugin.getSelectedTable()[0];
                var $table = $(table);
                var top = tableSelectionRange.top;
                var left = tableSelectionRange.left;
                var right = tableSelectionRange.right;
                var bottom = tableSelectionRange.bottom;
                var $firstCell;
                $table.children('thead,tbody,tfoot').children('tr').each(function () {
                    $(this).children('td,th').each(function () {
                        var $cell = $(this);
                        var pos = $cell.cellPos();
                        if (pos.left === left && pos.top === top) {
                            $firstCell = $cell;
                        } else if (pos.right >= left && pos.left <= right && pos.bottom >= top && pos.top <= bottom) {
                            $cell.addClass('ke-cell-removed');
                        }
                    });
                });
                if ($firstCell) {
                    $firstCell.attr({
                        rowspan: bottom - top + 1,
                        colspan: right - left + 1,
                    });
                    $table.find('.ke-cell-removed').remove();
                    updateTable(null, $table);
                    self.cmd.range.selectNodeContents($firstCell[0]).collapse(true);
                    // self.cmd.select();
                    self.addBookmark();
                    self.focus();
                }
            },
            rowsplit: function () {
                var table = self.plugin.getSelectedTable()[0],
                    row = self.plugin.getSelectedRow()[0],
                    cell = self.plugin.getSelectedCell()[0],
                    rowIndex = row.rowIndex;
                var tableSetting = getTableSetting($(table));
                // 不是可分割单元格
                if (cell.rowSpan === 1) {
                    return;
                }
                var cellIndex = _getCellIndex(table, row, cell);
                for (var i = 1, len = cell.rowSpan; i < len; i++) {
                    var newRow = table.rows[rowIndex + i],
                        newCell = newRow.insertCell(cellIndex);
                    var isThead = newRow.parentNode.tagName === 'THEAD';
                    var colSpan = cell.colSpan > 1 ? cell.colSpan : newCell.colSpan;
                    newCell.outerHTML = '<' + (isThead ? 'th' : 'td') + (newCell.rowSpan > 1 ? ' rowspan="' + newCell.rowSpan + '"' : '') + (colSpan > 1 ? ' colspan="' + colSpan + '"' : '') + ' style="' + (isThead ? 'background-color: #f1f1f1;' : '') + 'border: 1px solid ' + ((tableSetting && tableSetting.borderColor) || defaultTableBorderColor) + '">' + (K.IE ? '&nbsp;' : '<br />') + '</' + (isThead ? 'th' : 'td') + '>';
                    if (cell.colSpan > 1) {
                        newCell.colSpan = cell.colSpan;
                    }
                    // 调整下一行的单元格index
                    cellIndex = _getCellIndex(table, newRow, newCell);
                }
                K(cell).removeAttr('rowSpan');
                updateTable(null, $(table));
                self.cmd.range.selectNodeContents(cell).collapse(true);
                // self.cmd.select();
                self.addBookmark();
                self.focus();
            },
            colsplit: function () {
                var table = self.plugin.getSelectedTable()[0],
                    row = self.plugin.getSelectedRow()[0],
                    cell = self.plugin.getSelectedCell()[0],
                    cellIndex = cell.cellIndex;
                var tableSetting = getTableSetting($(table));
                // 不是可分割单元格
                if (cell.colSpan === 1) {
                    return;
                }
                var isThead = row.parentNode.tagName === 'THEAD';
                for (var i = 1, len = cell.colSpan; i < len; i++) {
                    var newCell = row.insertCell(cellIndex + i);
                    var rowSpan = cell.rowSpan > 1 ? cell.rowSpan : newCell.rowSpan;
                    var colSpan = newCell.colSpan;
                    newCell.outerHTML = '<' + (isThead ? 'th' : 'td') + (rowSpan > 1 ? ' rowspan="' + rowSpan + '"' : '') + (colSpan > 1 ? ' colspan="' + colSpan + '"' : '') + ' style="' + (isThead ? 'background-color: #f1f1f1;' : '') + 'border: 1px solid ' + ((tableSetting && tableSetting.borderColor) || defaultTableBorderColor) + '">' + (K.IE ? '&nbsp;' : '<br />') + '</' + (isThead ? 'th' : 'td') + '>';
                }
                K(cell).removeAttr('colSpan');
                updateTable(null, $(table));
                self.cmd.range.selectNodeContents(cell).collapse(true);
                // self.cmd.select();
                self.addBookmark();
                self.focus();
            },
            coldelete: function () {
                var table = self.plugin.getSelectedTable()[0];
                var cells = self.plugin.getAllSelectedCells();
                if (!cells.length) return;
                for (var j = 0; j < cells.length; ++j) {
                    var cell = cells.get(j);
                    var row = cell.parentNode;
                    if (!row || !row.parentNode) continue;
                    var index = cell.cellIndex;
                    for (var i = 0, len = table.rows.length; i < len; i++) {
                        var newRow = table.rows[i],
                            newCell = newRow.cells[index];
                        if (!newCell) continue;
                        if (newCell.colSpan > 1) {
                            newCell.colSpan -= 1;
                            if (newCell.colSpan === 1) {
                                K(newCell).removeAttr('colSpan');
                            }
                        } else {
                            newRow.deleteCell(index);
                        }
                        // 跳过不需要删除的行
                        if (newCell.rowSpan > 1) {
                            i += newCell.rowSpan - 1;
                        }
                    }
                    if (row.cells.length === 0) {
                        self.cmd.range.setStartBefore(table).collapse(true);
                        // self.cmd.select();
                        K(table).remove();
                        break;
                    }
                }
                if (table.parentNode) {
                    self.cmd.selection(true);
                }
                self.addBookmark();
                self.focus();
            },
            rowdelete: function () {
                var table = self.plugin.getSelectedTable()[0];
                var cells = self.plugin.getAllSelectedCells();
                if (!cells.length) return;
                for (var j = 0; j < cells.length; ++j) {
                    var cell = cells.get(j);
                    var row = cell.parentNode;
                    if (!row || !row.parentNode) continue;
                    // 从下到上删除
                    for (var i = cell.rowSpan - 1; i >= 0; i--) {
                        table.deleteRow(row.rowIndex + i);
                    }
                }
                if (table.rows.length === 0) {
                    self.cmd.range.setStartBefore(table).collapse(true);
                    // self.cmd.select();
                    K(table).remove();
                } else {
                    updateTable(null, $(table));
                    self.cmd.selection(true);
                }
                self.addBookmark();
                self.focus();
            }
        };

        self.plugin.getSelectedTable = function () {
            return K($(self.cmd.range.startContainer).closest('table')[0]);
        };
        // 获取选中的行
        self.plugin.getSelectedRow = function () {
            return K($(self.cmd.range.startContainer).closest('tr')[0]);
        };
        // 获取光标所在的单元格
        self.plugin.getSelectedCell = function () {
            return K($(self.cmd.range.startContainer).closest('td,th')[0]);
        };
        // 获取用户拖选的单元格
        self.plugin.getSelectedCells = function () {
            var table = self.plugin.getSelectedTable();
            if (table && table.length) {
                var cells = K('.ke-select-cell', table.get(0));
                if (cells && cells.length > 1) {
                    return cells;
                }
            }
        };
        // 当用户没有拖选多个单元格时，获取光标所在的单元格
        self.plugin.getSingleSelectedCell = function () {
            var selectedCells = self.plugin.getSelectedCells();
            if (selectedCells && selectedCells.length > 1) {
                return;
            }
            return self.plugin.getSelectedCell();
        };
        // 获取用户拖选或光标所在位置的单元格
        self.plugin.getAllSelectedCells = function () {
            var selectedCells = self.plugin.getSelectedCells();
            if (selectedCells && selectedCells.length) {
                return selectedCells;
            }
            return self.plugin.getSelectedCell();
        };

        var contextMenuIconClass = {
            mergeCells: 'ke-icon-tablecolmerge'
        };
        K.each(('prop,cellprop,colinsertleft,colinsertright,rowinsertabove,rowinsertbelow,mergeCells,rowmerge,colmerge,rowsplit,colsplit,coldelete,rowdelete,delete').split(','), function (i, val) {
            var cond;
            if (val === 'prop' || val === 'delete') {
                cond = self.plugin.getSelectedTable;
            } else if (val === 'mergeCells') {
                cond = self.plugin.getSelectedCells;
            }else if (val === 'rowmerge') {
                cond = function() {
                    var cell = self.plugin.getSingleSelectedCell();
                    if (cell && cell.length) {
                        if($(cell.get(0)).parent().next('tr').length) {
                            return cell;
                        }
                    }
                };
            } else if (val === 'colmerge') {
                cond = function() {
                    var cell = self.plugin.getSingleSelectedCell();
                    if (cell && cell.length) {
                        if($(cell.get(0)).next('th,td').length) {
                            return cell;
                        }
                    }
                };
            } else if (val === 'rowsplit') {
                cond = function() {
                    var cell = self.plugin.getSingleSelectedCell();
                    if (cell && cell.get(0).rowSpan > 1) {
                        return cell;
                    }
                };
            } else if (val === 'colsplit') {
                cond = function() {
                    var cell = self.plugin.getSingleSelectedCell();
                    if (cell && cell.get(0).colSpan > 1) {
                        return cell;
                    }
                };
            } else if (K.inArray(val, ['colinsertleft', 'colinsertright', 'rowinsertabove', 'rowinsertbelow']) > -1) {
                cond = self.plugin.getSingleSelectedCell;
            }  else {
                cond = self.plugin.getSelectedCell;
            }
            self.addContextmenu({
                title: lang[val] || self.lang('table' + val),
                click: function () {
                    self.plugin.table[val]();
                    self.hideMenu();
                },
                cond: cond,
                width: 170,
                iconClass: contextMenuIconClass[val] || ('ke-icon-table' + val)
            });
        });
    }

    self.clickToolbar(name, function () {
        if (self.menu) return;

        var menu = self.createMenu({
            name: name,
            beforeRemove: function () {
                removeEvent();
            }
        });

        var $wrapperDiv = $('<div class="ke-plugin-table"></div>');
        var $header = $('<div class="ke-plugin-table-header" style="padding: 0 5px;">' + lang.xRxC.format(0, 0) + '</div>');
        $wrapperDiv.append($header);
        var $grid = $('<div class="ke-plugin-table-grid clearfix" style="width: 230px; padding: 5px 5px 0 5px"></div>');
        $grid.on('mouseenter.kTable', '.ke-plugin-table-grid-cell', function () {
            var $cell = $(this);
            var row = $cell.data('row');
            var col = $cell.data('col');
            $header.text(lang.xRxC.format(row, col));
            var $cells = $grid.find('.ke-plugin-table-grid-cell');
            $cells.each(function () {
                var $c = $(this);
                var r = $c.data('row');
                var c = $c.data('col');
                if (r <= row && c <= col) {
                    $c.css({
                        border: '1px solid #2286d2',
                        background: '#eff7ff'
                    });
                } else {
                    $c.css({
                        border: '1px solid #ddd',
                        background: '#f1f1f1'
                    });
                }
            });
        }).on('click.kTable', '.ke-plugin-table-grid-cell', function (e) {
            var $cell = $(this);
            var row = $cell.data('row');
            var col = $cell.data('col');
            insertTable(row, col);
            self.hideMenu().focus();
            self.addBookmark();
            e.stopPropagation();
        });
        for (var r = 1; r < 11; r++) {
            for (var c = 1; c < 11; c++) {
                $grid.append('<div class="ke-plugin-table-grid-cell" style="float: left; width: 20px; height: 20px;  margin: 1px; border: 1px solid #ddd; background: #f1f1f1;" data-row="' + r + '" data-col="' + c + '"></div>');
            }
        }
        $elements.push($grid);
        $wrapperDiv.append($grid);
        menu.div.append($wrapperDiv[0]);
    });

    // https://zui.5upm.com/task-view-2.html
    self.afterTab(function (result) {
        var selectedCell = self.plugin.getSelectedCell();
        if (selectedCell && selectedCell.length) {
            var selectNextCell = function ($currentCell) {
                if ($currentCell.length) {
                    var $nextCell = $currentCell.next();
                    if (!$nextCell.is('td,th')) {
                        $nextCell = $currentCell.parent().next('tr').children('th,td').first();
                    }
                    if (!$nextCell.is('td,th')) {
                        $nextCell = $currentCell.closest('tbody,tfoot,thead').next().children('tr').first().children('th,td').first();
                    }
                    if ($nextCell.length) {
                        self.cmd.range.selectNodeContents($nextCell[0]).collapse(true);
                        self.cmd.select();
                        return true;
                    }
                }
                return false;
            };
            var $selectedCell = $(selectedCell.get(0));
            if ($selectedCell.length) {
                self.focus();
                if (!selectNextCell($selectedCell)) {
                    self.plugin.table.rowinsertbelow();
                    selectNextCell($selectedCell);
                }
                return true;
            }
        }
        return result;
    });

    var selectCellsRange = function ($table, startPos, endPos) {
        var top = endPos ? Math.min(startPos.top, endPos.top) : startPos.top;
        var left = endPos ? Math.min(startPos.left, endPos.left) : startPos.left;
        var bottom = endPos ? Math.max(startPos.bottom, endPos.bottom) : startPos.bottom;
        var right = endPos ? Math.max(startPos.right, endPos.right) : startPos.right;
        if (top === bottom && left === right) {
            return false;
        }
        var hasCellSelected = false;
        var hasNewCellSelect = false;
        var $rows = $table.children('thead,tbody,tfoot').children('tr').each(function () {
            $(this).children('td,th').each(function () {
                var $cell = $(this);
                var pos = $cell.cellPos();
                if (pos.right >= left && pos.left <= right && pos.bottom >= top && pos.top <= bottom) {
                    top = Math.min(top, pos.top);
                    left = Math.min(left, pos.left);
                    bottom = Math.max(bottom, pos.bottom);
                    right = Math.max(right, pos.right);
                    $cell.addClass('ke-select-cell');
                    hasCellSelected = true;
                    hasNewCellSelect = true;
                }
            });
        });
        while(hasNewCellSelect) {
            hasNewCellSelect = false;
            $rows.each(function () {
                $(this).children('td,th').each(function () {
                    var $cell = $(this);
                    if ($cell.hasClass('ke-select-cell')) return;
                    var pos = $cell.cellPos();
                    if (pos.right >= left && pos.left <= right && pos.bottom >= top && pos.top <= bottom) {
                        top = Math.min(top, pos.top);
                        left = Math.min(left, pos.left);
                        bottom = Math.max(bottom, pos.bottom);
                        right = Math.max(right, pos.right);
                        $cell.addClass('ke-select-cell');
                        hasNewCellSelect = true;
                    }
                });
            });
        }
        var $selectedCells = $table.find('.ke-select-cell');
        if ($selectedCells.length === 1) {
            $selectedCells.removeClass('ke-select-cell');
            hasCellSelected = false;
        }
        if (hasCellSelected) {
            self.tableSelectionRange = {
                top: top,
                left: left,
                bottom: bottom,
                right: right,
            };
        } else {
            self.tableSelectionRange = null;
        }
        return hasCellSelected;
    };

    var selectRow = function ($table, rowIndex) {
        return selectCellsRange($table, {
            left: 0,
            right: $table.data('tableSize').width - 1,
            top: rowIndex,
            bottom: rowIndex,
        });
    };

    var selectCol = function ($table, cellIndex) {
        return selectCellsRange($table, {
            left: cellIndex,
            right: cellIndex,
            top: 0,
            bottom: $table.data('tableSize').height - 1,
        });
    };

    self.afterCreate(function () {
        var isMouseDown = false;
        var $mouseDownTable = null;
        var $mouseMoveTable = null;
        var mouseDownCellPos = null;
        var mouseMoveCellPos = null;

        var handleMouseUp = function () {
            isMouseDown = false;
            $mouseDownTable = null;
            mouseMoveCellPos = null;
        };

        $(self.edit.doc.body).on('mousedown.ke' + self.uuid, function (e) {
            var $cell = $(e.target).closest('td,th');
            var $table = $cell.closest('table');
            var rightClickOnTable = false;
            if ($cell.length && $table.length) {
                $mouseDownTable = $table;
                isMouseDown = true;
                mouseDownCellPos = $cell.cellPos(true);
                rightClickOnTable = e.which === 3;
                $table.removeClass('ke-select-cells');
            }
            if (!rightClickOnTable) {
                $(self.edit.doc).find('.ke-select-cell').removeClass('ke-select-cell');
                self.tableSelectionRange = null;
            }
        }).on('mousemove.ke' + self.uuid, function (e) {
            var $cell = $(e.target).closest('td,th');
            if (!$cell.length) return isMouseDown ? e.preventDefault() : null;
            var $table = $cell.closest('table');
            if (!$table.length) return isMouseDown ? e.preventDefault() : null;
            $table.removeClass('ke-select-row ke-select-col ke-select-cells');
            mouseMoveCellPos = $cell.cellPos();
            if (isMouseDown) {
                if ($table[0] !== $mouseDownTable[0]) return e.preventDefault();
                $(self.edit.doc).find('table').find('.ke-select-cell').removeClass('ke-select-cell');
                if (selectCellsRange($table, mouseDownCellPos, mouseMoveCellPos)) {
                    $table.addClass('ke-select-cells');
                    e.preventDefault();
                }
            } else {
                $mouseMoveTable = $table;
                var tableOffset = $table.offset();
                var pageX = e.pageX;
                var pageY = e.pageY;
                var moveX = pageX - tableOffset.left;
                var moveY = pageY - tableOffset.top;
                if (moveX < 8) {
                    $table.addClass('ke-select-row');
                    mouseMoveCellPos.selectRow = mouseMoveCellPos.top;
                    delete mouseMoveCellPos.selectCol;
                    e.preventDefault();
                    e.stopPropagation();
                } else if (moveY < 8) {
                    $table.addClass('ke-select-col');
                    mouseMoveCellPos.selectCol = mouseMoveCellPos.left;
                    delete mouseMoveCellPos.selectRow;
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
        }).on('mouseup.ke' + self.uuid, function (e) {
            var $target = $(e.target);
            var $cell = $target.closest('td,th');
            if ($cell.length) {
                if (mouseMoveCellPos && mouseMoveCellPos.selectRow !== undefined) {
                    selectRow($mouseMoveTable, mouseMoveCellPos.selectRow);
                    e.stopPropagation();
                } else if (mouseMoveCellPos && mouseMoveCellPos.selectCol !== undefined) {
                    selectCol($mouseMoveTable, mouseMoveCellPos.selectCol);
                    e.stopPropagation();
                }
            }
            handleMouseUp();
        }).on('paste.ke' + self.uuid + ' keydown.ke' + self.uuid, function () {
            $(self.edit.doc).find('table').removeClass('ke-select-row ke-select-col').find('.ke-select-cell').removeClass('ke-select-cell');
        });
        $(document).on('mouseup.ke' + self.uuid, function () {
            handleMouseUp();
        });

        $(self.edit.doc.head).append([
            '<style>',
            '.ke-select-cells {cursor: cell}',
            '.ke-select-row {cursor: e-resize; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaPxwLAAAAD3RSTlMAqiTk590pHjjw0cZyAjPTb5hoAAAARUlEQVQI12MgCnAowJmdbjAW7/rPcOHS/3Bh9vgvCSCaR1BQcP9/IxCT8T8IAIVhTKBGuAK4NrhppUBBTCteGqE6hzAAAHccHSlSjBVHAAAAAElFTkSuQmCC) 10 10, auto}',
            '.ke-select-col {cursor: s-resize; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAqiPfH+Q58dPHcgLUxK6wAAAAUklEQVQI12MgCiyUgjNlDuJlcoOYG8DMDAWZgyxtIBZbjYnMQefjCUAmU8zhOSdtjiqAhJ3PAEEQWC2LzZkzIEGwMFgQKgwShApDBUGGKBDlagAGvBgJQ+z5fwAAAABJRU5ErkJggg==) 10 10, auto}',
            '.ke-select-cell {outline: #b3d4fc 2px solid; outline-color: rgba(100, 150, 255, 0.7); outline-offset: -1px; position: relative}',
            '.ke-select-cell:before {content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 50, 255, 0.08)}',
            '</style>',
        ].join(''));

        var cmdToggleBack = self.cmd.toggle;
        var cmdToggle = function (wrapper, map, flag) {
            var self = this;
            if (flag === undefined || flag === null) {
                flag = self.commonNode(map);
            }
            if (flag) {
                self.remove(map);
            } else {
                self.wrap(wrapper);
            }
            return self.select();
        };

        var eachSelectCells = function (eachCallback, beforeCallback, afterCallback) {
            var range = self.cmd.range;
            if (range && range.endContainer) {
                var $cell = $(range.endContainer).closest('th,td');
                if (!$cell.length) return;
                var $table = $cell.closest('table');
                if (!$table.length) return;
                var $selectCells = $table.children('thead,tbody,tfoot').children('tr').children('.ke-select-cell');
                if ($selectCells.length) {
                    if (beforeCallback) beforeCallback($cell, $table);
                    $selectCells.each(eachCallback);
                    if (afterCallback) afterCallback($cell, $table);

                    range.selectNodeContents($cell[0]);
                    // range.collapse();
                    self.cmd.select();
                    self.focus();
                    return true;
                }
            }
        };

        self.cmd.toggle = function (wrapper, map) {
            var flag;
            if (eachSelectCells(function () {
                self.cmd.range.selectNodeContents(this);
                self.cmd.select();
                cmdToggle.call(self.cmd, wrapper, map, flag);
            }, function ($cell) {
                self.cmd.range.selectNodeContents($cell[0]);
                self.cmd.select();
                flag = !!self.cmd.commonNode(map);
            })) {
                return;
            }
            return cmdToggleBack.call(self.cmd, wrapper, map);
        };

        var commands = ',justifyleft,justifycenter,justifyright,justifyfull,insertorderedlist,insertunorderedlist,';
        var clickToolbarBack = self.clickToolbar;
        self.clickToolbar = function (name, fn) {
            if (fn === undefined && commands.indexOf(',' + name + ',') > -1) {
                if (eachSelectCells(function () {
                    self.cmd.range.selectNode(this);
                    self.cmd.select();
                    clickToolbarBack.call(self, name, fn);
                })) {
                    return;
                }
            }
            return clickToolbarBack.call(self, name, fn);
        }
    });

    self.beforeRemove(function () {
        $(self.edit.doc.body).off('.ke' + self.uuid);
        $(document).off('.ke' + self.uuid);
    });
});

KindEditor.lang({
    table: KindEditor.lang('table')
});