').replace(/$/, '
');
- }
- } else {
- html = html.replace(/\n/g, '
$&');
- }
- }
- 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('
';
- })
- .replace(/' + escape(code) + '
';
- })
- .replace(/' + escape(code) + '
';
- })
- .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(/'
+};
+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 (_IE) {
+ window.attachEvent('onunload', function() {
+ _each(_eventData, function(key, events) {
+ if (events.el) {
+ _unbind(events.el);
+ }
+ });
+ });
+}
+K.ctrl = _ctrl;
+K.ready = _ready;
+function _getCssList(css) {
+ var list = {},
+ reg = /\s*([\w\-]+)\s*:([^;]*)(;|$)/g,
+ match;
+ while ((match = reg.exec(css))) {
+ var key = _trim(match[1].toLowerCase()),
+ val = _trim(_toHex(match[2]));
+ list[key] = val;
+ }
+ return list;
+}
+function _getAttrList(tag) {
+ 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] : '';
+ }
+ var match;
+ if ((match = /^(\w+:\/\/[^\/]*)/.exec(url))) {
+ if (match[1] !== host) {
+ return url;
+ }
+ } else if (/^\w+:/.test(url)) {
+ return url;
+ }
+ function getRealPath(path) {
+ var parts = path.split('/'), paths = [];
+ for (var i = 0, len = parts.length; i < len; i++) {
+ var part = parts[i];
+ if (part == '..') {
+ if (paths.length > 0) {
+ paths.pop();
+ }
+ } else if (part !== '' && part != '.') {
+ paths.push(part);
+ }
+ }
+ return '/' + paths.join('/');
+ }
+ if (/^\//.test(url)) {
+ url = host + getRealPath(url.substr(1));
+ } else if (!/^\w+:\/\//.test(url)) {
+ url = host + getRealPath(pathname + '/' + url);
+ }
+ function getRelativePath(path, depth) {
+ if (url.substr(0, path.length) === path) {
+ var arr = [];
+ for (var i = 0; i < depth; i++) {
+ arr.push('..');
+ }
+ var prefix = '.';
+ if (arr.length > 0) {
+ prefix += '/' + arr.join('/');
+ }
+ if (pathname == '/') {
+ prefix += '/';
+ }
+ return prefix + url.substr(path.length);
+ } else {
+ if ((match = /^(.*)\//.exec(path))) {
+ return getRelativePath(match[1], ++depth);
+ }
+ }
+ }
+ if (mode === 'relative') {
+ url = getRelativePath(host + pathname, 0).substr(2);
+ } else if (mode === 'absolute') {
+ if (url.substr(0, host.length) === host) {
+ url = url.substr(host.length);
+ }
+ }
+ return url;
+}
+function _formatHtml(html, htmlTags, urlType, wellFormatted, indentChar) {
+ 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, '');
+ html = html.replace(/(<(?:p|p\s[^>]*)>)\s*(<\/p>)/ig, '$1
$2'); + html = html.replace(/\u200B/g, ''); + html = html.replace(/\u00A9/g, '©'); + html = html.replace(/\u00AE/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 (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, '\n') + $3; + }); + html = html.replace(/\n\s*\n/g, '\n'); + html = html.replace(/\n/g, '\n'); + return _trim(html); +} +function _clearMsWord(html, htmlTags) { + html = html.replace(/
![](\"../../images/video.png\")
");
+ html[0] = html[0].join("");
+ html.push("/>");
+ return html.join("");
+ }else{
+ var html = ''); + }, + print : function() { + this.win.print(); + return this; + }, + insertimage : function(url, title, width, height, border, align) { + title = _undef(title, ''); + border = _undef(border, 0); + var html = '
') { + val = ''; + } + return val; + } + if (self.beforeSetHtml) { + val = self.beforeSetHtml(val); + } + if (_IE && _V >= 9) { + val = val.replace(/(<.*?checked=")checked(".*>)/ig, '$1$2'); + } + K(body).html(val); + if (self.afterSetHtml) { + self.afterSetHtml(); + } + return self; + } + if (val === undefined) { + return self.textarea.val(); + } + self.textarea.val(val); + return self; + }, + design : function(bool) { + var self = this, val; + if (bool === undefined ? !self.designMode : bool) { + if (!self.designMode) { + val = self.html(); + self.designMode = true; + self.html(val); + self.textarea.hide(); + self.iframe.show(); + } + } else { + if (self.designMode) { + val = self.html(); + self.designMode = false; + self.html(val); + self.iframe.hide(); + self.textarea.show(); + } + } + return self.focus(); + }, + focus : function() { + var self = this; + self.designMode ? self.win.focus() : self.textarea[0].focus(); + return self; + }, + blur : function() { + var self = this; + if (_IE) { + var input = K('', 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() +// if (this._itemMap[name]) { +// return this._itemMap[name]; +// } +// if($("#define").css('display') == 'block'){ +// pdiv = $("#define") +// }else if($("#full").css('display') == 'block'){ +// pdiv = $("#full") +// } + var container = this.div; + if(!$("#define",container).is(':hidden')){ + pdiv = $("#define",container); + }else if(!$("#full",container).is(':hidden')){ + pdiv = $("#full",container); + } + return (this._itemMap[name] = K('span.ke-icon-' + name, pdiv).parent()); + }, + select : function(name) { + _selectToolbar.call(this, name, function(knode) { + knode.addClass('ke-selected'); + }); + return self; + }, + unselect : function(name) { + _selectToolbar.call(this, name, function(knode) { + knode.removeClass('ke-selected').removeClass('ke-on'); + }); + return self; + }, + enable : function(name) { + var self = this, + knode = name.get ? name : self.get(name); + if (knode) { + knode.removeClass('ke-disabled'); + knode.opacity(1); + } + return self; + }, + disable : function(name) { + var self = this, + knode = name.get ? name : self.get(name); + if (knode) { + knode.removeClass('ke-selected').addClass('ke-disabled'); + knode.opacity(0.5); + } + return self; + }, + disableAll : function(bool, noDisableItems) { + var self = this, map = self.noDisableItemMap, item; + if (noDisableItems) { + map = _toMap(noDisableItems); + } + if (bool === undefined ? !self.disableMode : bool) { + K('span.ke-outline', self.div).each(function() { + var knode = K(this), + name = knode[0].getAttribute('data-name', 2); + if (!map[name]) { + self.disable(knode); + } + }); + self.disableMode = true; + } else { + K('span.ke-outline', self.div).each(function() { + var knode = K(this), + name = knode[0].getAttribute('data-name', 2); + if (!map[name]) { + self.enable(knode); + } + }); + self.disableMode = false; + } + return self; + } +}); +function _toolbar(options) { + return new KToolbar(options); +} +K.ToolbarClass = KToolbar; +K.toolbar = _toolbar; +function KMenu(options) { + this.init(options); +} +_extend(KMenu, KWidget, { + init : function(options) { + var self = this; + options.z = options.z || 811213; + KMenu.parent.init.call(self, options); + self.centerLineMode = _undef(options.centerLineMode, true); + self.div.addClass('ke-menu').bind('click,mousedown', function(e){ + e.stopPropagation(); + }).attr('unselectable', 'on'); + }, + addItem : function(item) { + var self = this; + if (item.title === '-') { + self.div.append(K('')); + return; + } + var itemDiv = K(''), + leftDiv = K(''), + rightDiv = K(''), + 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(''); + 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(''); + } + 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('').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) { + //dump_obj(options); + var self = this, + button = K(options.button), + fieldName = options.fieldName || 'file', + url = options.url || '', + title = button.val(), + extraParams = options.extraParams || {}, + cls = button[0].className || '', + target = options.target || 'kindeditor_upload_iframe_' + new Date().getTime(); + options.afterError = options.afterError || function(str) { + alert(str); + }; + var hiddenElements = []; + for(var k in extraParams){ + hiddenElements.push(''); + } + var html = [ + '
',
+ (options.target ? '' : ''),
+ (options.form ? '
'].join('');
+ var div = K(html, button.doc);
+ $(div).hide()// 如果 以后要用根据 http://kindeditor.net/docs/uploadbutton.html#k-uploadbutton-options来使用uploadButton,那么这里的button会 是隐藏的
+ button.hide();
+ button.before(div);
+ self.div = div;
+ if(options.ops!=undefined)options.ops.up_file_div = div;//options.ops是KindEditor.create()的options参数
+ 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;
+ 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, '' + doc.body.parentNode.innerHTML + '');
+ }
+ if (data) {
+ self.options.afterUpload.call(self, data);
+ }
+ });
+ self.form[0].submit();
+ return self;
+ },
+ remove : function() {
+ var self = this;
+ if (self.fileBox) {
+ self.fileBox.unbind();
+ }
+ self.iframe.remove();
+ self.div.remove();
+ self.button.show();
+ return self;
+ }
+});
+function _uploadbutton(options) {
+ return new KUploadButton(options);
+}
+K.UploadButtonClass = KUploadButton;
+K.uploadbutton = _uploadbutton;
+function _createButton(arg) {
+ arg = arg || {};
+ var name = arg.name || '',
+ span = K(''),
+ btn = K('');
+ if (arg.click) {
+ btn.click(arg.click);
+ }
+ span.append(btn);
+ return span;
+}
+function KDialog(options) {
+ this.init(options);
+}
+_extend(KDialog, KWidget, {
+ init : function(options) {
+ var self = this;
+ var shadowMode = _undef(options.shadowMode, true);
+ options.z = options.z || 811213;
+ options.shadowMode = false;
+ options.autoScroll = _undef(options.autoScroll, true);
+ KDialog.parent.init.call(self, options);
+ var title = options.title,
+ body = K(options.body, self.doc),
+ previewBtn = options.previewBtn,
+ yesBtn = options.yesBtn,
+ noBtn = options.noBtn,
+ closeBtn = options.closeBtn,
+ showMask = _undef(options.showMask, true);
+ self.div.addClass('ke-dialog').bind('click,mousedown', function(e){
+ e.stopPropagation();
+ });
+ var contentDiv = K('').appendTo(self.div);
+ if (_IE && _V < 7) {
+ self.iframeMask = K('').appendTo(self.div);
+ } else if (shadowMode) {
+ K('').appendTo(self.div);
+ }
+ var headerDiv = K('');
+ contentDiv.append(headerDiv);
+ headerDiv.html(title);
+ self.closeIcon = K('').click(closeBtn.click);
+ headerDiv.append(self.closeIcon);
+ self.draggable({
+ clickEl : headerDiv,
+ beforeDrag : options.beforeDrag
+ });
+ var bodyDiv = K('');
+ contentDiv.append(bodyDiv);
+ bodyDiv.append(body);
+ var footerDiv = K('');
+ if (previewBtn || yesBtn || noBtn) {
+ contentDiv.append(footerDiv);
+ }
+ _each([
+ { btn : previewBtn, name : 'preview' },
+ { btn : yesBtn, name : 'yes' },
+ { btn : noBtn, name : 'no' }
+ ], function() {
+ if (this.btn) {
+ var button = _createButton(this.btn);
+ button.addClass('ke-dialog-' + this.name);
+ footerDiv.append(button);
+ }
+ });
+ if (self.height) {
+ bodyDiv.height(_removeUnit(self.height) - headerDiv.height() - footerDiv.height());
+ }
+ self.div.width(self.div.width());
+ self.div.height(self.div.height());
+ self.mask = null;
+ if (showMask) {
+ var docEl = _docElement(self.doc),
+ docWidth = Math.max(docEl.scrollWidth, docEl.clientWidth),
+ docHeight = Math.max(docEl.scrollHeight, docEl.clientHeight);
+ self.mask = _widget({
+ x : 0,
+ y : 0,
+ z : self.z - 1,
+ cls : 'ke-dialog-mask',
+ width : docWidth,
+ height : docHeight
+ });
+ }
+ self.autoPos(self.div.width(), self.div.height());
+ self.footerDiv = footerDiv;
+ self.bodyDiv = bodyDiv;
+ self.headerDiv = headerDiv;
+ self.isLoading = false;
+ },
+ setMaskIndex : function(z) {
+ var self = this;
+ self.mask.div.css('z-index', z);
+ },
+ showLoading : function(msg) {
+ msg = _undef(msg, '');
+ var self = this, body = self.bodyDiv;
+ self.loading = K('' : '
' : ''),
+ '' + msg + '
' + (_IE && _V < 9 ? '' : '\u200B')); + return; + } + if (!pSkipTagMap[tagName]) { + _nativeCommand(doc, 'formatblock', '
'); + } + }); + 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', '
'); + } + var div = self.cmd.commonAncestor('div'); + if (div) { + var p = K('
'), + 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(typeof self.options.enable_at === 'function'){ + self.options.enable_at(); + } + 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(/]*id="?__kindeditor_bookmark_\w+_\d+__"?[^>]*><\/span>/ig, '')); +} +function _removeTempTag(html) { + return html.replace(/' +
+ '
';
+ 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('KindEditor ' + _VERSION + '
' +
+ 'Copyright © kindsoft.net All rights reserved.
' +
+ '').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(/(
)\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(/
').replace(/$/, '
');
+ }
+ } else {
+ html = html.replace(/\n/g, '
$&');
+ }
+ }
+ 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('
';
+ })
+ .replace(/' + escape(code) + '
';
+ })
+ .replace(/' + escape(code) + '
';
+ })
+ .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(/',
- //rows, cols
- '
'
- ].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)) {
- alert(self.lang('invalidRows'));
- rowsBox[0].focus();
- return;
- }
- if (cols == 0 || !/^\d+$/.test(cols)) {
- alert(self.lang('invalidRows'));
- colsBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(width)) {
- alert(self.lang('invalidWidth'));
- widthBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(height)) {
- alert(self.lang('invalidHeight'));
- heightBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(padding)) {
- alert(self.lang('invalidPadding'));
- paddingBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(spacing)) {
- alert(self.lang('invalidSpacing'));
- spacingBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(border)) {
- alert(self.lang('invalidBorder'));
- borderBox[0].focus();
- return;
- }
- //modify table
- 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;
- }
- //insert new table
- var style = '';
- if (width !== '') {
- style += 'width:' + width + widthType + ';';
- }
- if (height !== '') {
- style += 'height:' + height + heightType + ';';
- }
- if (bgColor !== '') {
- style += 'background-color:' + bgColor + ';';
- }
- if (border !== ''){
- style += 'border:'+border+'px solid;';
- }
-
- var html = '',
- '',
- lang.rows + ' ',
- lang.cols + ' ',
- '
',
- //width, height
- '',
- '',
- lang.width + ' ',
- ' ',
- lang.height + ' ',
- '',
- '
',
- //space, padding
- '',
- '',
- lang.padding + ' ',
- lang.spacing + ' ',
- '
',
- //align
- '',
- '',
- '',
- '
',
- //border
- '',
- '',
- lang.borderWidth + ' ',
- lang.borderColor + ' ',
- '
',
- //background color
- '',
- '',
- '',
- '
',
- ''; - } - 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(2), - 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(0), '#000000'); - _setColor(colorBox.eq(1), ''); - // foucs and select - rowsBox[0].focus(); - rowsBox[0].select(); - var table; - if (isInsert) { - return; - } - //get selected table node - 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(); - } - }, - //modify cell - cellprop : function() { - var html = [ - '
',
- //width, height
- '
'
- ].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)) {
- alert(self.lang('invalidWidth'));
- widthBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(height)) {
- alert(self.lang('invalidHeight'));
- heightBox[0].focus();
- return;
- }
- if (!/^\d*$/.test(border)) {
- alert(self.lang('invalidBorder'));
- 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(2),
- 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(0), '#000000');
- _setColor(colorBox.eq(1), '');
- // foucs and select
- widthBox[0].focus();
- widthBox[0].select();
- // get selected cell
- var cell = self.plugin.getSelectedCell();
- var match,
- cellWidth = cell[0].style.width || cell[0].width || '',
- cellHeight = cell[0].style.height || cell[0].height || '';
- if ((match = /^(\d+)((?:px|%)*)$/.exec(cellWidth))) {
- widthBox.val(match[1]);
- widthTypeBox.val(match[2]);
- } else {
- widthBox.val('');
- }
- if ((match = /^(\d+)((?:px|%)*)$/.exec(cellHeight))) {
- heightBox.val(match[1]);
- heightTypeBox.val(match[2]);
- }
- 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
- 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 ? '' : '',
- '',
- lang.width + ' ',
- ' ',
- lang.height + ' ',
- '',
- '
',
- //align
- '',
- '',
- lang.textAlign + ' ',
- lang.verticalAlign + ' ',
- '
',
- //border
- '',
- '',
- lang.borderWidth + ' ',
- lang.borderColor + ' ',
- '
',
- //background color
- '',
- '',
- '',
- '
',
- ''; - // 调整下一行的单元格index - 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++) { - // 调整cell个数 - if (row.cells[i].rowSpan > 1) { - len -= row.cells[i].rowSpan - 1; - } - var newCell = newRow.insertCell(i); - // copy colspan - if (offset === 1 && row.cells[i].colSpan > 1) { - newCell.colSpan = row.cells[i].colSpan; - } - newCell.innerHTML = K.IE ? '' : '
'; - } - // 调整rowspan - for (var j = rowIndex; j >= 0; j--) { - var cells = table.rows[j].cells; - if (cells.length > i) { - for (var k = cell.cellIndex; k >= 0; k--) { - if (cells[k].rowSpan > 1) { - cells[k].rowSpan += 1; - } - } - break; - } - } - 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, // 当前行的index - nextRowIndex = rowIndex + cell.rowSpan, // 下一行的index - nextRow = table.rows[nextRowIndex]; // 下一行 - // 最后一行不能合并 - if (table.rows.length <= nextRowIndex) { - return; - } - var cellIndex = cell.cellIndex; // 下一行单元格的index - if (nextRow.cells.length <= cellIndex) { - return; - } - var nextCell = nextRow.cells[cellIndex]; // 下一行单元格 - // 上下行的colspan不一致时不能合并 - if (cell.colSpan !== nextCell.colSpan) { - return; - } - cell.rowSpan += nextCell.rowSpan; - nextRow.deleteCell(cellIndex); - self.cmd.range.selectNodeContents(cell).collapse(true); - self.cmd.select(); - self.addBookmark(); - }, - colmerge : function() { - var table = self.plugin.getSelectedTable()[0], - row = self.plugin.getSelectedRow()[0], - cell = self.plugin.getSelectedCell()[0], - rowIndex = row.rowIndex, // 当前行的index - cellIndex = cell.cellIndex, - nextCellIndex = cellIndex + 1; - // 最后一列不能合并 - if (row.cells.length <= nextCellIndex) { - return; - } - var nextCell = row.cells[nextCellIndex]; - // 左右列的rowspan不一致时不能合并 - if (cell.rowSpan !== nextCell.rowSpan) { - return; - } - cell.colSpan += nextCell.colSpan; - row.deleteCell(nextCellIndex); - 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 ? '' : '
'; - // 调整下一行的单元格index - 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 ? '' : '
'; - } - 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
',
+ //rows, cols
+ '
'
+ ].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) {
+ if(/^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(self.edit.html())){
+ self.edit.html('');
+ }
+ 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)) {
+ alert(self.lang('invalidRows'));
+ rowsBox[0].focus();
+ return;
+ }
+ if (cols == 0 || !/^\d+$/.test(cols)) {
+ alert(self.lang('invalidRows'));
+ colsBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(width)) {
+ alert(self.lang('invalidWidth'));
+ widthBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(height)) {
+ alert(self.lang('invalidHeight'));
+ heightBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(padding)) {
+ alert(self.lang('invalidPadding'));
+ paddingBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(spacing)) {
+ alert(self.lang('invalidSpacing'));
+ spacingBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(border)) {
+ alert(self.lang('invalidBorder'));
+ borderBox[0].focus();
+ return;
+ }
+ //modify table
+ 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);
+ table.css("border-color",borderColor);
+ } else {
+ table.removeAttr('borderColor');
+ table.css("border-color","none");
+ }
+ self.hideDialog().focus();
+ self.cmd.range.moveToBookmark(bookmark);
+ self.cmd.select();
+ self.addBookmark();
+ return;
+ }
+ //insert new table
+ var style = '';
+ if (width !== '') {
+ style += 'width:' + width + widthType + ';';
+ }
+ if (height !== '') {
+ style += 'height:' + height + heightType + ';';
+ }
+ if (bgColor !== '') {
+ style += 'background-color:' + bgColor + ';';
+ }
+ if (border !== ''){
+ style += 'border:'+border+'px solid;';
+ }
+ if (borderColor !== ''){
+ style += 'border-color:'+borderColor+';';
+ }
+ style += 'table-layout: '+'fixed;';
+ var html = '',
+ '',
+ lang.rows + ' ',
+ lang.cols + ' ',
+ '
',
+ //width, height
+ '',
+ '',
+ lang.width + ' ',
+ ' ',
+ lang.height + ' ',
+ '',
+ '
',
+ //space, padding
+ '',
+ '',
+ lang.padding + ' ',
+ lang.spacing + ' ',
+ '
',
+ //align
+ '',
+ '',
+ '',
+ '
',
+ //border
+ '',
+ '',
+ lang.borderWidth + ' ',
+ lang.borderColor + ' ',
+ '
',
+ //background color
+ '',
+ '',
+ '',
+ '
',
+ ''; + } + 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(2), + 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(0), '#000000'); + _setColor(colorBox.eq(1), ''); + // foucs and select + rowsBox[0].focus(); + rowsBox[0].select(); + var table; + if (isInsert) { + return; + } + //get selected table node + 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(); + } + }, + //modify cell + cellprop : function() { + var html = [ + '
',
+ //width, height
+ '
'
+ ].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)) {
+ alert(self.lang('invalidWidth'));
+ widthBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(height)) {
+ alert(self.lang('invalidHeight'));
+ heightBox[0].focus();
+ return;
+ }
+ if (!/^\d*$/.test(border)) {
+ alert(self.lang('invalidBorder'));
+ 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(2),
+ 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(0), '#000000');
+ _setColor(colorBox.eq(1), '');
+ // foucs and select
+ widthBox[0].focus();
+ widthBox[0].select();
+ // get selected cell
+ var cell = self.plugin.getSelectedCell();
+ var match,
+ cellWidth = cell[0].style.width || cell[0].width || '',
+ cellHeight = cell[0].style.height || cell[0].height || '';
+ if ((match = /^(\d+)((?:px|%)*)$/.exec(cellWidth))) {
+ widthBox.val(match[1]);
+ widthTypeBox.val(match[2]);
+ } else {
+ widthBox.val('');
+ }
+ if ((match = /^(\d+)((?:px|%)*)$/.exec(cellHeight))) {
+ heightBox.val(match[1]);
+ heightTypeBox.val(match[2]);
+ }
+ 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
+ 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 ? '' : '',
+ '',
+ lang.width + ' ',
+ ' ',
+ lang.height + ' ',
+ '',
+ '
',
+ //align
+ '',
+ '',
+ lang.textAlign + ' ',
+ lang.verticalAlign + ' ',
+ '
',
+ //border
+ '',
+ '',
+ lang.borderWidth + ' ',
+ lang.borderColor + ' ',
+ '
',
+ //background color
+ '',
+ '',
+ '',
+ '
',
+ ''; + // 调整下一行的单元格index + 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++) { + // 调整cell个数 + if (row.cells[i].rowSpan > 1) { + len -= row.cells[i].rowSpan - 1; + } + var newCell = newRow.insertCell(i); + // copy colspan + if (offset === 1 && row.cells[i].colSpan > 1) { + newCell.colSpan = row.cells[i].colSpan; + } + newCell.innerHTML = K.IE ? '' : '
'; + } + // 调整rowspan + for (var j = rowIndex; j >= 0; j--) { + var cells = table.rows[j].cells; + if (cells.length > i) { + for (var k = cell.cellIndex; k >= 0; k--) { + if (cells[k].rowSpan > 1) { + cells[k].rowSpan += 1; + } + } + break; + } + } + 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, // 当前行的index + nextRowIndex = rowIndex + cell.rowSpan, // 下一行的index + nextRow = table.rows[nextRowIndex]; // 下一行 + // 最后一行不能合并 + if (table.rows.length <= nextRowIndex) { + return; + } + var cellIndex = cell.cellIndex; // 下一行单元格的index + if (nextRow.cells.length <= cellIndex) { + return; + } + var nextCell = nextRow.cells[cellIndex]; // 下一行单元格 + // 上下行的colspan不一致时不能合并 + if (cell.colSpan !== nextCell.colSpan) { + return; + } + cell.rowSpan += nextCell.rowSpan; + nextRow.deleteCell(cellIndex); + self.cmd.range.selectNodeContents(cell).collapse(true); + self.cmd.select(); + self.addBookmark(); + }, + colmerge : function() { + var table = self.plugin.getSelectedTable()[0], + row = self.plugin.getSelectedRow()[0], + cell = self.plugin.getSelectedCell()[0], + rowIndex = row.rowIndex, // 当前行的index + cellIndex = cell.cellIndex, + nextCellIndex = cellIndex + 1; + // 最后一列不能合并 + if (row.cells.length <= nextCellIndex) { + return; + } + var nextCell = row.cells[nextCellIndex]; + // 左右列的rowspan不一致时不能合并 + if (cell.rowSpan !== nextCell.rowSpan) { + return; + } + cell.colSpan += nextCell.colSpan; + row.deleteCell(nextCellIndex); + 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 ? '' : '
'; + // 调整下一行的单元格index + 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 ? '' : '
'; + } + 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); +}); diff --git a/public/images/video.png b/public/images/video.png new file mode 100644 index 000000000..dde2843af Binary files /dev/null and b/public/images/video.png differ diff --git a/public/javascripts/create_kindeditor.js b/public/javascripts/create_kindeditor.js index fc2ac8938..8989f8716 100644 --- a/public/javascripts/create_kindeditor.js +++ b/public/javascripts/create_kindeditor.js @@ -1,177 +1,183 @@ -//需求：表情栏可以隐藏显示，高度只要一点高 -function sd_create_editor(params){ - // var minHeight; //最小高度 - var paramsHeight = params.height; //设定的高度 - var id = arguments[1] ? arguments[1] : undefined; - var type = arguments[2] ? arguments[2] : ''; - var paramsWidth = params.width == undefined ? "100%" : params.width; - - var editor = params.kindutil.create(params.textarea, { - resizeType : 1,minWidth:"1px",width:"94%", - height:"33px",// == undefined ? "30px":paramsHeight+"px", - minHeight:"33px",// == undefined ? "30px":paramsHeight+"px", - width:params.width, - items:['emoticons','fontname', - 'forecolor', 'hilitecolor', 'bold', '|', 'justifyleft', 'justifycenter', 'insertorderedlist','insertunorderedlist', '|', - 'formatblock', 'fontsize', '|','indent', 'outdent', - '|','imagedirectupload','more'], - afterChange:function(){//按键事件 - var edit = this.edit; - var body = edit.doc.body; - edit.iframe.height(paramsHeight); - this.resize(null, Math.max((params.kindutil.IE ? body.scrollHeight : (params.kindutil.GECKO ? body.offsetHeight+26:body.offsetHeight)) , paramsHeight)); - }, - afterBlur:function(){ - //params.toolbar_container.hide(); - sd_check_editor_form_field({content:this,contentmsg:params.contentmsg,textarea:params.textarea}); - if(this.isEmpty()) { - this.edit.html("我要回复"); - } - //params.toolbar_container.hide(); - $('#reply_image_' + id).addClass('imageFuzzy'); - if(/^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(this.edit.html())){ - params.submit_btn.hide(); - params.toolbar_container.hide(); - this.resize("100%", null); - }else if(this.edit.html().trim() != ""){ - params.submit_btn.show(); - params.toolbar_container.show(); - } - - //params.submit_btn.css("display","none"); - }, - afterFocus: function(){ - var edit = this.edit; - var body = edit.doc.body; - if(/^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(edit.html())){ - edit.html(''); - } - params.submit_btn.show(); - params.contentmsg.hide(); - params.toolbar_container.show(); - // params.toolbar_container.show(); - $('#reply_image_' + id).removeClass('imageFuzzy'); - //edit.iframe.width(paramsWidth); - this.resize(paramsWidth, null); - //params.submit_btn.show(); - }, - - afterCreate:function(){ - //params.submit_btn.hide(); - var toolbar = $("div[class='ke-toolbar']",params.div_form); - toolbar.css('display','inline'); - toolbar.css('padding',0); - $(".ke-outline>.ke-toolbar-icon",toolbar).append('表情'); - params.toolbar_container.append(toolbar); - params.toolbar_container.hide(); - //init - var edit = this.edit; - var body = edit.doc.body; - edit.iframe[0].scroll = 'no'; - body.style.overflowY = 'hidden'; - //reset height - paramsHeight = paramsHeight == undefined ? params.kindutil.removeUnit(this.height) : paramsHeight; - edit.iframe.height(paramsHeight); - edit.html("我要回复"); - this.resize(null,paramsHeight);// Math.max((params.kindutil.IE ? body.scrollHeight : body.offsetHeight)+ paramsHeight , paramsHeight) - // params.toolbar_container.hide(); - if(typeof enableAt === 'function'){ - enableAt(this, id, type); - } - } - }).loadPlugin('paste'); - return editor; -} - -function sd_check_editor_form_field(params){ - var result=true; - if(params.content!=undefined){ - if(params.content.isEmpty()){ - result=false; - } - if(params.content.html()!=params.textarea.html() || params.issubmit==true){ - params.textarea.html(params.content.html()); - params.content.sync(); - if(params.content.isEmpty() || /^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(params.textarea.html())){ - params.contentmsg.html('内容不能为空'); - params.contentmsg.css({color:'#ff0000'}); - }else{ - params.contentmsg.html('填写正确'); - params.contentmsg.css({color:'#008000'}); - } - params.contentmsg.show(); - } - } - return result; -} -function sd_create_form(params){ - params.form.submit(function(){ - var flag = false; - if(params.form.attr('data-remote') != undefined ){ - flag = true - } - var is_checked = sd_check_editor_form_field({ - issubmit:true, - content:params.editor, - contentmsg:params.contentmsg, - textarea:params.textarea - }); - if(is_checked){ - if(flag){ - return true; - }else{ - $(this)[0].submit(); - return false; - } - } - return false; - }); -} -function sd_reset_editor_form(params){ - params.form[0].reset(); - params.textarea.empty(); - if(params.editor != undefined){ - params.editor.html(params.textarea.html()); - } - params.contentmsg.hide(); -} -//第二个参数是高度，可以传，可以不传 -function sd_create_editor_from_data(id){ - var height = arguments[1] ? arguments[1] : undefined; - var width = arguments[2] ? arguments[2] : undefined; - var type = arguments[3] ? arguments[3] : undefined; - KindEditor.ready(function (K) { - $("div[nhname='new_message_" + id + "']").each(function () { - var params = {}; - params.kindutil = K; - params.div_form = $(this); - params.form = $("form", params.div_form); - if (params.form == undefined || params.form.length == 0) { - return; - } - params.textarea = $("textarea[nhname='new_message_textarea_" + id + "']", params.div_form); - params.contentmsg = $("span[nhname='contentmsg_" + id + "']", params.div_form); - params.toolbar_container = $("div[nhname='toolbar_container_" + id + "']", params.div_form); - params.cancel_btn = $("#new_message_cancel_btn_" + id); - params.submit_btn = $("#new_message_submit_btn_" + id); - params.height = height; - params.width = width; - if (params.textarea.data('init') == undefined) { - params.editor = sd_create_editor(params,id, type); - sd_create_form(params); - params.cancel_btn.click(function () { - sd_reset_editor_form(params); - }); - params.submit_btn.click(function () { - params.form.submit(); - }); - params.textarea.data('init', 1); - $(this).show(); - } - }); - }); - - div_form = $("div[nhname='new_message_" + id + "']"); - $(".ke-edit", div_form).css("height","33px"); - $(".ke-edit-iframe",div_form).css("height","33px"); +//需求：表情栏可以隐藏显示，高度只要一点高 +function sd_create_editor(params){ + // var minHeight; //最小高度 + var paramsHeight = params.height; //设定的高度 + var id = arguments[1] ? arguments[1] : undefined; + var type = arguments[2] ? arguments[2] : ''; + var paramsWidth = params.width == undefined ? "100%" : params.width; + + var editor = params.kindutil.create(params.textarea, { + resizeType : 1,minWidth:"1px",width:"94%", + height:"33px",// == undefined ? "30px":paramsHeight+"px", + minHeight:"33px",// == undefined ? "30px":paramsHeight+"px", + width:params.width, + /* + items:['emoticons','fontname', + 'forecolor', 'hilitecolor', 'bold', '|', 'justifyleft', 'justifycenter', 'insertorderedlist','insertunorderedlist', '|', + 'formatblock', 'fontsize', '|','indent', 'outdent', + '|','imagedirectupload','more'],*/ + items : ['code','emoticons','fontname', + 'forecolor', 'hilitecolor', 'bold', '|', 'justifyleft', 'justifycenter', 'insertorderedlist','insertunorderedlist', '|', + 'formatblock', 'fontsize', '|','indent', 'outdent', + '|','imagedirectupload','table', 'media', 'preview',"more" + ], + afterChange:function(){//按键事件 + var edit = this.edit; + var body = edit.doc.body; + edit.iframe.height(paramsHeight); + this.resize(null, Math.max((params.kindutil.IE ? body.scrollHeight : (params.kindutil.GECKO ? body.offsetHeight+26:body.offsetHeight)) , paramsHeight)); + }, + afterBlur:function(){ + //params.toolbar_container.hide(); + sd_check_editor_form_field({content:this,contentmsg:params.contentmsg,textarea:params.textarea}); + if(this.isEmpty()) { + this.edit.html("我要回复"); + } + //params.toolbar_container.hide(); + $('#reply_image_' + id).addClass('imageFuzzy'); + if(/^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(this.edit.html())){ + params.submit_btn.hide(); + params.toolbar_container.hide(); + this.resize("100%", null); + }else if(this.edit.html().trim() != ""){ + params.submit_btn.show(); + params.toolbar_container.show(); + } + + //params.submit_btn.css("display","none"); + }, + afterFocus: function(){ + var edit = this.edit; + var body = edit.doc.body; + if(/^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(edit.html())){ + edit.html(''); + } + params.submit_btn.show(); + params.contentmsg.hide(); + params.toolbar_container.show(); + // params.toolbar_container.show(); + $('#reply_image_' + id).removeClass('imageFuzzy'); + //edit.iframe.width(paramsWidth); + this.resize(paramsWidth, null); + //params.submit_btn.show(); + }, + + afterCreate:function(){ + //params.submit_btn.hide(); + var toolbar = $("div[class='ke-toolbar']",params.div_form); + toolbar.css('display','inline'); + toolbar.css('padding',0); + $(".ke-outline>.ke-toolbar-icon",toolbar).append('表情'); + params.toolbar_container.append(toolbar); + params.toolbar_container.hide(); + //init + var edit = this.edit; + var body = edit.doc.body; + edit.iframe[0].scroll = 'no'; + body.style.overflowY = 'hidden'; + //reset height + paramsHeight = paramsHeight == undefined ? params.kindutil.removeUnit(this.height) : paramsHeight; + edit.iframe.height(paramsHeight); + edit.html("我要回复"); + this.resize(null,paramsHeight);// Math.max((params.kindutil.IE ? body.scrollHeight : body.offsetHeight)+ paramsHeight , paramsHeight) + // params.toolbar_container.hide(); + if(typeof enableAt === 'function'){ + enableAt(this, id, type); + } + } + }).loadPlugin('paste'); + return editor; +} + +function sd_check_editor_form_field(params){ + var result=true; + if(params.content!=undefined){ + if(params.content.isEmpty()){ + result=false; + } + if(params.content.html()!=params.textarea.html() || params.issubmit==true){ + params.textarea.html(params.content.html()); + params.content.sync(); + if(params.content.isEmpty() || /^\s*<\w*\s*\w*\=\"\w*\"\s*\w*\=\"\w*\:\s*\#\d*\;\s*\w*\-\w*\:\s*\w*\;\"\>[\u4e00-\u9fa5]*<\/\w*\>\s*$/.test(params.textarea.html())){ + params.contentmsg.html('内容不能为空'); + params.contentmsg.css({color:'#ff0000'}); + }else{ + params.contentmsg.html('填写正确'); + params.contentmsg.css({color:'#008000'}); + } + params.contentmsg.show(); + } + } + return result; +} +function sd_create_form(params){ + params.form.submit(function(){ + var flag = false; + if(params.form.attr('data-remote') != undefined ){ + flag = true + } + var is_checked = sd_check_editor_form_field({ + issubmit:true, + content:params.editor, + contentmsg:params.contentmsg, + textarea:params.textarea + }); + if(is_checked){ + if(flag){ + return true; + }else{ + $(this)[0].submit(); + return false; + } + } + return false; + }); +} +function sd_reset_editor_form(params){ + params.form[0].reset(); + params.textarea.empty(); + if(params.editor != undefined){ + params.editor.html(params.textarea.html()); + } + params.contentmsg.hide(); +} +//第二个参数是高度，可以传，可以不传 +function sd_create_editor_from_data(id){ + var height = arguments[1] ? arguments[1] : undefined; + var width = arguments[2] ? arguments[2] : undefined; + var type = arguments[3] ? arguments[3] : undefined; + KindEditor.ready(function (K) { + $("div[nhname='new_message_" + id + "']").each(function () { + var params = {}; + params.kindutil = K; + params.div_form = $(this); + params.form = $("form", params.div_form); + if (params.form == undefined || params.form.length == 0) { + return; + } + params.textarea = $("textarea[nhname='new_message_textarea_" + id + "']", params.div_form); + params.contentmsg = $("span[nhname='contentmsg_" + id + "']", params.div_form); + params.toolbar_container = $("div[nhname='toolbar_container_" + id + "']", params.div_form); + params.cancel_btn = $("#new_message_cancel_btn_" + id); + params.submit_btn = $("#new_message_submit_btn_" + id); + params.height = height; + params.width = width; + if (params.textarea.data('init') == undefined) { + params.editor = sd_create_editor(params,id, type); + sd_create_form(params); + params.cancel_btn.click(function () { + sd_reset_editor_form(params); + }); + params.submit_btn.click(function () { + params.form.submit(); + }); + params.textarea.data('init', 1); + $(this).show(); + } + }); + }); + + div_form = $("div[nhname='new_message_" + id + "']"); + $(".ke-edit", div_form).css("height","33px"); + $(".ke-edit-iframe",div_form).css("height","33px"); } \ No newline at end of file diff --git a/public/plugin_assets/redmine_code_review/javascripts/code_review.js b/public/plugin_assets/redmine_code_review/javascripts/code_review.js index 625f376c9..4f4d81691 100644 --- a/public/plugin_assets/redmine_code_review/javascripts/code_review.js +++ b/public/plugin_assets/redmine_code_review/javascripts/code_review.js @@ -1,354 +1,354 @@ -/* -# Code Review plugin for Redmine -# Copyright (C) 2009-2013 Haruyuki Iida -# -# This program is free software; you can redistribute it and/or -# modify it under the terms of the GNU General Public License -# as published by the Free Software Foundation; either version 2 -# of the License, or (at your option) any later version. -# -# This program is distributed in the hope that it will be useful, -# but WITHOUT ANY WARRANTY; without even the implied warranty of -# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -# GNU General Public License for more details. -# -# You should have received a copy of the GNU General Public License -# along with this program; if not, write to the Free Software -# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. - */ - -var topZindex = 1000; -var action_type = ''; -var rev = ''; -var rev_to = ''; -var path = ''; -var urlprefix = ''; -var review_form_dialog = null; -var add_form_title = null; -var review_dialog_title = null; -var repository_id = null; -var filenames = []; - -var ReviewCount = function(total, open, progress){ - this.total = total; - this.open = open; - this.closed = total - open; - this.progress = progress -}; - -var CodeReview = function(id) { - this.id = id; - this.path = ''; - this.line = 0; - this.url = ''; - this.is_closed = false; -}; - -var review_counts = new Array(); -var code_reviews_map = new Array(); -var code_reviews_dialog_map = new Array(); - -function UpdateRepositoryView(title) { - var header = $("table.changesets thead tr:first"); - var th = $('