/******************************************************************************* * KindEditor - WYSIWYG HTML Editor for Internet * Copyright (C) 2006-2018 kindsoft.net * * @author Roddy <luolonghao@gmail.com> * @website http://www.kindsoft.net/ * @licence http://www.kindsoft.net/license.php * @version 5.0.3 (2018-10-25) *******************************************************************************/ (function (window, undefined) { if (window.KindEditor) { return; } if (!window.console) { window.console = {}; } if (!console.log) { console.log = function () { }; } var _VERSION = '5.0.3 (2018-10-25)', _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+(?:\.\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, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"'); } function _unescape(val) { return val.replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/&/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'; } function _merge(distObj, obj) { for (var name in distObj) { obj[name] = distObj[name]; } return obj; } 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, merge: _merge, 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 (/NKeditor[\w\-\.]*\.js/i.test(src)) { return src.substring(0, src.lastIndexOf('/') + 1); } } return ''; } K.basePath = _getBasePath(); K.options = { designMode: true, fullscreenMode: false, filterMode: true, wellFormatMode: true, loadStyleMode: true, basePath: K.basePath, themesPath: K.basePath + 'themes/', langPath: K.basePath + 'lang/', pluginsPath: K.basePath + 'plugins/', themeType: 'primary', langType: 'zh-CN', urlType: '', newlineTag: 'p', resizeType: 2, syncType: 'form', pasteType: 2, dialogAlignType: 'page', useContextmenu: true, fullscreenShortcut: false, bodyClass: 'ke-content', indentChar: '\t', cssPath: [], jsPath: [], showHelpGrid: false, cssData: '', minWidth: 650, minHeight: 300, minChangeSize: 50, zIndex: 811213, items: [ 'source', 'undo', 'redo', 'preview', 'print', 'template', 'code', 'quote', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', 'formatblock', 'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', 'image', 'multiimage', 'graft', 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', 'about', 'fullscreen' ], noDisableItems: ['source', 'fullscreen'], colorTable: [ ['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'], ['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'], ['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'], ['#FFFFFF', '#DDDDDD', '#999999', '#666666', '#333333', '#000000'] ], fontSizeTable: ['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px'], htmlTags: { font: ['id', 'class', 'color', 'size', 'face', '.background-color'], 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' ], a: ['id', 'class', 'href', 'target', 'name'], embed: ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess', 'wmode', 'controls'], 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,tr,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"><div class="toolbar"></div><div class="edit"></div><div class="statusbar"></div></div>', afterBlur: function () { this.sync(); }, errorMsgHandler: function (message, type) { console.log(message); console.log(type); alert(message); }, dialogOffset: 0, allowUploadGraft: true, resLoadCache: {}, tableBorderColor: '#cccccc', }; 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(); } else { ev.returnValue = false; } }, stopPropagation: function () { var ev = this.event; if (ev.stopPropagation) { ev.stopPropagation(); } else { 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 (window.attachEvent) { window.attachEvent('onunload', function () { _each(_eventData, function (key, events) { if (events.el) { _unbind(events.el); } }); }); } K.ctrl = _ctrl; K.ready = _ready; function _getCssList(css) { css = css.replace(/"/g, '"'); 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) { var list = {}, reg = /\s+(?:([\w\-:]+)|(?:([\w\-:]+)=([^\s"'<>]+))|(?:([\w\-:"]+)="([^"]*)")|(?:([\w\-:"]+)='([^']*)'))(?=(?:\s|\/|>)+)/g, match; 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])) || ''; 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) { 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] : ''; } if (/^\w+:/.test(url)) { return url; } var match; if ((match = /^(\w+:\/\/[^\/]*)/.exec(url))) { if (match[1] !== host) { 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) { 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, '©'); html = html.replace(/\u00AE/g, '®'); html = html.replace(/\u2003/g, ' '); html = html.replace(/\u3000/g, ' '); 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 = []; 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 (tagName == 'code') { return full; } 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') { endNewline = '\n'; } if (_BLOCK_TAG_MAP[tagName] && !_PRE_TAG_MAP[tagName]) { if (wellFormatted) { if (startSlash && tagStack.length > 0 && tagStack[tagStack.length - 1] === tagName) { tagStack.pop(); } else { tagStack.push(tagName); } startNewline = '\n'; endNewline = '\n'; for (var i = 0, len = startSlash ? tagStack.length : tagStack.length - 1; i < len; i++) { startNewline += indentChar; if (!startSlash) { endNewline += indentChar; } } if (endSlash) { tagStack.pop(); } else if (!startSlash) { endNewline += indentChar; } } else { startNewline = endNewline = ''; } } if (attr !== '') { var attrMap = _getAttrList(full); if (tagName === 'font') { var fontStyleMap = {}, fontStyle = ''; _each(attrMap, function (key, 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 (_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 (key === 'style' && val === '') { return; } val = val.replace(/"/g, '"'); 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 (/\.(rm|rmvb)(\?|$)/i.test(src)) { return 'audio/x-pn-realaudio-plugin'; } if (/\.(mp4)(\?|$)/i.test(src)) { return 'video/mpeg4'; } if (/\.(swf|flv)(\?|$)/i.test(src)) { return 'application/x-shockwave-flash'; } return 'video/x-ms-asf-plugin'; } function _mediaClass(type) { if (/realaudio/i.test(type)) { return 'ke-rm'; } if (/flash/i.test(type)) { return 'ke-flash'; } return 'ke-media'; } function _mediaAttrs(srcTag) { return _getAttrList(unescape(srcTag)); } function _mediaEmbed(attrs) { var type = attrs.type == 'video/mpeg4' ? 'video' : 'embed'; if (type == 'video') { attrs.controls = "controls"; } var html = '<' + type + ' '; _each(attrs, function (key, val) { html += key + '="' + val + '" '; }); html += '/>'; return html; } function _mediaImg(blankPath, attrs) { var width = attrs.width, height = attrs.height, type = attrs.type || _mediaType(attrs.src), srcTag = _mediaEmbed(attrs), 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 () { try { this.parentNode.insertBefore(_get(expr), this); } catch (e) { } }); 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> </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.wrap('<span style="color:' + val + ';"></span>').select(); }, hilitecolor: function (val) { return this.wrap('<span style="background-color:' + val + ';"></span>').select(); }, fontsize: function (val) { return this.wrap('<span style="font-size:' + val + ';"></span>').select(); }, fontname: function (val) { return this.fontfamily(val); }, fontfamily: function (val) { return this.wrap('<span style="font-family:' + val + ';"></span>').select(); }, 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) { if (e.button !== 0 && e.button !== 1) { return; } 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; 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(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(x); self.div.css('left', x); if (updateProp) { self.x = x; } } if (y !== null) { y = y < 0 ? 0 : _addUnit(y); self.div.css('top', y); if (updateProp) { self.y = y; } } return self; }, autoPos: function (width, height) { var x, y, 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; } else { var docEl = _docElement(self.doc); x = _round(scrollPos.x + (docEl.clientWidth - w) / 2); y = _round(scrollPos.y + (docEl.clientHeight - h) / 2); } if (K.options.dialogOffset > 0) { y = scrollPos.y + 20; } 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(options) { var themesPath = _undef(options.themesPath, ''), bodyClass = options.bodyClass, cssPath = options.cssPath, jsPath = options.jsPath, cssData = options.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-flash {', ' border:1px solid #AAA;', ' background-image:url(' + themesPath + 'common/flash.svg);', ' *background-image:url(' + themesPath + 'common/flash.png);', ' background-size:64px 64px;', ' background-position:center center;', ' background-repeat:no-repeat;', ' width:100px;', ' height:100px;', '}', 'img.ke-rm {', ' border:1px solid #AAA;', ' background-image:url(' + themesPath + 'common/rm.gif);', ' background-position:center center;', ' background-repeat:no-repeat;', ' width:100px;', ' height:100px;', '}', 'img.ke-media {', ' border:1px solid #AAA;', ' background-image:url(' + themesPath + 'common/play.svg);', ' *background-image:url(' + themesPath + 'common/play.png);', ' background-position:center center;', ' background-size:64px 64px;', ' background-repeat:no-repeat;', ' width:100px;', ' height:100px;', '}', '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;', '}', ]; if (options.showHelpGrid) { arr.push('p,ul,ol,li,div{border: 1px dashed #c1c1c1;}'); arr.push('li{margin:5px 0px}'); arr.push('div,ul,ol{margin-bottom:10px}'); } arr.push('</style>'); if (!_isArray(cssPath)) { cssPath = [cssPath]; } if (_inArray(K.basePath + 'themes/app.css', cssPath) < 0) { cssPath.push(K.basePath + 'themes/app.css'); } _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 + '"' : '') + '>'); if (!_isArray(jsPath)) { jsPath = [jsPath]; } _each(jsPath, function (i, path) { if (path) { arr.push('<script type="text/javascript" src="' + path + '"></script>'); } }); arr.push('</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 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(self.options)); 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) { var self = this; val = _addUnit(val); self.width = val; self.div.css('width', val); return self; }, setHeight: function (val) { var self = this; val = _addUnit(val); self.height = 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(); 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.textarea.hide(); self.html(val); var iframe = self.iframe; var height = _removeUnit(self.height); iframe.height(height - 2); iframe.show(); setTimeout(function () { iframe.height(height); }, 0); } } 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 ke-menu-' + options.themeType).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) { K.options.errorMsgHandler(str, "error"); }; 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); var width = options.width || K('.ke-button-common', div).width(); K('.ke-upload-area', div).width(width); self.options = options; }, submit: function () { var self = this, iframe = self.iframe; if (typeof self.options.beforeUpload == 'function') { var result = self.options.beforeUpload.call(self); if (!result) { return false; } } 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 || '', btn = K('<a href="javascript:;" class="ke-dialog-btn" title="' + name + '">' + name + '</a>'); if (arg.click) { btn.click(arg.click); } return btn; } function KDialog(options) { this.init(options); } _extend(KDialog, KWidget, { init: function (options) { var self = this; 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 ke-animated').bind('click,mousedown', function (e) { e.stopPropagation(); }); var contentDiv = K('<div class="ke-dialog-content"></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) { self.div.append(footerDiv); contentDiv.height(self.div.height() - footerDiv.height()); } _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) { if (K.options.resLoadCache[url]) { return; } var head = document.getElementsByTagName('head')[0] || (_QUIRKS ? document.body : document.documentElement), script = document.createElement('script'); head.appendChild(script); K.options.resLoadCache[url] = 1; 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) { if (K.options.resLoadCache[url]) { return; } 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); K.options.resLoadCache[url] = 1; 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; _each(items, function (i) { if (this.title == '-' && prevItem.title == '-') { delete items[i]; } prevItem = this; }); if (items.length > 0) { e.preventDefault(); var pos = K(self.edit.iframe).pos(), menu = _menu({ x: pos.x + e.clientX, themeType: self.themeType, 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 == 39) { if (self.__startOffset == self.cmd.range.startOffset) { var tagName = getAncestorTagName(self.cmd.range); if (tagName != 'body') { self.appendHtml('<br />') } } else { self.__startOffset = self.cmd.range.startOffset } return; } 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>'); } 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) { self.afterTab.call(self, e); return; } var cmd = self.cmd, range = cmd.range; range.shrink(); if (range.collapsed && range.startContainer.nodeType == 1) { range.insertNode(K('@ ', doc)[0]); cmd.select(); } self.insertHtml(' '); } }); } 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; var _pluginStatus = this._pluginStatus; if (!_pluginStatus) { _pluginStatus = this._pluginStatus = {}; } if (_plugins[name]) { if (!_isFunction(_plugins[name])) { setTimeout(function () { self.loadPlugin(name, fn); }, 100); return self; } if (!_pluginStatus[name]) { _plugins[name].call(self, KindEditor); _pluginStatus[name] = 'inited'; } 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, jsPath: self.jsPath, showHelpGrid: self.showHelpGrid, 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); }, 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); } } }); 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>'); 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); var 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(/ /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; 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); } var _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 (typeof options.errorMsgHandler == "function") { K.options.errorMsgHandler = options.errorMsgHandler; } if (_undef(options.loadStyleMode, K.options.loadStyleMode)) { var themeType = _undef(options.themeType, K.options.themeType); _loadStyle(options.themesPath + themeType + '/editor.min.css'); } function create(editor) { _each(_plugins, function (name, fn) { if (_isFunction(fn)) { fn.call(editor, KindEditor); if (!editor._pluginStatus) { editor._pluginStatus = {}; } editor._pluginStatus[name] = 'inited'; } }); 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); }); 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 }); console _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) { K.options.errorMsgHandler(self.lang(name + 'Error'), "error"); } }); }); self.clickToolbar('about', function () { var html = '<div style="margin:20px;">' + '<div>NKeditor ' + _VERSION + '</div>' + '<div>Forked from KindEditor By BlackFox. <a href="http://git.oschina.net/blackfox/kindeditor">Git项目地址</a>.</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-rm'; }); }; 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.plugin.getSelectedTable = function () { return self.cmd.commonAncestor('table'); }; self.plugin.getSelectedRow = function () { return self.cmd.commonAncestor('tr'); }; self.plugin.getSelectedCell = function () { return self.cmd.commonAncestor('td'); }; _each(('prop,cellprop,colinsertleft,colinsertright,rowinsertabove,rowinsertbelow,rowmerge,colmerge,' + 'rowsplit,colsplit,coldelete,rowdelete,insert,delete').split(','), function (i, val) { var cond = _inArray(val, ['prop', 'delete']) < 0 ? self.plugin.getSelectedCell : self.plugin.getSelectedTable; self.addContextmenu({ title: self.lang('table' + val), click: function () { self.loadPlugin('table', function () { self.plugin.table[val](); self.hideMenu(); }); }, cond: cond, width: 170, iconClass: 'ke-icon-table' + val }); }); 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(/ /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, ' '); 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-(flash|rm|media)"?[^>]*>/ig, function (full) { 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); }) .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[^>]*type="([^"]+)"[^>]*>(?:<\/video>)?/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(/<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: '批量图片上传', graft: '涂鸦', flash: 'Flash', media: '视音频', table: '表格', tablecell: '单元格', hr: '插入横线', emoticons: '插入表情', link: '超级链接', unlink: '取消超级链接', fullscreen: '全屏显示', about: '关于', print: '打印(Ctrl+P)', filemanager: '文件空间', code: '插入程序代码', quote: '插入引用', 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.width': '宽度', 'media.height': '高度', 'media.autostart': '自动播放', 'media.upload': '上传', 'media.viewServer': '文件空间', '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.title': '多图上传', 'multiimage.uploadDesc': '共选择了 <%=numSelect%> 张图片,共 <%=totalSize%>, 还可以添加 <%=numLeft%> 张图片.', 'multiimage.startUpload': '开始上传', 'multiimage.noListUrl': '无法获取图片,请先配置 fileManagerJson.', 'multiimage.noSearchUrl': '无法进行图片搜索,请先配置 imageSearchJson.', 'multiimage.noDataText': '(⊙o⊙)亲,没有多数据了。', 'multiimage.closeText': '关闭对话框', 'multiimage.confirmBtnText': '确定', 'multiimage.cancelBtnText': '取消', 'multiimage.loadMoreData': '往下拉动滚动条可以加载更多数据.', 'multiimage.depJQueryError': '文件管理插件依赖 jQuery, 请先引入 jQuery.', 'multiimage.localUpload': '本地上传', 'multiimage.fileServer': '文件服务器', 'multiimage.imgSearch': '图片搜索', 'multiimage.selectFile': '点击选择图片', 'multiimage.continueAdd': '继续添加', 'multiimage.searchBtn': '搜索一下', 'multiimage.searchPlaceholder': '请输入搜索关键词', 'multiimage.searchClear': '清空搜索', 'multiimage.noFileAdded': '请至少添加一个文件!', 'multiimage.uploading': '正在上传', 'multiimage.fileNotUpload': '您还有文件没有上传!', 'multiimage.uploadLimit': '您本次最多上传 <%=uploadLimit%> 个文件.', 'multiimage.sizeLimit': '文件大小不能超过 <%=sizeLimit%> KB.', 'multiimage.invalidExt': '非法的文件后缀 <%=invalidExt%>.', 'multiimage.remove': '删除', 'multiimage.rotateRight': '向右旋转', 'multiimage.rotateLeft': '向左旋转', 'multiimage.uploadFail': '发生异常,上传失败!', 'multiimage.noFileSelected': '请至少选择一个文件或一张图片.', 'filemanager.noDataText': '(⊙o⊙)亲,没有多数据了。', 'filemanager.title': '文件服务器', 'filemanager.noListUrl': '无法获取图片,请先配置 fileManagerJson.', 'filemanager.closeText': '关闭对话框', 'filemanager.confirmBtnText': '确定', 'filemanager.cancelBtnText': '取消', 'filemanager.loadMoreData': '往下拉动滚动条可以加载更多数据.', 'filemanager.depJQueryError': '文件管理插件依赖 jQuery, 请先引入 jQuery.', 'filemanager.fileType': '类型', 'graft.btnText': '保存并插入涂鸦', 'graft.uploadSuccess': '涂鸦上传成功', 'graft.uploadFaild': '涂鸦上传失败', 'graft.empty': '您没有在画布上绘制任何图像', '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': '仿宋', 'KaiTi': '楷体', 'SimHei': '黑体', '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'); KindEditor.options.langType = 'zh-CN'; /******************************************************************************* * 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 class="ke-dialog-content-inner">', '<div class="ke-dialog-row ke-clearfix">', '<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 minHeight; function hideScroll() { var edit = self.edit; var body = edit.doc.body; edit.iframe[0].scroll = 'no'; body.style.overflowY = 'hidden'; } function resetHeight() { if (self.fullscreenMode) { return; } var edit = self.edit; var body = edit.doc.body; edit.iframe.height(minHeight); self.resize(null, Math.max((K.IE ? body.scrollHeight : body.offsetHeight) + 76, minHeight)); } function init() { minHeight = K.removeUnit(self.height); self.edit.afterChange(resetHeight); if (!self.fullscreenMode) { hideScroll(); } resetHeight(); } if (self.isCreated) { init(); } else { self.afterCreate(init); } }); /* * 如何实现真正的自动高度? * 修改编辑器高度之后,再次获取body内容高度时,最小值只会是当前iframe的设置高度,这样就导致高度只增不减。 * 所以每次获取body内容高度之前,先将iframe的高度重置为最小高度,这样就能获取body的实际高度。 * 由此就实现了真正的自动高度 * 测试:chrome、firefox、IE9、IE8 * */ /******************************************************************************* * 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('baidumap', function (K) { var self = this, name = 'baidumap', lang = self.lang(name + '.'); var mapWidth = K.undef(self.mapWidth, 558); var mapHeight = K.undef(self.mapHeight, 360); self.clickToolbar(name, function () { var html = ['<div class="ke-dialog-content-inner" style="padding-top: 0">', '<div class="ke-dialog-row ke-clearfix">', '<div class="ke-header">' + lang.address, '<input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ', '<span>', '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" style="line-height:22px;padding:0 10px;" />', '</span>', '<input type="checkbox" id="keInsertDynamicMap" name="insertDynamicMap" class="checkbox" value="1" style="display:inline-block;" /> <label for="keInsertDynamicMap">' + lang.insertDynamicMap + '</label>', '</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' : 'https://api.map.baidu.com/staticimage', '?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" 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); 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('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 = 'https://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="https://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'); 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); } iframe.bind('load', function () { iframe.unbind('load'); if (K.IE) { ready(); } else { setTimeout(ready, 0); } }); K('.ke-map', div).replaceWith(iframe); 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', 'controls'], 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 *******************************************************************************/ KindEditor.plugin('code', function (K) { var self = this, name = 'code'; self.clickToolbar(name, function () { var lang = self.lang(name + '.'), html = ['<div style="margin: 0px 20px;">', '<div class="ke-dialog-row">', '<select class="ke-select" style="margin-bottom: 5px;">', '<option value="javascript">JavaScript</option>', '<option value="html">HTML</option>', '<option value="css">CSS</option>', '<option value="php">PHP</option>', '<option value="perl">Perl</option>', '<option value="python">Python</option>', '<option value="ruby">Ruby</option>', '<option value="java">Java</option>', '<option value="go">Go</option>', '<option value="asp">ASP/VB</option>', '<option value="csharp">C#</option>', '<option value="cpp">C/C++</option>', '<option value="cs">C#</option>', '<option value="bash">Shell</option>', '<option value="sql">SQL</option>', '<option value="markup">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-select', dialog.div).val(), code = textarea.val(), cls = type === '' ? '' : 'language-' + type, html = '<pre class="' + cls + '"><code>' + K.escape(code) + '</code></pre> <br/>'; if (K.trim(code) === '') { K.options.errorMsgHandler(lang.pleaseInput, "error"); 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('@ ')); } } 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('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 class="ke-dialog-content-inner">', '<div class="ke-dialog-row ke-clearfix">', '<label for="keUrl" class="row-left">' + lang.url + ':</label>', '<div class="row-right">', '<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> ', '<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> ', '<span class="ke-button-common ke-button-outer">', '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />', '</span>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keWidth" class="row-left">' + lang.width + ':</label>', '<div class="row-right">', '<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" /> ', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keHeight" class="row-left">' + lang.height + ':</label>', '<div class="row-right">', '<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" /> ', '</div>', '</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)) { K.options.errorMsgHandler(self.lang('invalidUrl'), "error"); urlBox[0].focus(); return; } if (!/^\d*$/.test(width)) { K.options.errorMsgHandler(self.lang('invalidWidth'), "error"); widthBox[0].focus(); return; } if (!/^\d*$/.test(height)) { K.options.errorMsgHandler(self.lang('invalidHeight'), "error"); 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 callback = function (data) { dialog.hideLoading(); if (data.code === "000") { var url = data.data.url; if (formatUploadUrl) { url = K.formatUrl(url, 'absolute'); } urlBox.val(url); if (self.afterUpload) { self.afterUpload.call(self, url, data, name); } //K.options.errorMsgHandler(self.lang('uploadSuccess'), "ok"); } else { K.options.errorMsgHandler(data.message, "error"); } }; var uploadbutton = K.uploadbutton({ button: K('.ke-upload-button', div)[0], fieldName: filePostName, extraParams: extraParams, url: K.addParam(uploadJson, 'fileType=flash'), beforeUpload: function () { if (typeof self.beforeUpload == 'function') { self.beforeUpload.call(this, callback); return false; } else { return true; } }, afterUpload: function (data) { callback(data); }, 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({ dirName: 'flash', clickFn: function (url) { K('[name="url"]', div).val(url); if (self.afterSelectFile) { self.afterSelectFile.call(self, url); } } }); }); }); } else { K('[name="url"]').css("width", "250px"); 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(); 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 class="ke-dialog-content-inner">', '<div class="tabs"></div>', '<div class="tab1" style="display:none;">', '<div class="ke-dialog-row ke-clearfix">', '<label for="remoteUrl" class="row-left">' + lang.remoteUrl + ':</label>', '<div class="row-right">', '<input type="text" id="remoteUrl" class="ke-input-text" name="url" value="" style="width:250px;" /> ', '<span class="ke-button-common ke-button-outer">', '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />', '</span>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix ">', '<label for="remoteWidth" class="row-left">' + lang.size + ':</label>', '<div class="row-right">' + 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>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label class="row-left">' + lang.align + ':</label>', '<div class="row-right">', '<span><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="" /></span>', ' <span><input type="radio" name="align" class="ke-inline-block" value="left" /> ' + '<img name="leftImg" src="' + imgPath + 'align_left.gif" width="23" height="25" alt="" /></span>', ' <span><input type="radio" name="align" class="ke-inline-block" value="right" /> ' + '<img name="rightImg" src="' + imgPath + 'align_right.gif" width="23" height="25" alt="" /></span>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="remoteTitle" class="row-left">' + lang.imgTitle + ':</label>', '<div class="row-right">', '<input type="text" id="remoteTitle" class="ke-input-text" name="title" value="" style="width:250px;" />', '</div>', '</div>', '</div>', '<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, 'fileType=image') + '">', '<div class="ke-dialog-row ke-clearfix">', hiddenElements.join(''), '<label class="row-left">' + lang.localUrl + ':</label>', '<div class="row-right">', '<input type="text" name="localUrl" class="ke-input-text" tabindex="-1" style="width:250px;" readonly="true" /> ', '<input type="button" class="ke-upload-button" value="' + lang.upload + '" />', '</div>', '</div>', '</form>', '</div>', '</div>' ].join(''); var dialogWidth = showLocal || allowFileManager ? 450 : 400, dialogHeight = showLocal && showRemote ? 310 : 260; var dialog = self.createDialog({ name: name, width: dialogWidth, height: dialogHeight, title: self.lang(name), body: html, yesBtn: { name: self.lang('yes'), click: function (e) { if (dialog.isLoading) { return; } if (showLocal && showRemote && tabs && tabs.selectedIndex === 1 || !showRemote) { if (uploadbutton.fileBox.val() == '') { K.options.errorMsgHandler(self.lang('pleaseSelectFile'), "error"); return; } dialog.showLoading(self.lang('uploadLoading')); uploadbutton.submit(); localUrlBox.val(''); return; } 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)) { K.options.errorMsgHandler(self.lang('invalidUrl'), "error"); urlBox[0].focus(); return; } if (!/^\d*$/.test(width)) { K.options.errorMsgHandler(self.lang('invalidWidth'), "error"); widthBox[0].focus(); return; } if (!/^\d*$/.test(height)) { K.options.errorMsgHandler(self.lang('invalidHeight'), "error"); 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 callback = function (data) { if (data.code == "000") { dialog.hideLoading(); //K.options.errorMsgHandler(self.lang('uploadSuccess'), "ok"); var url = data.data.url; if (formatUploadUrl) { url = K.formatUrl(url, 'absolute'); } 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 { K.options.errorMsgHandler(data.message, "error"); } }; var uploadbutton = K.uploadbutton({ button: K('.ke-upload-button', div)[0], fieldName: filePostName, form: K('.ke-form', div), target: target, width: 60, beforeUpload: function () { if (typeof self.beforeUpload == 'function') { self.beforeUpload.call(this, callback); return false; } else { return true; } }, afterUpload: function (data) { callback(data); }, 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({ dirName: 'image', clickFn: function (url) { K('[name="url"]', div).val(url); if (self.afterSelectFile) { self.afterSelectFile.call(self, url); } } }); }); }); } 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); } setTimeout(function () { self.hideDialog().focus(); }, 0); } }); }, 'delete': function () { var target = self.plugin.getSelectedImage(); if (target.parent().name == 'a') { target = target.parent(); } target.remove(); 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 class="ke-dialog-content-inner">', '<div class="ke-dialog-row ke-clearfix">', '<label for="keUrl" class="row-left">' + lang.url + ':</label>', '<div class="row-right">', '<input type="text" id="keUrl" name="url" class="ke-input-text" style="width:160px;" /> ', '<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> ', '<span class="ke-button-common ke-button-outer">', '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />', '</span>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keTitle" class="row-left">' + lang.title + ':</label>', '<div class="row-right">', '<input type="text" id="keTitle" class="ke-input-text" name="title" value="" style="width:160px;" /></div>', '</div>', '</div>', '</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)) { K.options.errorMsgHandler(self.lang('invalidUrl'), "error"); 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 callback = function (data) { dialog.hideLoading(); if (data.code === "000") { var url = data.data.url; if (formatUploadUrl) { url = K.formatUrl(url, 'absolute'); } urlBox.val(url); if (self.afterUpload) { self.afterUpload.call(self, url, data, name); } //K.options.errorMsgHandler(self.lang('uploadSuccess'), "ok"); } else { K.options.errorMsgHandler(data.message, "error"); } }; var uploadbutton = K.uploadbutton({ button: K('.ke-upload-button', div)[0], fieldName: filePostName, url: K.addParam(uploadJson, 'fileType=file'), extraParams: extraParams, beforeUpload: function () { if (typeof self.beforeUpload == 'function') { self.beforeUpload.call(this, callback); return false; } else { return true; } }, afterUpload: function (data) { callback(data); }, 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) { K('[name="url"]', div).val(url); if (self.afterSelectFile) { self.afterSelectFile.call(self, url); } } }); }); }); } else { K("#keUrl").css("width", "250px"); 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'; self.plugin.link = { edit: function () { var lang = self.lang(name + '.'), html = ['<div class="ke-dialog-content-inner">', '<div class="ke-dialog-row ke-clearfix">', '<label for="keUrl" class="row-left">' + lang.url + ':</label>', '<div class="row-right">', '<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:260px;" />', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix"">', '<label for="keType" class="row-left">' + lang.linkType + ':</label>', '<div class="row-right">', '<select id="keType" class="ke-select" name="type"></select>', '</div>', '</div>', '</div>'].join(""), 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)) { K.options.errorMsgHandler(self.lang('invalidUrl'), "error"); 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 *******************************************************************************/ KindEditor.plugin('media', function (K) { var self = this, name = 'media', lang = self.lang(name + '.'), allowMediaUpload = K.undef(self.allowMediaUpload, false), 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 class="ke-dialog-content-inner">', '<div class="ke-dialog-row ke-clearfix">', '<label for="keUrl" class="row-left">' + lang.url + ':</label>', '<div class="row-right">', '<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:180px;" /> ', '<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> ', '<span class="ke-button-common ke-button-outer">', '<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />', '</span>', '<div style="margin-top:5px;color:#aaa;">支持优酷、爱奇艺、腾讯视频等视频网站【<span style="color:green">通用代码</span>】', '</div>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keWidth" class="row-left">' + lang.width + ':</label>', '<div class="row-right">', '<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" />', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keHeight" class="row-left">' + lang.height + ':</label>', '<div class="row-right">', '<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" />', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keAutostart" class="row-left">' + lang.autostart + ':</label>', '<div class="row-right">', '<input type="checkbox" id="keAutostart" name="autostart" class="ke-input-checkbox" value="" /> ', '</div>', '</div>', '</div>' ].join(''); var dialog = self.createDialog({ name: name, width: 450, height: 260, 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(); var match = url.match(/^<iframe\s(.*?)src=('|")(.*?)('|")/); if (!match) { if (url == 'http://' || K.invalidUrl(url)) { K.options.errorMsgHandler(self.lang('invalidUrl'), "error"); urlBox[0].focus(); return; } } if (!/^\d*$/.test(width)) { K.options.errorMsgHandler(self.lang('invalidWidth'), "error"); widthBox[0].focus(); return; } if (!/^\d*$/.test(height)) { K.options.errorMsgHandler(self.lang('invalidHeight'), "error"); heightBox[0].focus(); return; } if (!match) { var html = K.mediaImg(self.themesPath + 'common/blank.gif', { src: url, type: K.mediaType(url), width: width, height: height, autostart: autostartBox[0].checked ? 'true' : 'false', loop: 'true' }); } else { var html = '<iframe src="' + match[3] + '" frameborder="0" style="width:' + width + 'px;height:' + height + 'px;"></iframe>'; } 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), autostartBox = K('[name="autostart"]', div); urlBox.val('http://'); if (allowMediaUpload) { var callback = function (data) { dialog.hideLoading(); if (data.code == "000") { var url = data.data.url; if (formatUploadUrl) { url = K.formatUrl(url, 'absolute'); } urlBox.val(url); if (self.afterUpload) { self.afterUpload.call(self, url, data, name); } //K.options.errorMsgHandler(self.lang('uploadSuccess'), "ok"); } else { K.options.errorMsgHandler(data.message, "error", "error"); } }; var uploadbutton = K.uploadbutton({ button: K('.ke-upload-button', div)[0], fieldName: filePostName, extraParams: extraParams, url: K.addParam(uploadJson, 'fileType=media'), beforeUpload: function () { if (typeof self.beforeUpload == 'function') { self.beforeUpload.call(this, callback); return false; } else { return true; } }, afterUpload: function (data) { callback(data); }, 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 (allowMediaUpload && allowFileManager) { viewServerBtn.click(function (e) { self.loadPlugin('filemanager', function () { self.plugin.filemanagerDialog({ dirName: 'media', clickFn: function (url) { K('[name="url"]', div).val(url); if (self.afterSelectFile) { self.afterSelectFile.call(self, url); } } }); }); }); } else { K("#keUrl").css("width", "250px"); 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.autostart === 'true'); } urlBox[0].focus(); urlBox[0].select(); }, 'delete': function () { self.plugin.getSelectedMedia().remove(); self.addBookmark(); } }; self.clickToolbar(name, self.plugin.media.edit); }); KindEditor.plugin('multiimage', function (K) { var self = this, name = 'multiimage', uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'), fileManagerJson = K.undef(self.fileManagerJson, self.basePath + 'php/file_manager_json.php'), imageSizeLimit = K.undef(self.imageSizeLimit, 2048), imageFileTypes = K.undef(self.imageFileTypes, 'jpg|png|gif|jpeg'), imageUploadLimit = K.undef(self.imageUploadLimit, 20), filePostName = K.undef(self.filePostName, 'imgFile'), lang = self.lang(name + '.'); if (typeof jQuery == 'undefined') { K.options.errorMsgHandler(lang.depJQueryError, "error"); return; } else { K.loadScript(K.options.pluginsPath + name + "/BUpload.js"); K.loadStyle(K.options.pluginsPath + name + "/css/upload.css"); } K.locker = function () { var docWidth = Math.max(document.documentElement.clientWidth, document.body.clientWidth); var docHeight = Math.max(document.documentElement.clientHeight, document.body.clientHeight, $(document).height()) + document.documentElement.scrollTop; return K.widget({ x: 0, y: 0, cls: 'ke-dialog-lock', width: docWidth, height: docHeight }); } self.plugin.multiImageDialog = function (options) { var clickFn = options.clickFn; var locker = K.locker(); locker.show(); var dialog = new BUpload({ src: filePostName, upload_url: uploadJson, list_url: fileManagerJson, max_filesize: imageSizeLimit, max_filenum: imageUploadLimit, ext_allow: imageFileTypes, lang: lang, top: self.dialogOffset, fileType: "image", errorHandler: K.options.errorMsgHandler, callback: function (data) { clickFn.call(this, data); }, close: function () { locker.remove(); } }); 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, data, 'multiimage'); } self.exec('insertimage', data); }); setTimeout(function () { self.hideDialog().focus(); }, 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('graft', function (K) { var self = this, name = 'graft', uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php'), allowUploadGraft = K.undef(self.allowUploadGraft, true), lang = self.lang(name + '.'); if (typeof jQuery == 'undefined') { K.options.errorMsgHandler(lang.depJQueryError, "error"); return; } else { K.loadStyle(K.options.pluginsPath + "graft/css/scrawl.css"); K.loadScript(K.options.pluginsPath + "graft/scrawl.js"); } self.plugin.graftDialog = function (options) { var clickFn = options.clickFn; var html = [ '<div class="scrawl-main" id="scrawl-main">', '<div class="hot">', '<div class="drawBoard border_style">', '<canvas id="canvas-borad" class="brushBorad">你的浏览器不支持 canvas 绘图</canvas>', '<div class="picBoard" id="picBoard" style=""></div>', '</div>', '<div class="operateBar">', '<button id="J_prevStep" class="prevStep" title="上一步">', '<em class="icon"></em>', '</button>', '<button id="J_nextStep" class="nextStep" title="下一步">', '<em class="icon"></em>', '</button>', '<button id="J_clearBoard" class="clearBoard" title="清空">', '<em class="icon"></em>', '</button>', '</div>', '</div>', '<div class="drawToolbar border_style">', '<div class="colorBar">', '<span data-color="#0099CC" style="background:#0099CC;" class="active"></span>', '<span data-color="#003366" style="background:#003366;"></span>', '<span data-color="#993333" style="background:#993333;"></span>', '<span data-color="#FF9900" style="background:#FF9900;"></span>', '<span data-color="#0000CC" style="background:#0000CC;"></span>', '<span data-color="#CC3333" style="background:#CC3333;"></span>', '<span data-color="#F4D03F" style="background:#641E16;"></span>', '<span data-color="#4A235A" style="background:#4A235A;"></span>', '<span data-color="#009966" style="background:#009966;"></span>', '<span data-color="#ffff00" style="background:#ffff00;"></span>', '<span data-color="#7D6608" style="background:#7D6608;"></span>', '<span data-color="#FF33CC" style="background:#FF33CC;"></span>', '<span data-color="#990066" style="background:#990066;"></span>', '<span data-color="#ffffff" style="background:#ffffff;"></span>', '<span data-color="#9bbb59" style="background:#9bbb59;"></span>', '<span data-color="#CCFFFF" style="background:#CCFFFF;"></span>', '<span data-color="#FFCCCC" style="background:#FFCCCC;"></span>', '<span data-color="#CC99CC" style="background:#CC99CC;"></span>', '</div>', '<div class="sectionBar">', '<em class="brushIcon"></em>', '<a href="javascript:void(0)" class="brush-size size1">1</a>', '<a href="javascript:void(0)" class="brush-size size2">3</a>', '<a href="javascript:void(0)" class="brush-size size3">5</a>', '<a href="javascript:void(0)" class="brush-size size4">7</a>', '</div>', '<div class="sectionBar">', '<em class="eraserIcon"></em>', '<a href="javascript:void(0)" class="eraser-size size1">5</a>', '<a href="javascript:void(0)" class="eraser-size size2">10</a>', '<a href="javascript:void(0)" class="eraser-size size3">15</a>', '<a href="javascript:void(0)" class="eraser-size size4">20</a>', '</div>', '<div class="sectionBar">', '<em class="blurIcon"></em>', '<a href="javascript:void(0)" class="blur-size size1">2</a>', '<a href="javascript:void(0)" class="blur-size size2">4</a>', '<a href="javascript:void(0)" class="blur-size size3">6</a>', '<a href="javascript:void(0)" class="blur-size size4">8</a>', '</div>', '<div class="sectionBar">', '<span id="clearSetting" class="clearSetting">', '<em class="icon"></em>', '<em class="text">初始化设置</em>', '</span>', '</div>', '<div class="sectionBar">', '<div id="J_addImg" class="addImgH">', '<em class="icon"></em>', '<em class="text">添加背景</em>', '<input type="file" class="upload" id="J_canvas_bg" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/>', '</div>', '</div>', '<div class="sectionBar">', '<span id="J_removeImg" class="removeImg">', '<em class="icon"></em>', '<em class="text">删除背景</em>', '</span>', '</div>', '</div>' ].join(''); var dataURLtoFile = function (dataurl, filename) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new File([u8arr], filename, {type: mime}); }; var dialog = self.createDialog({ name: name, width: 750, height: 440, title: self.lang(name), body: html, yesBtn: { name: lang.btnText, click: function (e) { if (dialog.isLoading) { return; } if (canvas.isEmpty()) { K.options.errorMsgHandler(lang.empty, "error"); return; } canvas.save(function (data) { if (allowUploadGraft) { var callback = function (res) { dialog.hideLoading(); if (res.code == "000") { //K.options.errorMsgHandler(lang.uploadSuccess, "ok"); clickFn.call(self, res.data.url); self.hideDialog().focus(); } else { K.options.errorMsgHandler(lang.uploadFaild, "error"); } }; dialog.showLoading(self.lang('uploadLoading')); if (typeof self.beforeUpload == 'function') { var file = dataURLtoFile(data, "graft.png"); self.beforeUpload.call(this, callback, file); } else { $.post(uploadJson, { img_base64_data: data, fileType: "image", base64: 1 }, function (res) { callback(res); }, "json"); } } else { clickFn.call(self, data); self.hideDialog().focus(); } }); } } }); var canvas = new Canvas({ canvasId: "canvas-borad", width: 600, height: 320 }); }; self.clickToolbar(name, function () { self.plugin.graftDialog({ clickFn: function (url) { self.exec('insertimage', url); } }); }); }); /** * 文件服务器管理 * @author yangjian <yangjian102621@gmail.com> * @since v4.1.12(2017-09-12) * @site http://git.oschina.net/blackfox/kindeditor */ KindEditor.plugin('filemanager', function (K) { var self = this; var fileManagerJson = K.undef(self.fileManagerJson, self.basePath + 'php/file_manager_json.php'); var lang = self.lang('filemanager.'); if (typeof jQuery == 'undefined') { K.options.errorMsgHandler(lang.depJQueryError, "error"); return; } else { K.loadScript(K.options.pluginsPath + "filemanager/FManager.js"); K.loadStyle(K.options.pluginsPath + "multiimage/css/upload.css"); } self.plugin.filemanagerDialog = function (options) { var clickFn = options.clickFn; new FManager({ list_url: fileManagerJson, //图片列表数据获取url lang: lang, //语言包 fileType: options.dirName, top: self.dialogOffset, multiple: options.multiple ? true : false, callback: function (data) { clickFn.call(this, options.multiple ? data : data[0]); } }); //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('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, ' '); 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', undefined; self.clickToolbar(name, function () { var lang = self.lang(name + '.'), width = document.documentElement.clientWidth * 0.9, height = document.documentElement.clientHeight - 160, html = '<div style="padding:10px 20px;">' + '<iframe class="ke-textarea" frameborder="0" style="width:' + (width - 42) + 'px;height:' + height + 'px;"></iframe>' + '</div>', dialog = self.createDialog({ name: name, width: width, title: self.lang(name), body: html }), iframe = K('iframe', dialog.div), doc = K.iframeDoc(iframe); doc.open(); var cssPath = self.options.cssPath; var jsPath = self.options.jsPath; var arr = [ '<html lang="en">', '<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-flash {', ' border:1px solid #AAA;', ' background-image:url(' + self.options.themesPath + 'common/flash.svg);', ' *background-image:url(' + self.options.themesPath + 'common/flash.png);', ' background-size:64px 64px;', ' background-position:center center;', ' background-repeat:no-repeat;', ' width:100px;', ' height:100px;', '}', 'img.ke-rm {', ' border:1px solid #AAA;', ' background-image:url(' + self.options.themesPath + 'common/rm.gif);', ' background-position:center center;', ' background-repeat:no-repeat;', ' width:100px;', ' height:100px;', '}', 'img.ke-media {', ' border:1px solid #AAA;', ' background-image:url(' + self.options.themesPath + 'common/play.svg);', ' *background-image:url(' + self.options.themesPath + 'common/play.png);', ' background-position:center center;', ' background-size:64px 64px;', ' background-repeat:no-repeat;', ' width:100px;', ' height:100px;', '}', '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;', '}' ]; if (self.options.showHelpGrid) { arr.push('p,ul,ol,li,div{border: 1px dashed #c1c1c1;}'); arr.push('li{margin:5px 0px}'); arr.push('div,ul,ol{margin-bottom:10px}'); } arr.push('</style>'); if (!K.isArray(cssPath)) { cssPath = [cssPath]; } if (K.inArray(self.options.pluginsPath + 'code/prism.css', cssPath) < 0) { cssPath.push(self.options.pluginsPath + 'code/prism.css'); } K.each(cssPath, function (i, path) { if (path) { arr.push('<link href="' + path + '" rel="stylesheet" />'); } }); if (self.options.cssData) { arr.push('<style>' + self.options.cssData + '</style>'); } arr.push('</head><body ' + (self.options.bodyClass ? 'class="' + self.options.bodyClass + '"' : '') + '>'); arr.push(self.fullHtml()); if (!K.isArray(jsPath)) { jsPath = [jsPath]; } if (K.inArray(self.options.pluginsPath + 'code/prism.js', jsPath) < 0) { jsPath.push(self.options.pluginsPath + 'code/prism.js'); } K.each(jsPath, function (i, path) { if (path) { arr.push('<script type="text/javascript" src="' + path + '"></script>'); } }); arr.push('</body></html>'); doc.write(arr.join('\n')); doc.close(); K(doc.body).css('background-color', '#FFF'); 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| | )+/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(); }); }); /******************************************************************************* * 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, name = 'table', lang = self.lang(name + '.'), zeroborder = 'ke-zeroborder'; var borderColor = K.undef(self.options.tableBorderColor, '#cccccc'); function _setColor(box, color) { color = color.toUpperCase(); box.css('background-color', color); box.css('color', color === '#000000' ? '#FFFFFF' : '#000000'); box.html(color); } var pickerList = []; function _initColorPicker(dialogDiv, colorBox) { 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).html(), colors: self.colorTable, noColor: self.lang('noColor'), shadowMode: self.shadowMode, click: function (color) { _setColor(box, color); removePicker(); } }); pickerList.push(picker); K(document).bind('click,mousedown', removePicker); dialogDiv.bind('click,mousedown', removePicker); }); } 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; } self.plugin.table = { prop: function (isInsert) { var html = [ '<div class="ke-dialog-content-inner">', '<div class="ke-dialog-row ke-clearfix">', '<label for="keRows" class="row-left">' + lang.cells + ':</label>', '<div class="row-right">', lang.rows + ' <input type="text" id="keRows" class="ke-input-text ke-input-number" name="rows" value="" maxlength="4" /> ', lang.cols + ' <input type="text" class="ke-input-text ke-input-number" name="cols" value="" maxlength="4" />', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keWidth" class="row-left">' + lang.size + ':</label>', '<div class="row-right">', lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> ', '<select name="widthType" class="ke-select">', '<option value="%">' + lang.percent + '</option>', '<option value="px">' + lang.px + '</option>', '</select> ', lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> ', '<select name="heightType" class="ke-select">', '<option value="%">' + lang.percent + '</option>', '<option value="px">' + lang.px + '</option>', '</select>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="kePadding" class="row-left">' + lang.space + ':</label>', '<div class="row-right">', lang.padding + ' <input type="text" id="kePadding" class="ke-input-text ke-input-number" name="padding" value="" maxlength="4" /> ', lang.spacing + ' <input type="text" class="ke-input-text ke-input-number" name="spacing" value="" maxlength="4" />', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keAlign" class="row-left">' + lang.align + ':</label>', '<div class="row-right">', '<select id="keAlign" class="ke-select" name="align">', '<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="ke-dialog-row ke-clearfix">', '<label for="keBorder" class="row-left">' + lang.border + ':</label>', '<div class="row-right">', lang.borderWidth + ' <input type="text" id="keBorder" class="ke-input-text ke-input-number" name="border" value="" maxlength="4" /> ', lang.borderColor + ' <span class="ke-inline-block ke-input-color"></span>', '</div>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keBgColor" class="row-left">' + lang.backgroundColor + ':</label>', '<div class="row-right">', '<span class="ke-inline-block ke-input-color"></span>', '</div>', '</div>', '</div>' ].join(''); var bookmark = self.cmd.range.createBookmark(); var dialog = self.createDialog({ name: name, width: 500, title: self.lang(name), body: html, beforeRemove: function () { colorBox.unbind(); }, yesBtn: { name: self.lang('yes'), click: function (e) { var rows = rowsBox.val(), cols = colsBox.val(), width = widthBox.val(), height = heightBox.val(), widthType = widthTypeBox.val(), heightType = heightTypeBox.val(), padding = paddingBox.val(), spacing = spacingBox.val(), align = alignBox.val(), border = borderBox.val(), borderColor = K(colorBox[0]).html() || '', bgColor = K(colorBox[1]).html() || ''; if (rows == 0 || !/^\d+$/.test(rows)) { K.options.errorMsgHandler(self.lang('invalidRows'), "error"); rowsBox[0].focus(); return; } if (cols == 0 || !/^\d+$/.test(cols)) { K.options.errorMsgHandler(self.lang('invalidRows'), "error"); colsBox[0].focus(); return; } if (!/^\d*$/.test(width)) { K.options.errorMsgHandler(self.lang('invalidWidth'), "error"); widthBox[0].focus(); return; } if (!/^\d*$/.test(height)) { K.options.errorMsgHandler(self.lang('invalidHeight'), "error"); heightBox[0].focus(); return; } if (!/^\d*$/.test(padding)) { K.options.errorMsgHandler(self.lang('invalidPadding'), "error"); paddingBox[0].focus(); return; } if (!/^\d*$/.test(spacing)) { K.options.errorMsgHandler(self.lang('invalidSpacing'), "error"); spacingBox[0].focus(); return; } if (!/^\d*$/.test(border)) { K.options.errorMsgHandler(self.lang('invalidBorder'), "error"); borderBox[0].focus(); return; } if (table) { if (width !== '') { table.width(width + widthType); } else { table.css('width', ''); } if (table[0].width !== undefined) { table.removeAttr('width'); } if (height !== '') { table.height(height + heightType); } else { table.css('height', ''); } if (table[0].height !== undefined) { table.removeAttr('height'); } table.css('background-color', bgColor); if (table[0].bgColor !== undefined) { table.removeAttr('bgColor'); } if (padding !== '') { table[0].cellPadding = padding; } else { table.removeAttr('cellPadding'); } if (spacing !== '') { table[0].cellSpacing = spacing; } else { table.removeAttr('cellSpacing'); } if (align !== '') { table[0].align = align; } else { table.removeAttr('align'); } if (border !== '') { table.attr('border', border); } else { table.removeAttr('border'); } if (border === '' || border === '0') { table.addClass(zeroborder); } else { table.removeClass(zeroborder); } if (borderColor !== '') { table.attr('borderColor', borderColor); } else { table.removeAttr('borderColor'); } self.hideDialog().focus(); self.cmd.range.moveToBookmark(bookmark); self.cmd.select(); self.addBookmark(); return; } var style = ''; if (width !== '') { style += 'width:' + width + widthType + ';'; } if (height !== '') { style += 'height:' + height + heightType + ';'; } if (bgColor !== '') { style += 'background-color:' + bgColor + ';'; } var html = '<table class="table"'; if (style !== '') { html += ' style="' + style + '"'; } if (padding !== '') { html += ' cellpadding="' + padding + '"'; } if (spacing !== '') { html += ' cellspacing="' + spacing + '"'; } if (align !== '') { html += ' align="' + align + '"'; } if (border !== '') { html += ' border="' + border + '"'; } if (border === '' || border === '0') { html += ' class="table ' + zeroborder + '"'; } if (borderColor !== '') { html += ' bordercolor="' + borderColor + '"'; } html += '>'; for (var i = 0; i < rows; i++) { html += '<tr>'; for (var j = 0; j < cols; j++) { html += '<td>' + (K.IE ? ' ' : '<br />') + '</td>'; } html += '</tr>'; } html += '</table>'; if (!K.IE) { html += '<br />'; } function getAncestorTag(range) { var ancestor = K(range.commonAncestor()); while (ancestor) { if (ancestor.type == 1 && !ancestor.isStyle()) { break; } ancestor = ancestor.parent(); } return ancestor; } var tag = getAncestorTag(self.cmd.range); if (tag.name == 'p') { tag.before(K(html)); tag.remove(); self.cmd.selection(); self.insertHtml('<br />'); self.select().hideDialog().focus(); } else { self.insertHtml(html); self.select().hideDialog().focus(); self.addBookmark(); } } } }), div = dialog.div, rowsBox = K('[name="rows"]', div).val(3), colsBox = K('[name="cols"]', div).val(2), widthBox = K('[name="width"]', div).val(100), heightBox = K('[name="height"]', div), widthTypeBox = K('[name="widthType"]', div), heightTypeBox = K('[name="heightType"]', div), paddingBox = K('[name="padding"]', div).val(0), spacingBox = K('[name="spacing"]', div).val(0), alignBox = K('[name="align"]', div), borderBox = K('[name="border"]', div).val(1), colorBox = K('.ke-input-color', div); _initColorPicker(div, colorBox.eq(0)); _initColorPicker(div, colorBox.eq(1)); _setColor(colorBox.eq(1), ''); rowsBox[0].focus(); rowsBox[0].select(); var table; if (isInsert) { return; } table = self.plugin.getSelectedTable(); if (table) { rowsBox.val(table[0].rows.length); colsBox.val(table[0].rows.length > 0 ? table[0].rows[0].cells.length : 0); rowsBox.attr('disabled', true); colsBox.attr('disabled', true); var match, tableWidth = table[0].style.width || table[0].width, tableHeight = table[0].style.height || table[0].height; if (tableWidth !== undefined && (match = /^(\d+)((?:px|%)*)$/.exec(tableWidth))) { widthBox.val(match[1]); widthTypeBox.val(match[2]); } else { widthBox.val(''); } if (tableHeight !== undefined && (match = /^(\d+)((?:px|%)*)$/.exec(tableHeight))) { heightBox.val(match[1]); heightTypeBox.val(match[2]); } paddingBox.val(table[0].cellPadding || ''); spacingBox.val(table[0].cellSpacing || ''); alignBox.val(table[0].align || ''); borderBox.val(table[0].border === undefined ? '' : table[0].border); _setColor(colorBox.eq(0), K.toHex(table.attr('borderColor') || '')); _setColor(colorBox.eq(1), K.toHex(table[0].style.backgroundColor || table[0].bgColor || '')); widthBox[0].focus(); widthBox[0].select(); } }, cellprop: function () { var html = [ '<div style="padding:20px;">', '<div class="ke-dialog-row ke-clearfix">', '<label for="keWidth" style="width:90px;">' + lang.size + '</label>', lang.width + ' <input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> ', '<select name="widthType">', '<option value="%">' + lang.percent + '</option>', '<option value="px">' + lang.px + '</option>', '</select> ', lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> ', '<select name="heightType">', '<option value="%">' + lang.percent + '</option>', '<option value="px">' + lang.px + '</option>', '</select>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keAlign" style="width:90px;">' + lang.align + '</label>', lang.textAlign + ' <select id="keAlign" name="textAlign">', '<option value="">' + lang.alignDefault + '</option>', '<option value="left">' + lang.alignLeft + '</option>', '<option value="center">' + lang.alignCenter + '</option>', '<option value="right">' + lang.alignRight + '</option>', '</select> ', lang.verticalAlign + ' <select name="verticalAlign">', '<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 class="ke-dialog-row ke-clearfix">', '<label for="keBorder" style="width:90px;">' + lang.border + '</label>', lang.borderWidth + ' <input type="text" id="keBorder" class="ke-input-text ke-input-number" name="border" value="" maxlength="4" /> ', lang.borderColor + ' <span class="ke-inline-block ke-input-color"></span>', '</div>', '<div class="ke-dialog-row ke-clearfix">', '<label for="keBgColor" style="width:90px;">' + lang.backgroundColor + '</label>', '<span class="ke-inline-block ke-input-color"></span>', '</div>', '</div>' ].join(''); var bookmark = self.cmd.range.createBookmark(); 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(), padding = paddingBox.val(), spacing = spacingBox.val(), textAlign = textAlignBox.val(), verticalAlign = verticalAlignBox.val(), border = borderBox.val(), borderColor = K(colorBox[0]).html() || '', bgColor = K(colorBox[1]).html() || ''; if (!/^\d*$/.test(width)) { K.options.errorMsgHandler(self.lang('invalidWidth'), "error"); widthBox[0].focus(); return; } if (!/^\d*$/.test(height)) { K.options.errorMsgHandler(self.lang('invalidHeight'), "error"); heightBox[0].focus(); return; } if (!/^\d*$/.test(border)) { K.options.errorMsgHandler(self.lang('invalidBorder'), "error"); borderBox[0].focus(); return; } cell.css({ width: width !== '' ? (width + widthType) : '', height: height !== '' ? (height + heightType) : '', 'background-color': bgColor, 'text-align': textAlign, 'vertical-align': verticalAlign, 'border-width': border, 'border-style': border !== '' ? 'solid' : '', 'border-color': borderColor }); 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), paddingBox = K('[name="padding"]', div).val(0), spacingBox = K('[name="spacing"]', div).val(0), textAlignBox = K('[name="textAlign"]', div), verticalAlignBox = K('[name="verticalAlign"]', div), borderBox = K('[name="border"]', div).val(1), colorBox = K('.ke-input-color', div); _initColorPicker(div, colorBox.eq(0)); _initColorPicker(div, colorBox.eq(1)); _setColor(colorBox.eq(1), ''); widthBox[0].focus(); widthBox[0].select(); 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]); } textAlignBox.val(cell[0].style.textAlign || ''); verticalAlignBox.val(cell[0].style.verticalAlign || ''); var border = cell[0].style.borderWidth || ''; if (border) { border = parseInt(border); } borderBox.val(border); _setColor(colorBox.eq(0), K.toHex(cell[0].style.borderColor || '')); _setColor(colorBox.eq(1), K.toHex(cell[0].style.backgroundColor || '')); widthBox[0].focus(); widthBox[0].select(); }, insert: function () { this.prop(true); }, '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; 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); newCell.innerHTML = K.IE ? '' : '<br />'; index = _getCellIndex(table, newRow, newCell); } self.cmd.range.selectNodeContents(cell).collapse(true); self.cmd.select(); self.addBookmark(); }, 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]; var rowIndex = row.rowIndex; if (offset === 1) { rowIndex = row.rowIndex + (cell.rowSpan - 1) + offset; } var newRow = table.insertRow(rowIndex); for (var i = 0, len = row.cells.length; i < len; i++) { if (row.cells[i].rowSpan > 1) { len -= row.cells[i].rowSpan - 1; } var newCell = newRow.insertCell(i); if (offset === 1 && row.cells[i].colSpan > 1) { newCell.colSpan = row.cells[i].colSpan; } newCell.innerHTML = K.IE ? '' : '<br />'; } 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; } } self.cmd.range.selectNodeContents(cell).collapse(true); self.cmd.select(); self.addBookmark(); }, 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, nextRowIndex = rowIndex + cell.rowSpan, nextRow = table.rows[nextRowIndex]; if (table.rows.length <= nextRowIndex) { return; } var cellIndex = cell.cellIndex; if (nextRow.cells.length <= cellIndex) { return; } var nextCell = nextRow.cells[cellIndex]; 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(); }, colmerge: function () { var table = self.plugin.getSelectedTable()[0], row = self.plugin.getSelectedRow()[0], cell = self.plugin.getSelectedCell()[0], rowIndex = row.rowIndex, cellIndex = cell.cellIndex, nextCellIndex = cellIndex + 1; if (row.cells.length <= nextCellIndex) { return; } var nextCell = row.cells[nextCellIndex]; if (cell.rowSpan !== nextCell.rowSpan) { return; } cell.colSpan += nextCell.colSpan; row.deleteCell(nextCellIndex); self.cmd.range.selectNodeContents(cell).collapse(true); self.cmd.select(); self.addBookmark(); }, rowsplit: function () { var table = self.plugin.getSelectedTable()[0], row = self.plugin.getSelectedRow()[0], cell = self.plugin.getSelectedCell()[0], rowIndex = row.rowIndex; 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); if (cell.colSpan > 1) { newCell.colSpan = cell.colSpan; } newCell.innerHTML = K.IE ? '' : '<br />'; cellIndex = _getCellIndex(table, newRow, newCell); } K(cell).removeAttr('rowSpan'); self.cmd.range.selectNodeContents(cell).collapse(true); self.cmd.select(); self.addBookmark(); }, colsplit: function () { var table = self.plugin.getSelectedTable()[0], row = self.plugin.getSelectedRow()[0], cell = self.plugin.getSelectedCell()[0], cellIndex = cell.cellIndex; if (cell.colSpan === 1) { return; } for (var i = 1, len = cell.colSpan; i < len; i++) { var newCell = row.insertCell(cellIndex + i); if (cell.rowSpan > 1) { newCell.rowSpan = cell.rowSpan; } newCell.innerHTML = K.IE ? '' : '<br />'; } K(cell).removeAttr('colSpan'); self.cmd.range.selectNodeContents(cell).collapse(true); self.cmd.select(); self.addBookmark(); }, coldelete: function () { var table = self.plugin.getSelectedTable()[0], row = self.plugin.getSelectedRow()[0], cell = self.plugin.getSelectedCell()[0], 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.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(); } else { self.cmd.selection(true); } self.addBookmark(); }, rowdelete: function () { var table = self.plugin.getSelectedTable()[0], row = self.plugin.getSelectedRow()[0], cell = self.plugin.getSelectedCell()[0], rowIndex = row.rowIndex; for (var i = cell.rowSpan - 1; i >= 0; i--) { table.deleteRow(rowIndex + i); } if (table.rows.length === 0) { self.cmd.range.setStartBefore(table).collapse(true); self.cmd.select(); K(table).remove(); } else { self.cmd.selection(true); } self.addBookmark(); } }; self.clickToolbar(name, self.plugin.table.prop); }); /******************************************************************************* * 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 class="ke-dialog-content-inner" style="padding-top:0">', '<div class="ke-dialog-row ke-clearfix">', '<div class="ke-header" style="height: 32px;">', lang.selectTemplate + ' <select class="ke-select">']; K.each(lang.fileList, function (key, val) { arr.push('<option value="' + key + '">' + val + '</option>'); }); html = [arr.join(''), '</select>', '<input type="checkbox" id="keReplaceFlag" class="checkbox" name="replaceFlag" value="1" /> <label for="keReplaceFlag">' + lang.replaceContent + '</label>', '</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 jsonp = function (url, callback) { var callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random()); window[callbackName] = function (data) { delete window[callbackName]; document.body.removeChild(script); callback(data); }; var script = document.createElement('script'); script.src = url + (url.indexOf('?') >= 0 ? '&' : '?') + 'callback=' + callbackName; document.body.appendChild(script); }; 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); if (typeof self.wordImageServer !== 'undefined' && self.wordImageServer) { var i = 0; var arr = []; var replacedStr = str.replace(/file:\/\/+(localhost)?(\S+\.(png|jpg|jpeg|gif|bmp))/ig, function (value) { arr[i] = value; var replaced = "##" + i + "##"; i++; return replaced; }); for (var j = 0; j < arr.length; j++) { jsonp("http://" + self.wordImageServer + "/word?index=" + j + "&file=" + encodeURIComponent(arr[j]), function (data) { K.uploadwordimage.call(self, data.index, data.info); }); } str = replacedStr; } 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(); }); }); KindEditor.plugin('fixtoolbar', function (K) { var self = this; if (!self.fixToolBar) { return; } function init() { var toolbar = K('.ke-toolbar'); var originY = toolbar.pos().y; K(window).bind('scroll', function () { if (toolbar.css('position') == 'fixed') { if (document.body.scrollTop - originY < 0) { toolbar.css('position', 'static'); toolbar.css('top', 'auto'); } } else { if (toolbar.pos().y - document.body.scrollTop < 0) { toolbar.css('position', 'fixed'); toolbar.css('top', 0); } } }); } if (self.isCreated) { init(); } else { self.afterCreate(init); } });