<\/p>/i; var cssDeclaration = /(\*?[-#\/\*\\\w]+(?:\[[0-9a-z_-]+\])?)\s*:\s*((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/g; var sizzleAttr = /^sizzle-\d+/i; var scriptAttr = /^k-script-/i; var onerrorRe = /\s*onerror\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/i; var div = document.createElement('div'); div.innerHTML = '
'; var supportsLeadingWhitespace = div.firstChild.nodeType === 3; div = null; var Serializer = { toEditableHtml: function (html) { var br = '
'; html = html || ''; return html.replace(//g, '').replace(/<(\/?)script([^>]*)>/gi, '<$1k:script$2>').replace(/
' + html; html = html.replace(/href\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/, originalHref + '="$1"'); html = html.replace(/src\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/, originalSrc + '="$1"'); } root.innerHTML = html; if (legacyIE) { dom.remove(root.firstChild); $(root).find('k\\:script,script,link,img,a').each(function () { var node = this; if (node[originalHref]) { node.setAttribute('href', node[originalHref]); node.removeAttribute(originalHref); } if (node[originalSrc]) { node.setAttribute('src', node[originalSrc]); node.removeAttribute(originalSrc); } }); } else if (msie) { dom.normalize(root); Serializer._resetOrderedLists(root); } Serializer._preventScriptExecution(root); Serializer._fillEmptyElements(root); Serializer._removeSystemElements(root); $('table', root).addClass('k-table'); return root; }, domToXhtml: function (root, options) { var result = []; function semanticFilter(attributes) { return $.grep(attributes, function (attr) { return attr.name != 'style'; }); } var tagMap = { iframe: { start: function (node) { result.push('
'; } range.selectNodeContents(container); } range.collapse(true); }, add: function (range, expand) { var that = this; var collapsed = range.collapsed && !RangeUtils.isExpandable(range); var doc = RangeUtils.documentFromRange(range); if (expand && range.collapsed) { that.addCaret(range); range = RangeUtils.expand(range); } var rangeBoundary = range.cloneRange(); rangeBoundary.collapse(false); that.end = dom.create(doc, 'span', { className: 'k-marker' }); rangeBoundary.insertNode(that.end); rangeBoundary = range.cloneRange(); rangeBoundary.collapse(true); that.start = that.end.cloneNode(true); rangeBoundary.insertNode(that.start); that._removeDeadMarkers(that.start, that.end); if (collapsed) { var bom = doc.createTextNode('\uFEFF'); dom.insertAfter(bom.cloneNode(), that.start); dom.insertBefore(bom, that.end); } normalize(range.commonAncestorContainer); range.setStartBefore(that.start); range.setEndAfter(that.end); return range; }, _removeDeadMarkers: function (start, end) { if (start.previousSibling && start.previousSibling.nodeValue == '\uFEFF') { dom.remove(start.previousSibling); } if (end.nextSibling && end.nextSibling.nodeValue == '\uFEFF') { dom.remove(end.nextSibling); } }, _normalizedIndex: function (node) { var index = findNodeIndex(node); var pointer = node; while (pointer.previousSibling) { if (pointer.nodeType == 3 && pointer.previousSibling.nodeType == 3) { index--; } pointer = pointer.previousSibling; } return index; }, remove: function (range) { var that = this, start = that.start, end = that.end, shouldNormalizeStart, shouldNormalizeEnd, shouldNormalize; normalize(range.commonAncestorContainer); while (!start.nextSibling && start.parentNode) { start = start.parentNode; } while (!end.previousSibling && end.parentNode) { end = end.parentNode; } shouldNormalizeStart = start.previousSibling && start.previousSibling.nodeType == 3 && (start.nextSibling && start.nextSibling.nodeType == 3); shouldNormalizeEnd = end.previousSibling && end.previousSibling.nodeType == 3 && (end.nextSibling && end.nextSibling.nodeType == 3); shouldNormalize = shouldNormalizeStart && shouldNormalizeEnd; start = start.nextSibling; end = end.previousSibling; var collapsed = false; var collapsedToStart = false; if (start == that.end) { collapsedToStart = !!that.start.previousSibling; start = end = that.start.previousSibling || that.end.nextSibling; collapsed = true; } dom.remove(that.start); dom.remove(that.end); if (!start || !end) { range.selectNodeContents(range.commonAncestorContainer); range.collapse(true); return; } var startOffset = collapsed ? isDataNode(start) ? start.nodeValue.length : start.childNodes.length : 0; var endOffset = isDataNode(end) ? end.nodeValue.length : end.childNodes.length; if (start.nodeType == 3) { while (start.previousSibling && start.previousSibling.nodeType == 3) { start = start.previousSibling; startOffset += start.nodeValue.length; } } if (end.nodeType == 3) { while (end.previousSibling && end.previousSibling.nodeType == 3) { end = end.previousSibling; endOffset += end.nodeValue.length; } } var startParent = start.parentNode; var endParent = end.parentNode; var startIndex = this._normalizedIndex(start); var endIndex = this._normalizedIndex(end); normalize(startParent); if (start.nodeType == 3) { start = startParent.childNodes[startIndex]; } normalize(endParent); if (end.nodeType == 3) { end = endParent.childNodes[endIndex]; } if (collapsed) { if (start.nodeType == 3) { range.setStart(start, startOffset); } else { range[collapsedToStart ? 'setStartAfter' : 'setStartBefore'](start); } range.collapse(true); } else { if (start.nodeType == 3) { range.setStart(start, startOffset); } else { range.setStartBefore(start); } if (end.nodeType == 3) { range.setEnd(end, endOffset); } else { range.setEndAfter(end); } } if (that.caret) { that.removeCaret(range); } } }); var boundary = /[\u0009-\u000d]|\u0020|\u00a0|\ufeff|\.|,|;|:|!|\(|\)|\?/; var RangeUtils = { nodes: function (range) { var nodes = RangeUtils.textNodes(range); if (!nodes.length) { range.selectNodeContents(range.commonAncestorContainer); nodes = RangeUtils.textNodes(range); if (!nodes.length) { nodes = dom.significantChildNodes(range.commonAncestorContainer); } } return nodes; }, textNodes: function (range) { return new RangeEnumerator(range).enumerate(); }, documentFromRange: function (range) { var startContainer = range.startContainer; return startContainer.nodeType == 9 ? startContainer : startContainer.ownerDocument; }, createRange: function (document) { if (browser.msie && browser.version < 9) { return new W3CRange(document); } return document.createRange(); }, selectRange: function (range) { var image = RangeUtils.image(range); if (image) { range.setStartAfter(image); range.setEndAfter(image); } var selection = SelectionUtils.selectionFromRange(range); selection.removeAllRanges(); selection.addRange(range); }, stringify: function (range) { return kendo.format('{0}:{1} - {2}:{3}', dom.name(range.startContainer), range.startOffset, dom.name(range.endContainer), range.endOffset); }, split: function (range, node, trim) { function partition(start) { var partitionRange = range.cloneRange(); partitionRange.collapse(start); partitionRange[start ? 'setStartBefore' : 'setEndAfter'](node); var contents = partitionRange.extractContents(); if (trim) { contents = dom.trim(contents); } dom[start ? 'insertBefore' : 'insertAfter'](contents, node); } partition(true); partition(false); }, mapAll: function (range, map) { var nodes = []; new RangeIterator(range).traverse(function (node) { var mapped = map(node); if (mapped && $.inArray(mapped, nodes) < 0) { nodes.push(mapped); } }); return nodes; }, getAll: function (range, predicate) { var selector = predicate; if (typeof predicate == 'string') { predicate = function (node) { return dom.is(node, selector); }; } return RangeUtils.mapAll(range, function (node) { if (predicate(node)) { return node; } }); }, getMarkers: function (range) { return RangeUtils.getAll(range, function (node) { return node.className == 'k-marker'; }); }, image: function (range) { var nodes = RangeUtils.getAll(range, 'img'); if (nodes.length == 1) { return nodes[0]; } }, isStartOf: function (originalRange, node) { if (originalRange.startOffset !== 0) { return false; } var range = originalRange.cloneRange(); while (range.startOffset === 0 && range.startContainer != node) { var index = dom.findNodeIndex(range.startContainer); var parent = range.startContainer.parentNode; while (index > 0 && parent[index - 1] && dom.insignificant(parent[index - 1])) { index--; } range.setStart(parent, index); } return range.startOffset === 0 && range.startContainer == node; }, isEndOf: function (originalRange, node) { var range = originalRange.cloneRange(); range.collapse(false); var start = range.startContainer; if (dom.isDataNode(start) && range.startOffset == dom.getNodeLength(start)) { range.setStart(start.parentNode, dom.findNodeIndex(start) + 1); range.collapse(true); } range.setEnd(node, dom.getNodeLength(node)); var nodes = []; function visit(node) { if (!dom.insignificant(node)) { nodes.push(node); } } new RangeIterator(range).traverse(visit); return !nodes.length; }, wrapSelectedElements: function (range) { var startEditable = dom.editableParent(range.startContainer); var endEditable = dom.editableParent(range.endContainer); while (range.startOffset === 0 && range.startContainer != startEditable) { range.setStart(range.startContainer.parentNode, dom.findNodeIndex(range.startContainer)); } function isEnd(offset, container) { var length = dom.getNodeLength(container); if (offset == length) { return true; } for (var i = offset; i < length; i++) { if (!dom.insignificant(container.childNodes[i])) { return false; } } return true; } while (isEnd(range.endOffset, range.endContainer) && range.endContainer != endEditable) { range.setEnd(range.endContainer.parentNode, dom.findNodeIndex(range.endContainer) + 1); } return range; }, expand: function (range) { var result = range.cloneRange(); var startContainer = result.startContainer.childNodes[result.startOffset === 0 ? 0 : result.startOffset - 1]; var endContainer = result.endContainer.childNodes[result.endOffset]; if (!isDataNode(startContainer) || !isDataNode(endContainer)) { return result; } var beforeCaret = startContainer.nodeValue; var afterCaret = endContainer.nodeValue; if (!beforeCaret || !afterCaret) { return result; } var startOffset = beforeCaret.split('').reverse().join('').search(boundary); var endOffset = afterCaret.search(boundary); if (!startOffset || !endOffset) { return result; } endOffset = endOffset == -1 ? afterCaret.length : endOffset; startOffset = startOffset == -1 ? 0 : beforeCaret.length - startOffset; result.setStart(startContainer, startOffset); result.setEnd(endContainer, endOffset); return result; }, isExpandable: function (range) { var node = range.startContainer; var rangeDocument = RangeUtils.documentFromRange(range); if (node == rangeDocument || node == rangeDocument.body) { return false; } var result = range.cloneRange(); var value = node.nodeValue; if (!value) { return false; } var beforeCaret = value.substring(0, result.startOffset); var afterCaret = value.substring(result.startOffset); var startOffset = 0, endOffset = 0; if (beforeCaret) { startOffset = beforeCaret.split('').reverse().join('').search(boundary); } if (afterCaret) { endOffset = afterCaret.search(boundary); } return startOffset && endOffset; } }; extend(Editor, { SelectionUtils: SelectionUtils, W3CRange: W3CRange, RangeIterator: RangeIterator, W3CSelection: W3CSelection, RangeEnumerator: RangeEnumerator, RestorePoint: RestorePoint, Marker: Marker, RangeUtils: RangeUtils }); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/system', ['editor/range'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, editorNS = kendo.ui.editor, EditorUtils = editorNS.EditorUtils, registerTool = EditorUtils.registerTool, dom = editorNS.Dom, Tool = editorNS.Tool, ToolTemplate = editorNS.ToolTemplate, RestorePoint = editorNS.RestorePoint, Marker = editorNS.Marker, extend = $.extend; function finishUpdate(editor, startRestorePoint) { var endRestorePoint = editor.selectionRestorePoint = new RestorePoint(editor.getRange()); var command = new GenericCommand(startRestorePoint, endRestorePoint); command.editor = editor; editor.undoRedoStack.push(command); return endRestorePoint; } var Command = Class.extend({ init: function (options) { this.options = options; this.restorePoint = new RestorePoint(options.range); this.marker = new Marker(); this.formatter = options.formatter; }, getRange: function () { return this.restorePoint.toRange(); }, lockRange: function (expand) { return this.marker.add(this.getRange(), expand); }, releaseRange: function (range) { this.marker.remove(range); this.editor.selectRange(range); }, undo: function () { var point = this.restorePoint; point.restoreHtml(); this.editor.selectRange(point.toRange()); }, redo: function () { this.exec(); }, createDialog: function (content, options) { var editor = this.editor; return $(content).appendTo(document.body).kendoWindow(extend({}, editor.options.dialogOptions, options)).closest('.k-window').toggleClass('k-rtl', kendo.support.isRtl(editor.wrapper)).end(); }, exec: function () { var range = this.lockRange(true); this.formatter.editor = this.editor; this.formatter.toggle(range); this.releaseRange(range); } }); var GenericCommand = Class.extend({ init: function (startRestorePoint, endRestorePoint) { this.body = startRestorePoint.body; this.startRestorePoint = startRestorePoint; this.endRestorePoint = endRestorePoint; }, redo: function () { this.body.innerHTML = this.endRestorePoint.html; this.editor.selectRange(this.endRestorePoint.toRange()); }, undo: function () { this.body.innerHTML = this.startRestorePoint.html; this.editor.selectRange(this.startRestorePoint.toRange()); } }); var InsertHtmlCommand = Command.extend({ init: function (options) { Command.fn.init.call(this, options); this.managesUndoRedo = true; }, exec: function () { var editor = this.editor; var options = this.options; var range = options.range; var body = editor.body; var startRestorePoint = new RestorePoint(range, body); var html = options.html || options.value || ''; editor.selectRange(range); editor.clipboard.paste(html, options); if (options.postProcess) { options.postProcess(editor, editor.getRange()); } var genericCommand = new GenericCommand(startRestorePoint, new RestorePoint(editor.getRange(), body)); genericCommand.editor = editor; editor.undoRedoStack.push(genericCommand); editor.focus(); } }); var InsertHtmlTool = Tool.extend({ initialize: function (ui, initOptions) { var editor = initOptions.editor, options = this.options, dataSource = options.items ? options.items : editor.options.insertHtml; this._selectBox = new editorNS.SelectBox(ui, { dataSource: dataSource, dataTextField: 'text', dataValueField: 'value', change: function () { Tool.exec(editor, 'insertHtml', this.value()); }, title: editor.options.messages.insertHtml, highlightFirst: false }); }, command: function (commandArguments) { return new InsertHtmlCommand(commandArguments); }, update: function (ui) { var selectbox = ui.data('kendoSelectBox') || ui.find('select').data('kendoSelectBox'); selectbox.close(); selectbox.value(selectbox.options.title); } }); var TypingHandler = Class.extend({ init: function (editor) { this.editor = editor; }, keydown: function (e) { var that = this, editor = that.editor, keyboard = editor.keyboard, isTypingKey = keyboard.isTypingKey(e), evt = extend($.Event(), e); that.editor.trigger('keydown', evt); if (evt.isDefaultPrevented()) { e.preventDefault(); return true; } if (!evt.isDefaultPrevented() && isTypingKey && !keyboard.isTypingInProgress()) { var range = editor.getRange(); that.startRestorePoint = new RestorePoint(range); keyboard.startTyping(function () { that.endRestorePoint = finishUpdate(editor, that.startRestorePoint); }); return true; } return false; }, keyup: function (e) { var keyboard = this.editor.keyboard; this.editor.trigger('keyup', e); if (keyboard.isTypingInProgress()) { keyboard.endTyping(); return true; } return false; } }); var BackspaceHandler = Class.extend({ init: function (editor) { this.editor = editor; }, _addCaret: function (container) { var caret = dom.create(this.editor.document, 'a'); dom.insertAt(container, caret, 0); return caret; }, _restoreCaret: function (caret) { var range = this.editor.createRange(); range.setStartAfter(caret); range.collapse(true); this.editor.selectRange(range); dom.remove(caret); }, _handleDelete: function (range) { var node = range.endContainer; var block = dom.closestEditableOfType(node, dom.blockElements); if (block && editorNS.RangeUtils.isEndOf(range, block)) { var next = dom.next(block); if (!next || dom.name(next) != 'p') { return false; } var caret = this._addCaret(next); this._merge(block, next); this._restoreCaret(caret); return true; } return false; }, _cleanBomBefore: function (range) { var offset = range.startOffset; var node = range.startContainer; var text = node.nodeValue; var count = 0; while (offset - count >= 0 && text[offset - count - 1] == '\uFEFF') { count++; } if (count > 0) { node.deleteData(offset - count, count); range.setStart(node, Math.max(0, offset - count)); range.collapse(true); this.editor.selectRange(range); } }, _handleBackspace: function (range) { var node = range.startContainer; var li = dom.closestEditableOfType(node, ['li']); var block = dom.closestEditableOfType(node, 'p,h1,h2,h3,h4,h5,h6'.split(',')); if (dom.isDataNode(node)) { this._cleanBomBefore(range); } if (block && block.previousSibling && editorNS.RangeUtils.isStartOf(range, block)) { var prev = block.previousSibling; var caret = this._addCaret(block); this._merge(prev, block); this._restoreCaret(caret); return true; } if (li && editorNS.RangeUtils.isStartOf(range, li)) { var child = li.firstChild; if (!child) { li.innerHTML = editorNS.emptyElementContent; child = li.firstChild; } var formatter = new editorNS.ListFormatter(dom.name(li.parentNode), 'p'); range.selectNodeContents(li); formatter.toggle(range); if (dom.insignificant(child)) { range.setStartBefore(child); } else { range.setStart(child, 0); } this.editor.selectRange(range); return true; } return false; }, _handleSelection: function (range) { var ancestor = range.commonAncestorContainer; var table = dom.closest(ancestor, 'table'); var emptyParagraphContent = editorNS.emptyElementContent; if (/t(able|body)/i.test(dom.name(ancestor))) { range.selectNode(table); } var marker = new Marker(); marker.add(range, false); range.setStartAfter(marker.start); range.setEndBefore(marker.end); var start = range.startContainer; var end = range.endContainer; range.deleteContents(); if (table && $(table).text() === '') { range.selectNode(table); range.deleteContents(); } ancestor = range.commonAncestorContainer; if (dom.name(ancestor) === 'p' && ancestor.innerHTML === '') { ancestor.innerHTML = emptyParagraphContent; range.setStart(ancestor, 0); } this._join(start, end); dom.insertAfter(this.editor.document.createTextNode('\uFEFF'), marker.start); marker.remove(range); start = range.startContainer; if (dom.name(start) == 'tr') { start = start.childNodes[Math.max(0, range.startOffset - 1)]; range.setStart(start, dom.getNodeLength(start)); } range.collapse(true); this.editor.selectRange(range); return true; }, _root: function (node) { while (node && node.parentNode && dom.name(node.parentNode) != 'body') { node = node.parentNode; } return node; }, _join: function (start, end) { start = this._root(start); end = this._root(end); if (start != end && dom.is(end, 'p')) { this._merge(start, end); } }, _merge: function (dest, src) { dom.removeTrailingBreak(dest); while (src.firstChild) { if (dest.nodeType == 1) { dest.appendChild(src.firstChild); } else { dest.parentNode.appendChild(src.firstChild); } } dom.remove(src); }, keydown: function (e) { var method, startRestorePoint; var range = this.editor.getRange(); var keyCode = e.keyCode; var keys = kendo.keys; var backspace = keyCode === keys.BACKSPACE; var del = keyCode == keys.DELETE; if ((backspace || del) && !range.collapsed) { method = '_handleSelection'; } else if (backspace) { method = '_handleBackspace'; } else if (del) { method = '_handleDelete'; } if (!method) { return; } startRestorePoint = new RestorePoint(range); if (this[method](range)) { e.preventDefault(); finishUpdate(this.editor, startRestorePoint); } }, keyup: $.noop }); var SystemHandler = Class.extend({ init: function (editor) { this.editor = editor; this.systemCommandIsInProgress = false; }, createUndoCommand: function () { this.startRestorePoint = this.endRestorePoint = finishUpdate(this.editor, this.startRestorePoint); }, changed: function () { if (this.startRestorePoint) { return this.startRestorePoint.html != this.editor.body.innerHTML; } return false; }, keydown: function (e) { var that = this, editor = that.editor, keyboard = editor.keyboard; if (keyboard.isModifierKey(e)) { if (keyboard.isTypingInProgress()) { keyboard.endTyping(true); } that.startRestorePoint = new RestorePoint(editor.getRange()); return true; } if (keyboard.isSystem(e)) { that.systemCommandIsInProgress = true; if (that.changed()) { that.systemCommandIsInProgress = false; that.createUndoCommand(); } return true; } return false; }, keyup: function () { var that = this; if (that.systemCommandIsInProgress && that.changed()) { that.systemCommandIsInProgress = false; that.createUndoCommand(); return true; } return false; } }); var Keyboard = Class.extend({ init: function (handlers) { this.handlers = handlers; this.typingInProgress = false; }, isCharacter: function (keyCode) { return keyCode >= 48 && keyCode <= 90 || keyCode >= 96 && keyCode <= 111 || keyCode >= 186 && keyCode <= 192 || keyCode >= 219 && keyCode <= 222 || keyCode == 229; }, toolFromShortcut: function (tools, e) { var key = String.fromCharCode(e.keyCode), toolName, toolOptions; for (toolName in tools) { toolOptions = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options); if ((toolOptions.key == key || toolOptions.key == e.keyCode) && toolOptions.ctrl == e.ctrlKey && toolOptions.alt == e.altKey && toolOptions.shift == e.shiftKey) { return toolName; } } }, isTypingKey: function (e) { var keyCode = e.keyCode; return this.isCharacter(keyCode) && !e.ctrlKey && !e.altKey || keyCode == 32 || keyCode == 13 || keyCode == 8 || keyCode == 46 && !e.shiftKey && !e.ctrlKey && !e.altKey; }, isModifierKey: function (e) { var keyCode = e.keyCode; return keyCode == 17 && !e.shiftKey && !e.altKey || keyCode == 16 && !e.ctrlKey && !e.altKey || keyCode == 18 && !e.ctrlKey && !e.shiftKey; }, isSystem: function (e) { return e.keyCode == 46 && e.ctrlKey && !e.altKey && !e.shiftKey; }, startTyping: function (callback) { this.onEndTyping = callback; this.typingInProgress = true; }, stopTyping: function () { if (this.typingInProgress && this.onEndTyping) { this.onEndTyping(); } this.typingInProgress = false; }, endTyping: function (force) { var that = this; that.clearTimeout(); if (force) { that.stopTyping(); } else { that.timeout = window.setTimeout($.proxy(that.stopTyping, that), 1000); } }, isTypingInProgress: function () { return this.typingInProgress; }, clearTimeout: function () { window.clearTimeout(this.timeout); }, notify: function (e, what) { var i, handlers = this.handlers; for (i = 0; i < handlers.length; i++) { if (handlers[i][what](e)) { break; } } }, keydown: function (e) { this.notify(e, 'keydown'); }, keyup: function (e) { this.notify(e, 'keyup'); } }); var Clipboard = Class.extend({ init: function (editor) { this.editor = editor; this.cleaners = [ new ScriptCleaner(), new TabCleaner(), new MSWordFormatCleaner(), new WebkitFormatCleaner() ]; }, htmlToFragment: function (html) { var editor = this.editor, doc = editor.document, container = dom.create(doc, 'div'), fragment = doc.createDocumentFragment(); container.innerHTML = html; while (container.firstChild) { fragment.appendChild(container.firstChild); } return fragment; }, isBlock: function (html) { return /<(div|p|ul|ol|table|h[1-6])/i.test(html); }, _startModification: function () { var range; var restorePoint; var editor = this.editor; if (this._inProgress) { return; } this._inProgress = true; range = editor.getRange(); restorePoint = new RestorePoint(range); dom.persistScrollTop(editor.document); return { range: range, restorePoint: restorePoint }; }, _endModification: function (modificationInfo) { finishUpdate(this.editor, modificationInfo.restorePoint); this.editor._selectionChange(); this._inProgress = false; }, _contentModification: function (before, after) { var that = this; var editor = that.editor; var modificationInfo = that._startModification(); if (!modificationInfo) { return; } before.call(that, editor, modificationInfo.range); setTimeout(function () { after.call(that, editor, modificationInfo.range); that._endModification(modificationInfo); }); }, _removeBomNodes: function (range) { var nodes = editorNS.RangeUtils.textNodes(range); for (var i = 0; i < nodes.length; i++) { nodes[i].nodeValue = dom.stripBom(nodes[i].nodeValue); } }, _onBeforeCopy: function (range) { var marker = new Marker(); marker.add(range); this._removeBomNodes(range); marker.remove(range); this.editor.selectRange(range); }, oncopy: function () { this._onBeforeCopy(this.editor.getRange()); }, oncut: function () { this._onBeforeCopy(this.editor.getRange()); this._contentModification($.noop, $.noop); }, _fileToDataURL: function (blob) { var deferred = $.Deferred(); var reader = new FileReader(); if (!(blob instanceof window.File) && blob.getAsFile) { blob = blob.getAsFile(); } reader.onload = $.proxy(deferred.resolve, deferred); reader.readAsDataURL(blob); return deferred.promise(); }, _triggerPaste: function (html, options) { var args = { html: html || '' }; args.html = args.html.replace(/\ufeff/g, ''); this.editor.trigger('paste', args); this.paste(args.html, options || {}); }, _handleImagePaste: function (e) { if (!('FileReader' in window)) { return; } var clipboardData = e.clipboardData || e.originalEvent.clipboardData || window.clipboardData || {}; var items = clipboardData.items || clipboardData.files; if (!items) { return; } var images = $.grep(items, function (item) { return /^image\//i.test(item.type); }); var html = $.grep(items, function (item) { return /^text\/html/i.test(item.type); }); if (html.length || !images.length) { return; } var modificationInfo = this._startModification(); if (!modificationInfo) { return; } $.when.apply($, $.map(images, this._fileToDataURL)).done($.proxy(function () { var results = Array.prototype.slice.call(arguments); var html = $.map(results, function (e) { return '
(\s| )*)+(<\/?(div|p|li|col|t))/gi, '$3'); html = html.replace(/<(a|span)[^>]*><\/\1>/gi, ''); } html = html.replace(/^
')); } $(fragment.childNodes).filter('table').addClass('k-table').end().find('table').addClass('k-table'); range.insertNode(fragment); parent = this.splittableParent(block, caret); if (unwrap) { while (caret.parentNode != parent) { dom.unwrap(caret.parentNode); } dom.unwrap(caret.parentNode); } dom.normalize(range.commonAncestorContainer); caret.style.display = 'inline'; dom.restoreScrollTop(editor.document); dom.scrollTo(caret); marker.removeCaret(range); var rangeEnd = range.commonAncestorContainer.parentNode; if (range.collapsed && dom.name(rangeEnd) == 'tbody') { range.setStartAfter($(rangeEnd).closest('table')[0]); range.collapse(true); } editor.selectRange(range); } }); var Cleaner = Class.extend({ clean: function (html) { var that = this, replacements = that.replacements, i, l; for (i = 0, l = replacements.length; i < l; i += 2) { html = html.replace(replacements[i], replacements[i + 1]); } return html; } }); var ScriptCleaner = Cleaner.extend({ init: function () { this.replacements = [ /<(\/?)script([^>]*)>/i, '<$1telerik:script$2>' ]; }, applicable: function (html) { return /
[\s\r\n]+|
)*(<\/?(h[1-6]|hr|p|div|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|caption|address|pre|form|blockquote|dl|dt|dd|dir|fieldset)[^>]*>)(?:
[\s\r\n]+|
)*/g, '$1', /
/g, '
', /
(?!\n)/g, ' ', /
/g, '
', /^\s*( )+/gi, '', /( |
(.*)<\/div>$/,
'$1'
];
},
applicable: function (html) {
return /class="?Apple-style-span|style="[^"]*-webkit-nbsp-mode/i.test(html);
}
});
var PrintCommand = Command.extend({
init: function (options) {
Command.fn.init.call(this, options);
this.managesUndoRedo = true;
},
exec: function () {
var editor = this.editor;
if (kendo.support.browser.msie) {
editor.document.execCommand('print', false, null);
} else if (editor.window.print) {
editor.window.print();
}
}
});
var ExportPdfCommand = Command.extend({
init: function (options) {
this.async = true;
Command.fn.init.call(this, options);
},
exec: function () {
var that = this;
var range = this.lockRange(true);
this.editor.saveAsPDF().then(function () {
that.releaseRange(range);
});
}
});
extend(editorNS, {
_finishUpdate: finishUpdate,
Command: Command,
GenericCommand: GenericCommand,
InsertHtmlCommand: InsertHtmlCommand,
InsertHtmlTool: InsertHtmlTool,
TypingHandler: TypingHandler,
SystemHandler: SystemHandler,
BackspaceHandler: BackspaceHandler,
Keyboard: Keyboard,
Clipboard: Clipboard,
Cleaner: Cleaner,
TabCleaner: TabCleaner,
MSWordFormatCleaner: MSWordFormatCleaner,
WebkitFormatCleaner: WebkitFormatCleaner,
PrintCommand: PrintCommand,
ExportPdfCommand: ExportPdfCommand
});
registerTool('insertHtml', new InsertHtmlTool({
template: new ToolTemplate({
template: EditorUtils.dropDownListTemplate,
title: 'Insert HTML',
initialValue: 'Insert HTML'
})
}));
registerTool('print', new Tool({
command: PrintCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Print'
})
}));
registerTool('pdf', new Tool({
command: ExportPdfCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Export PDF'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/inlineformat', ['editor/system'], f);
}(function () {
(function ($) {
var kendo = window.kendo, Class = kendo.Class, Editor = kendo.ui.editor, formats = kendo.ui.Editor.fn.options.formats, EditorUtils = Editor.EditorUtils, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, extend = $.extend, registerTool = Editor.EditorUtils.registerTool, registerFormat = Editor.EditorUtils.registerFormat, KMARKER = 'k-marker';
var InlineFormatFinder = Class.extend({
init: function (format) {
this.format = format;
},
numberOfSiblings: function (referenceNode) {
var textNodesCount = 0, elementNodesCount = 0, markerCount = 0, parentNode = referenceNode.parentNode, node;
for (node = parentNode.firstChild; node; node = node.nextSibling) {
if (node != referenceNode) {
if (node.className == KMARKER) {
markerCount++;
} else if (node.nodeType == 3) {
textNodesCount++;
} else {
elementNodesCount++;
}
}
}
if (markerCount > 1 && parentNode.firstChild.className == KMARKER && parentNode.lastChild.className == KMARKER) {
return 0;
} else {
return elementNodesCount + textNodesCount;
}
},
findSuitable: function (sourceNode, skip) {
if (!skip && this.numberOfSiblings(sourceNode) > 0) {
return null;
}
var node = sourceNode.parentNode;
var tags = this.format[0].tags;
while (!dom.ofType(node, tags)) {
if (this.numberOfSiblings(node) > 0) {
return null;
}
node = node.parentNode;
}
return node;
},
findFormat: function (sourceNode) {
var format = this.format, attrEquals = dom.attrEquals, i, len, node, tags, attributes;
for (i = 0, len = format.length; i < len; i++) {
node = sourceNode;
tags = format[i].tags;
attributes = format[i].attr;
if (node && dom.ofType(node, tags) && attrEquals(node, attributes)) {
return node;
}
while (node) {
node = dom.parentOfType(node, tags);
if (node && attrEquals(node, attributes)) {
return node;
}
}
}
return null;
},
isFormatted: function (nodes) {
var i, len;
for (i = 0, len = nodes.length; i < len; i++) {
if (this.findFormat(nodes[i])) {
return true;
}
}
return false;
}
});
var InlineFormatter = Class.extend({
init: function (format, values) {
this.finder = new InlineFormatFinder(format);
this.attributes = extend({}, format[0].attr, values);
this.tag = format[0].tags[0];
},
wrap: function (node) {
return dom.wrap(node, dom.create(node.ownerDocument, this.tag, this.attributes));
},
activate: function (range, nodes) {
if (this.finder.isFormatted(nodes)) {
this.split(range);
this.remove(nodes);
} else {
this.apply(nodes);
}
},
toggle: function (range) {
var nodes = RangeUtils.textNodes(range);
if (nodes.length > 0) {
this.activate(range, nodes);
}
},
apply: function (nodes) {
var formatNodes = [];
var i, l, node, formatNode;
for (i = 0, l = nodes.length; i < l; i++) {
node = nodes[i];
formatNode = this.finder.findSuitable(node);
if (formatNode) {
dom.attr(formatNode, this.attributes);
} else {
while (!dom.isBlock(node.parentNode) && node.parentNode.childNodes.length == 1) {
node = node.parentNode;
}
formatNode = this.wrap(node);
}
formatNodes.push(formatNode);
}
this.consolidate(formatNodes);
},
remove: function (nodes) {
var i, l, formatNode;
for (i = 0, l = nodes.length; i < l; i++) {
formatNode = this.finder.findFormat(nodes[i]);
if (formatNode) {
if (this.attributes && this.attributes.style) {
dom.unstyle(formatNode, this.attributes.style);
if (!formatNode.style.cssText && !formatNode.attributes['class']) {
dom.unwrap(formatNode);
}
} else {
dom.unwrap(formatNode);
}
}
}
},
split: function (range) {
var nodes = RangeUtils.textNodes(range);
var l = nodes.length;
var i, formatNode;
if (l > 0) {
for (i = 0; i < l; i++) {
formatNode = this.finder.findFormat(nodes[i]);
if (formatNode) {
RangeUtils.split(range, formatNode, true);
}
}
}
},
consolidate: function (nodes) {
var node, last;
while (nodes.length > 1) {
node = nodes.pop();
last = nodes[nodes.length - 1];
if (node.previousSibling && node.previousSibling.className == KMARKER) {
last.appendChild(node.previousSibling);
}
if (node.tagName == last.tagName && node.previousSibling == last && node.style.cssText == last.style.cssText) {
while (node.firstChild) {
last.appendChild(node.firstChild);
}
dom.remove(node);
}
}
}
});
var GreedyInlineFormatFinder = InlineFormatFinder.extend({
init: function (format, greedyProperty) {
this.format = format;
this.greedyProperty = greedyProperty;
InlineFormatFinder.fn.init.call(this, format);
},
getInlineCssValue: function (node) {
var attributes = node.attributes;
var trim = $.trim;
var i, l, attribute, name, attributeValue, css, pair, cssIndex, len;
var propertyAndValue, property, value;
if (!attributes) {
return;
}
for (i = 0, l = attributes.length; i < l; i++) {
attribute = attributes[i];
name = attribute.nodeName;
attributeValue = attribute.nodeValue;
if (attribute.specified && name == 'style') {
css = trim(attributeValue || node.style.cssText).split(';');
for (cssIndex = 0, len = css.length; cssIndex < len; cssIndex++) {
pair = css[cssIndex];
if (pair.length) {
propertyAndValue = pair.split(':');
property = trim(propertyAndValue[0].toLowerCase());
value = trim(propertyAndValue[1]);
if (property != this.greedyProperty) {
continue;
}
return property.indexOf('color') >= 0 ? dom.toHex(value) : value;
}
}
}
}
},
getFormatInner: function (node) {
var $node = $(dom.isDataNode(node) ? node.parentNode : node);
var parents = $node.parentsUntil('[contentEditable]').addBack().toArray().reverse();
var i, len, value;
for (i = 0, len = parents.length; i < len; i++) {
value = this.greedyProperty == 'className' ? parents[i].className : this.getInlineCssValue(parents[i]);
if (value) {
return value;
}
}
return 'inherit';
},
getFormat: function (nodes) {
var result = this.getFormatInner(nodes[0]), i, len;
for (i = 1, len = nodes.length; i < len; i++) {
if (result != this.getFormatInner(nodes[i])) {
return '';
}
}
return result;
},
isFormatted: function (nodes) {
return this.getFormat(nodes) !== '';
}
});
var GreedyInlineFormatter = InlineFormatter.extend({
init: function (format, values, greedyProperty) {
InlineFormatter.fn.init.call(this, format, values);
this.values = values;
this.finder = new GreedyInlineFormatFinder(format, greedyProperty);
if (greedyProperty) {
this.greedyProperty = kendo.toCamelCase(greedyProperty);
}
},
activate: function (range, nodes) {
var greedyProperty = this.greedyProperty;
var action = 'apply';
this.split(range);
if (greedyProperty && this.values.style[greedyProperty] == 'inherit') {
action = 'remove';
}
this[action](nodes);
}
});
var InlineFormatTool = FormatTool.extend({
init: function (options) {
FormatTool.fn.init.call(this, extend(options, {
finder: new InlineFormatFinder(options.format),
formatter: function () {
return new InlineFormatter(options.format);
}
}));
}
});
var DelayedExecutionTool = Tool.extend({
update: function (ui, nodes) {
var list = ui.data(this.type);
list.close();
list.value(this.finder.getFormat(nodes));
}
});
var FontTool = DelayedExecutionTool.extend({
init: function (options) {
Tool.fn.init.call(this, options);
this.type = kendo.support.browser.msie || kendo.support.touch ? 'kendoDropDownList' : 'kendoComboBox';
this.format = [{ tags: ['span'] }];
this.finder = new GreedyInlineFormatFinder(this.format, options.cssAttr);
},
command: function (commandArguments) {
var options = this.options, format = this.format, style = {};
return new Editor.FormatCommand(extend(commandArguments, {
formatter: function () {
style[options.domAttr] = commandArguments.value;
return new GreedyInlineFormatter(format, { style: style }, options.cssAttr);
}
}));
},
initialize: function (ui, initOptions) {
var editor = initOptions.editor, options = this.options, toolName = options.name, dataSource, defaultValue = [];
if (options.defaultValue) {
defaultValue = [{
text: editor.options.messages[options.defaultValue[0].text],
value: options.defaultValue[0].value
}];
}
dataSource = defaultValue.concat(options.items ? options.items : editor.options[toolName] || []);
ui[this.type]({
dataTextField: 'text',
dataValueField: 'value',
dataSource: dataSource,
change: function () {
Tool.exec(editor, toolName, this.value());
},
highlightFirst: false
});
ui.closest('.k-widget').removeClass('k-' + toolName).find('*').addBack().attr('unselectable', 'on');
ui.data(this.type).value('inherit');
}
});
var ColorTool = Tool.extend({
init: function (options) {
Tool.fn.init.call(this, options);
this.format = [{ tags: ['span'] }];
this.finder = new GreedyInlineFormatFinder(this.format, options.cssAttr);
},
options: { palette: 'websafe' },
update: function () {
this._widget.close();
},
command: function (commandArguments) {
var options = this.options, format = this.format, style = {};
return new Editor.FormatCommand(extend(commandArguments, {
formatter: function () {
style[options.domAttr] = commandArguments.value;
return new GreedyInlineFormatter(format, { style: style }, options.cssAttr);
}
}));
},
initialize: function (ui, initOptions) {
var editor = initOptions.editor, toolName = this.name, options = extend({}, ColorTool.fn.options, this.options), palette = options.palette;
ui = this._widget = new kendo.ui.ColorPicker(ui, {
toolIcon: 'k-' + options.name,
palette: palette,
change: function () {
var color = ui.value();
if (color) {
Tool.exec(editor, toolName, color);
}
editor.focus();
},
activate: function (e) {
e.preventDefault();
ui.trigger('change');
}
});
ui.wrapper.attr({
title: initOptions.title,
unselectable: 'on'
}).find('*').attr('unselectable', 'on');
}
});
extend(Editor, {
InlineFormatFinder: InlineFormatFinder,
InlineFormatter: InlineFormatter,
DelayedExecutionTool: DelayedExecutionTool,
GreedyInlineFormatFinder: GreedyInlineFormatFinder,
GreedyInlineFormatter: GreedyInlineFormatter,
InlineFormatTool: InlineFormatTool,
FontTool: FontTool,
ColorTool: ColorTool
});
registerFormat('bold', [
{
tags: [
'strong',
'b'
]
},
{
tags: ['span'],
attr: { style: { fontWeight: 'bold' } }
}
]);
registerTool('bold', new InlineFormatTool({
key: 'B',
ctrl: true,
format: formats.bold,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Bold'
})
}));
registerFormat('italic', [
{
tags: [
'em',
'i'
]
},
{
tags: ['span'],
attr: { style: { fontStyle: 'italic' } }
}
]);
registerTool('italic', new InlineFormatTool({
key: 'I',
ctrl: true,
format: formats.italic,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Italic'
})
}));
registerFormat('underline', [
{
tags: ['span'],
attr: { style: { textDecoration: 'underline' } }
},
{ tags: ['u'] }
]);
registerTool('underline', new InlineFormatTool({
key: 'U',
ctrl: true,
format: formats.underline,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Underline'
})
}));
registerFormat('strikethrough', [
{
tags: [
'del',
'strike'
]
},
{
tags: ['span'],
attr: { style: { textDecoration: 'line-through' } }
}
]);
registerTool('strikethrough', new InlineFormatTool({
format: formats.strikethrough,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Strikethrough'
})
}));
registerFormat('superscript', [{ tags: ['sup'] }]);
registerTool('superscript', new InlineFormatTool({
format: formats.superscript,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Superscript'
})
}));
registerFormat('subscript', [{ tags: ['sub'] }]);
registerTool('subscript', new InlineFormatTool({
format: formats.subscript,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Subscript'
})
}));
registerTool('foreColor', new ColorTool({
cssAttr: 'color',
domAttr: 'color',
name: 'foreColor',
template: new ToolTemplate({
template: EditorUtils.colorPickerTemplate,
title: 'Color'
})
}));
registerTool('backColor', new ColorTool({
cssAttr: 'background-color',
domAttr: 'backgroundColor',
name: 'backColor',
template: new ToolTemplate({
template: EditorUtils.colorPickerTemplate,
title: 'Background Color'
})
}));
registerTool('fontName', new FontTool({
cssAttr: 'font-family',
domAttr: 'fontFamily',
name: 'fontName',
defaultValue: [{
text: 'fontNameInherit',
value: 'inherit'
}],
template: new ToolTemplate({
template: EditorUtils.comboBoxTemplate,
title: 'Font Name'
})
}));
registerTool('fontSize', new FontTool({
cssAttr: 'font-size',
domAttr: 'fontSize',
name: 'fontSize',
defaultValue: [{
text: 'fontSizeInherit',
value: 'inherit'
}],
template: new ToolTemplate({
template: EditorUtils.comboBoxTemplate,
title: 'Font Size'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/formatblock', ['editor/inlineformat'], f);
}(function () {
(function ($) {
var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, formats = kendo.ui.Editor.fn.options.formats, dom = Editor.Dom, Command = Editor.Command, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, EditorUtils = Editor.EditorUtils, registerTool = EditorUtils.registerTool, registerFormat = EditorUtils.registerFormat, RangeUtils = Editor.RangeUtils;
var BlockFormatFinder = Class.extend({
init: function (format) {
this.format = format;
},
contains: function (node, children) {
var i, len, child;
for (i = 0, len = children.length; i < len; i++) {
child = children[i];
if (!child || !dom.isAncestorOrSelf(node, child)) {
return false;
}
}
return true;
},
findSuitable: function (nodes) {
var format = this.format, suitable = [], i, len, candidate;
for (i = 0, len = nodes.length; i < len; i++) {
for (var f = format.length - 1; f >= 0; f--) {
candidate = dom.ofType(nodes[i], format[f].tags) ? nodes[i] : dom.closestEditableOfType(nodes[i], format[f].tags);
if (candidate) {
break;
}
}
if (!candidate || candidate.contentEditable === 'true') {
return [];
}
if ($.inArray(candidate, suitable) < 0) {
suitable.push(candidate);
}
}
for (i = 0, len = suitable.length; i < len; i++) {
if (this.contains(suitable[i], suitable)) {
return [suitable[i]];
}
}
return suitable;
},
findFormat: function (sourceNode) {
var format = this.format, i, len, node, tags, attributes;
var editableParent = dom.editableParent(sourceNode);
for (i = 0, len = format.length; i < len; i++) {
node = sourceNode;
tags = format[i].tags;
attributes = format[i].attr;
while (node && dom.isAncestorOf(editableParent, node)) {
if (dom.ofType(node, tags) && dom.attrEquals(node, attributes)) {
return node;
}
node = node.parentNode;
}
}
return null;
},
getFormat: function (nodes) {
var that = this, findFormat = function (node) {
return that.findFormat(dom.isDataNode(node) ? node.parentNode : node);
}, result = findFormat(nodes[0]), i, len;
if (!result) {
return '';
}
for (i = 1, len = nodes.length; i < len; i++) {
if (result != findFormat(nodes[i])) {
return '';
}
}
return result.nodeName.toLowerCase();
},
isFormatted: function (nodes) {
for (var i = 0, len = nodes.length; i < len; i++) {
if (!this.findFormat(nodes[i])) {
return false;
}
}
return true;
}
});
var BlockFormatter = Class.extend({
init: function (format, values) {
this.format = format;
this.values = values;
this.finder = new BlockFormatFinder(format);
},
wrap: function (tag, attributes, nodes) {
var commonAncestor = nodes.length == 1 ? dom.blockParentOrBody(nodes[0]) : dom.commonAncestor.apply(null, nodes);
if (dom.isInline(commonAncestor)) {
commonAncestor = dom.blockParentOrBody(commonAncestor);
}
var ancestors = dom.significantChildNodes(commonAncestor), position = dom.findNodeIndex(ancestors[0]), wrapper = dom.create(commonAncestor.ownerDocument, tag, attributes), i, ancestor;
for (i = 0; i < ancestors.length; i++) {
ancestor = ancestors[i];
if (dom.isBlock(ancestor)) {
dom.attr(ancestor, attributes);
if (wrapper.childNodes.length) {
dom.insertBefore(wrapper, ancestor);
wrapper = wrapper.cloneNode(false);
}
position = dom.findNodeIndex(ancestor) + 1;
continue;
}
wrapper.appendChild(ancestor);
}
if (wrapper.firstChild) {
dom.insertAt(commonAncestor, wrapper, position);
}
},
apply: function (nodes) {
var format, values = this.values;
function attributes(format) {
return extend({}, format && format.attr, values);
}
var images = dom.filter('img', nodes);
var imageFormat = EditorUtils.formatByName('img', this.format);
var imageAttributes = attributes(imageFormat);
$.each(images, function () {
dom.attr(this, imageAttributes);
});
if (images.length == nodes.length) {
return;
}
var nonImages = dom.filter('img', nodes, true);
var formatNodes = this.finder.findSuitable(nonImages);
if (formatNodes.length) {
for (var i = 0, len = formatNodes.length; i < len; i++) {
format = EditorUtils.formatByName(dom.name(formatNodes[i]), this.format);
dom.attr(formatNodes[i], attributes(format));
}
} else {
format = this.format[0];
this.wrap(format.tags[0], attributes(format), nonImages);
}
},
remove: function (nodes) {
var i, l, formatNode, namedFormat, name;
for (i = 0, l = nodes.length; i < l; i++) {
formatNode = this.finder.findFormat(nodes[i]);
if (formatNode) {
name = dom.name(formatNode);
if (name == 'div' && !formatNode.getAttribute('class')) {
dom.unwrap(formatNode);
} else {
namedFormat = EditorUtils.formatByName(name, this.format);
if (namedFormat.attr.style) {
dom.unstyle(formatNode, namedFormat.attr.style);
}
if (namedFormat.attr.className) {
dom.removeClass(formatNode, namedFormat.attr.className);
}
}
}
}
},
toggle: function (range) {
var that = this, nodes = RangeUtils.nodes(range);
if (that.finder.isFormatted(nodes)) {
that.remove(nodes);
} else {
that.apply(nodes);
}
}
});
var GreedyBlockFormatter = Class.extend({
init: function (format, values) {
var that = this;
that.format = format;
that.values = values;
that.finder = new BlockFormatFinder(format);
},
apply: function (nodes) {
var format = this.format;
var blocks = dom.blockParents(nodes);
var formatTag = format[0].tags[0];
var i, len, list, formatter, range;
var element;
var tagName;
if (blocks.length) {
for (i = 0, len = blocks.length; i < len; i++) {
tagName = dom.name(blocks[i]);
if (tagName == 'li') {
list = blocks[i].parentNode;
formatter = new Editor.ListFormatter(list.nodeName.toLowerCase(), formatTag);
range = this.editor.createRange();
range.selectNode(blocks[i]);
formatter.toggle(range);
} else if (formatTag && (tagName == 'td' || blocks[i].attributes.contentEditable)) {
new BlockFormatter(format, this.values).apply(blocks[i].childNodes);
} else {
element = dom.changeTag(blocks[i], formatTag);
dom.attr(element, format[0].attr);
}
}
} else {
new BlockFormatter(format, this.values).apply(nodes);
}
},
toggle: function (range) {
var nodes = RangeUtils.textNodes(range);
if (!nodes.length) {
range.selectNodeContents(range.commonAncestorContainer);
nodes = RangeUtils.textNodes(range);
if (!nodes.length) {
nodes = dom.significantChildNodes(range.commonAncestorContainer);
}
}
this.apply(nodes);
}
});
var FormatCommand = Command.extend({
init: function (options) {
options.formatter = options.formatter();
Command.fn.init.call(this, options);
}
});
var BlockFormatTool = FormatTool.extend({
init: function (options) {
FormatTool.fn.init.call(this, extend(options, {
finder: new BlockFormatFinder(options.format),
formatter: function () {
return new BlockFormatter(options.format);
}
}));
}
});
extend(Editor, {
BlockFormatFinder: BlockFormatFinder,
BlockFormatter: BlockFormatter,
GreedyBlockFormatter: GreedyBlockFormatter,
FormatCommand: FormatCommand,
BlockFormatTool: BlockFormatTool
});
var listElements = [
'ul',
'ol',
'li'
];
registerFormat('justifyLeft', [
{
tags: dom.nonListBlockElements,
attr: { style: { textAlign: 'left' } }
},
{
tags: ['img'],
attr: {
style: {
'float': 'left',
display: '',
marginLeft: '',
marginRight: ''
}
}
},
{
tags: listElements,
attr: {
style: {
textAlign: 'left',
listStylePosition: ''
}
}
}
]);
registerTool('justifyLeft', new BlockFormatTool({
format: formats.justifyLeft,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Justify Left'
})
}));
registerFormat('justifyCenter', [
{
tags: dom.nonListBlockElements,
attr: { style: { textAlign: 'center' } }
},
{
tags: ['img'],
attr: {
style: {
display: 'block',
marginLeft: 'auto',
marginRight: 'auto',
'float': ''
}
}
},
{
tags: listElements,
attr: {
style: {
textAlign: 'center',
listStylePosition: 'inside'
}
}
}
]);
registerTool('justifyCenter', new BlockFormatTool({
format: formats.justifyCenter,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Justify Center'
})
}));
registerFormat('justifyRight', [
{
tags: dom.nonListBlockElements,
attr: { style: { textAlign: 'right' } }
},
{
tags: ['img'],
attr: {
style: {
'float': 'right',
display: '',
marginLeft: '',
marginRight: ''
}
}
},
{
tags: listElements,
attr: {
style: {
textAlign: 'right',
listStylePosition: 'inside'
}
}
}
]);
registerTool('justifyRight', new BlockFormatTool({
format: formats.justifyRight,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Justify Right'
})
}));
registerFormat('justifyFull', [
{
tags: dom.nonListBlockElements,
attr: { style: { textAlign: 'justify' } }
},
{
tags: ['img'],
attr: {
style: {
display: 'block',
marginLeft: 'auto',
marginRight: 'auto',
'float': ''
}
}
},
{
tags: listElements,
attr: {
style: {
textAlign: 'justify',
listStylePosition: ''
}
}
}
]);
registerTool('justifyFull', new BlockFormatTool({
format: formats.justifyFull,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Justify Full'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/linebreak', ['editor/formatblock'], f);
}(function () {
(function ($) {
var kendo = window.kendo, extend = $.extend, editorNS = kendo.ui.editor, dom = editorNS.Dom, Command = editorNS.Command, Tool = editorNS.Tool, BlockFormatter = editorNS.BlockFormatter, normalize = dom.normalize, RangeUtils = editorNS.RangeUtils, registerTool = editorNS.EditorUtils.registerTool;
var ParagraphCommand = Command.extend({
init: function (options) {
this.options = options;
Command.fn.init.call(this, options);
},
_insertMarker: function (doc, range) {
var marker = dom.create(doc, 'a'), container;
marker.className = 'k-marker';
range.insertNode(marker);
if (!marker.parentNode) {
container = range.commonAncestorContainer;
container.innerHTML = '';
container.appendChild(marker);
}
normalize(marker.parentNode);
return marker;
},
_moveFocus: function (range, candidate) {
if (dom.isEmpty(candidate)) {
range.setStartBefore(candidate);
} else {
range.selectNodeContents(candidate);
var focusNode = RangeUtils.textNodes(range)[0];
if (!focusNode) {
while (candidate.childNodes.length && !dom.is(candidate.firstChild, 'br')) {
candidate = candidate.firstChild;
}
focusNode = candidate;
}
if (dom.isEmpty(focusNode)) {
range.setStartBefore(focusNode);
} else {
if (dom.emptyNode(focusNode)) {
focusNode.innerHTML = '\uFEFF';
}
range.setStartBefore(focusNode.firstChild || focusNode);
}
}
},
shouldTrim: function (range) {
var blocks = 'p,h1,h2,h3,h4,h5,h6'.split(','), startInBlock = dom.parentOfType(range.startContainer, blocks), endInBlock = dom.parentOfType(range.endContainer, blocks);
return startInBlock && !endInBlock || !startInBlock && endInBlock;
},
_blankAfter: function (node) {
while (node && (dom.isMarker(node) || dom.stripBom(node.nodeValue) === '')) {
node = node.nextSibling;
}
return !node;
},
exec: function () {
var range = this.getRange(), doc = RangeUtils.documentFromRange(range), parent, previous, next, emptyParagraphContent = editorNS.emptyElementContent, paragraph, marker, li, heading, rng, shouldTrim = this.shouldTrim(range);
range.deleteContents();
marker = this._insertMarker(doc, range);
li = dom.closestEditableOfType(marker, ['li']);
heading = dom.closestEditableOfType(marker, 'h1,h2,h3,h4,h5,h6'.split(','));
if (li) {
if (dom.emptyNode(li)) {
paragraph = dom.create(doc, 'p');
if (li.nextSibling) {
rng = range.cloneRange();
rng.selectNode(li);
RangeUtils.split(rng, li.parentNode);
}
dom.insertAfter(paragraph, li.parentNode);
dom.remove(li.parentNode.childNodes.length == 1 ? li.parentNode : li);
paragraph.innerHTML = emptyParagraphContent;
next = paragraph;
}
} else if (heading && this._blankAfter(marker)) {
paragraph = dom.create(doc, 'p');
dom.insertAfter(paragraph, heading);
paragraph.innerHTML = emptyParagraphContent;
dom.remove(marker);
next = paragraph;
}
if (!next) {
if (!(li || heading)) {
new BlockFormatter([{ tags: ['p'] }]).apply([marker]);
}
range.selectNode(marker);
parent = dom.parentOfType(marker, [li ? 'li' : heading ? dom.name(heading) : 'p']);
RangeUtils.split(range, parent, shouldTrim);
previous = parent.previousSibling;
if (dom.is(previous, 'li') && previous.firstChild && !dom.is(previous.firstChild, 'br')) {
previous = previous.firstChild;
}
next = parent.nextSibling;
this.clean(previous);
this.clean(next, { links: true });
if (dom.is(next, 'li') && next.firstChild && !dom.is(next.firstChild, 'br')) {
next = next.firstChild;
}
dom.remove(parent);
normalize(previous);
}
normalize(next);
this._moveFocus(range, next);
range.collapse(true);
dom.scrollTo(next);
RangeUtils.selectRange(range);
},
clean: function (node, options) {
var root = node;
if (node.firstChild && dom.is(node.firstChild, 'br')) {
dom.remove(node.firstChild);
}
if (dom.isDataNode(node) && !node.nodeValue) {
node = node.parentNode;
}
if (node) {
var siblings = false;
while (node.firstChild && node.firstChild.nodeType == 1) {
siblings = siblings || dom.significantNodes(node.childNodes).length > 1;
node = node.firstChild;
}
if (!dom.isEmpty(node) && /^\s*$/.test(node.innerHTML) && !siblings) {
$(root).find('.k-br').remove();
node.innerHTML = editorNS.emptyElementContent;
}
if (options && options.links) {
while (node != root) {
if (dom.is(node, 'a') && dom.emptyNode(node)) {
dom.unwrap(node);
break;
}
node = node.parentNode;
}
}
}
}
});
var NewLineCommand = Command.extend({
init: function (options) {
this.options = options;
Command.fn.init.call(this, options);
},
exec: function () {
var range = this.getRange();
var br = dom.create(RangeUtils.documentFromRange(range), 'br');
var filler;
var browser = kendo.support.browser;
var oldIE = browser.msie && browser.version < 11;
range.deleteContents();
range.insertNode(br);
normalize(br.parentNode);
if (!oldIE && (!br.nextSibling || dom.isWhitespace(br.nextSibling))) {
filler = br.cloneNode(true);
filler.className = 'k-br';
dom.insertAfter(filler, br);
}
range.setStartAfter(br);
range.collapse(true);
dom.scrollTo(br.nextSibling || br);
RangeUtils.selectRange(range);
}
});
extend(editorNS, {
ParagraphCommand: ParagraphCommand,
NewLineCommand: NewLineCommand
});
registerTool('insertLineBreak', new Tool({
key: 13,
shift: true,
command: NewLineCommand
}));
registerTool('insertParagraph', new Tool({
key: 13,
command: ParagraphCommand
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/lists', ['editor/linebreak'], f);
}(function () {
(function ($) {
var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, EditorUtils = Editor.EditorUtils, Command = Editor.Command, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, BlockFormatFinder = Editor.BlockFormatFinder, textNodes = RangeUtils.textNodes, registerTool = Editor.EditorUtils.registerTool;
var ListFormatFinder = BlockFormatFinder.extend({
init: function (tag) {
this.tag = tag;
var tags = this.tags = [
tag == 'ul' ? 'ol' : 'ul',
tag
];
BlockFormatFinder.fn.init.call(this, [{ tags: tags }]);
},
isFormatted: function (nodes) {
var formatNodes = [];
var formatNode, i;
for (i = 0; i < nodes.length; i++) {
formatNode = this.findFormat(nodes[i]);
if (formatNode && dom.name(formatNode) == this.tag) {
formatNodes.push(formatNode);
}
}
if (formatNodes.length < 1) {
return false;
}
if (formatNodes.length != nodes.length) {
return false;
}
for (i = 0; i < formatNodes.length; i++) {
if (formatNodes[i].parentNode != formatNode.parentNode) {
break;
}
if (formatNodes[i] != formatNode) {
return false;
}
}
return true;
},
findSuitable: function (nodes) {
var candidate = this.findFormat(nodes[0]);
if (candidate && dom.name(candidate) == this.tag) {
return candidate;
}
return null;
}
});
var ListFormatter = Class.extend({
init: function (tag, unwrapTag) {
var that = this;
that.finder = new ListFormatFinder(tag);
that.tag = tag;
that.unwrapTag = unwrapTag;
},
isList: function (node) {
var name = dom.name(node);
return name == 'ul' || name == 'ol' || name == 'dl';
},
wrap: function (list, nodes) {
var li = dom.create(list.ownerDocument, 'li'), i, node;
for (i = 0; i < nodes.length; i++) {
node = nodes[i];
if (dom.is(node, 'li')) {
list.appendChild(node);
continue;
}
if (this.isList(node)) {
while (node.firstChild) {
list.appendChild(node.firstChild);
}
continue;
}
if (dom.is(node, 'td')) {
while (node.firstChild) {
li.appendChild(node.firstChild);
}
list.appendChild(li);
node.appendChild(list);
list = list.cloneNode(false);
li = li.cloneNode(false);
continue;
}
li.appendChild(node);
if (dom.isBlock(node)) {
list.appendChild(li);
dom.unwrap(node);
li = li.cloneNode(false);
}
}
if (li.firstChild) {
list.appendChild(li);
}
},
containsAny: function (parent, nodes) {
for (var i = 0; i < nodes.length; i++) {
if (dom.isAncestorOrSelf(parent, nodes[i])) {
return true;
}
}
return false;
},
suitable: function (candidate, nodes) {
if (candidate.className == 'k-marker') {
var sibling = candidate.nextSibling;
if (sibling && dom.isBlock(sibling)) {
return false;
}
sibling = candidate.previousSibling;
if (sibling && dom.isBlock(sibling)) {
return false;
}
}
return this.containsAny(candidate, nodes) || dom.isInline(candidate) || candidate.nodeType == 3;
},
_parentLists: function (node) {
var editable = dom.closestEditable(node);
return $(node).parentsUntil(editable, 'ul,ol');
},
split: function (range) {
var nodes = textNodes(range);
var start, end, parents;
if (nodes.length) {
start = dom.parentOfType(nodes[0], ['li']);
end = dom.parentOfType(nodes[nodes.length - 1], ['li']);
range.setStartBefore(start);
range.setEndAfter(end);
for (var i = 0, l = nodes.length; i < l; i++) {
var formatNode = this.finder.findFormat(nodes[i]);
if (formatNode) {
parents = this._parentLists(formatNode);
if (parents.length) {
RangeUtils.split(range, parents.last()[0], true);
} else {
RangeUtils.split(range, formatNode, true);
}
}
}
}
},
merge: function (tag, formatNode) {
var prev = formatNode.previousSibling, next;
while (prev && (prev.className == 'k-marker' || prev.nodeType == 3 && dom.isWhitespace(prev))) {
prev = prev.previousSibling;
}
if (prev && dom.name(prev) == tag) {
while (formatNode.firstChild) {
prev.appendChild(formatNode.firstChild);
}
dom.remove(formatNode);
formatNode = prev;
}
next = formatNode.nextSibling;
while (next && (next.className == 'k-marker' || next.nodeType == 3 && dom.isWhitespace(next))) {
next = next.nextSibling;
}
if (next && dom.name(next) == tag) {
while (formatNode.lastChild) {
next.insertBefore(formatNode.lastChild, next.firstChild);
}
dom.remove(formatNode);
}
},
breakable: function (node) {
return node != node.ownerDocument.body && !/table|tbody|tr|td/.test(dom.name(node)) && !node.attributes.contentEditable;
},
applyOnSection: function (section, nodes) {
var tag = this.tag;
var commonAncestor = dom.closestSplittableParent(nodes);
var ancestors = [];
var formatNode = this.finder.findSuitable(nodes);
if (!formatNode) {
formatNode = new ListFormatFinder(tag == 'ul' ? 'ol' : 'ul').findSuitable(nodes);
}
var childNodes;
if (/table|tbody/.test(dom.name(commonAncestor))) {
childNodes = $.map(nodes, function (node) {
return dom.parentOfType(node, ['td']);
});
} else {
childNodes = dom.significantChildNodes(commonAncestor);
if ($.grep(childNodes, dom.isBlock).length) {
childNodes = $.grep(childNodes, $.proxy(function (node) {
return this.containsAny(node, nodes);
}, this));
}
if (!childNodes.length) {
childNodes = nodes;
}
}
function pushAncestor() {
ancestors.push(this);
}
for (var i = 0; i < childNodes.length; i++) {
var child = childNodes[i];
var suitable = (!formatNode || !dom.isAncestorOrSelf(formatNode, child)) && this.suitable(child, nodes);
if (!suitable) {
continue;
}
if (formatNode && this.isList(child)) {
$.each(child.childNodes, pushAncestor);
dom.remove(child);
} else {
ancestors.push(child);
}
}
if (ancestors.length == childNodes.length && this.breakable(commonAncestor)) {
ancestors = [commonAncestor];
}
if (!formatNode) {
formatNode = dom.create(commonAncestor.ownerDocument, tag);
dom.insertBefore(formatNode, ancestors[0]);
}
this.wrap(formatNode, ancestors);
if (!dom.is(formatNode, tag)) {
dom.changeTag(formatNode, tag);
}
this.merge(tag, formatNode);
},
apply: function (nodes) {
var i = 0, sections = [], lastSection, lastNodes, section;
do {
section = dom.closestEditable(nodes[i], [
'td',
'body'
]);
if (!lastSection || section != lastSection) {
if (lastSection) {
sections.push({
section: lastSection,
nodes: lastNodes
});
}
lastNodes = [nodes[i]];
lastSection = section;
} else {
lastNodes.push(nodes[i]);
}
i++;
} while (i < nodes.length);
sections.push({
section: lastSection,
nodes: lastNodes
});
for (i = 0; i < sections.length; i++) {
this.applyOnSection(sections[i].section, sections[i].nodes);
}
},
unwrap: function (ul) {
var fragment = ul.ownerDocument.createDocumentFragment(), unwrapTag = this.unwrapTag, parents, li, p, child;
for (li = ul.firstChild; li; li = li.nextSibling) {
p = dom.create(ul.ownerDocument, unwrapTag || 'p');
while (li.firstChild) {
child = li.firstChild;
if (dom.isBlock(child)) {
if (p.firstChild) {
fragment.appendChild(p);
p = dom.create(ul.ownerDocument, unwrapTag || 'p');
}
fragment.appendChild(child);
} else {
p.appendChild(child);
}
}
if (p.firstChild) {
fragment.appendChild(p);
}
}
parents = this._parentLists(ul);
if (parents[0]) {
dom.insertAfter(fragment, parents.last()[0]);
parents.last().remove();
} else {
dom.insertAfter(fragment, ul);
}
dom.remove(ul);
},
remove: function (nodes) {
var formatNode;
for (var i = 0, l = nodes.length; i < l; i++) {
formatNode = this.finder.findFormat(nodes[i]);
if (formatNode) {
this.unwrap(formatNode);
}
}
},
toggle: function (range) {
var that = this, nodes = textNodes(range), ancestor = range.commonAncestorContainer;
if (!nodes.length) {
range.selectNodeContents(ancestor);
nodes = textNodes(range);
if (!nodes.length) {
var text = ancestor.ownerDocument.createTextNode('');
range.startContainer.appendChild(text);
nodes = [text];
range.selectNode(text.parentNode);
}
}
if (that.finder.isFormatted(nodes)) {
that.split(range);
that.remove(nodes);
} else {
that.apply(nodes);
}
}
});
var ListCommand = Command.extend({
init: function (options) {
options.formatter = new ListFormatter(options.tag);
Command.fn.init.call(this, options);
}
});
var ListTool = FormatTool.extend({
init: function (options) {
this.options = options;
FormatTool.fn.init.call(this, extend(options, { finder: new ListFormatFinder(options.tag) }));
},
command: function (commandArguments) {
return new ListCommand(extend(commandArguments, { tag: this.options.tag }));
}
});
extend(Editor, {
ListFormatFinder: ListFormatFinder,
ListFormatter: ListFormatter,
ListCommand: ListCommand,
ListTool: ListTool
});
registerTool('insertUnorderedList', new ListTool({
tag: 'ul',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Insert unordered list'
})
}));
registerTool('insertOrderedList', new ListTool({
tag: 'ol',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Insert ordered list'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/link', ['editor/lists'], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, Class = kendo.Class, extend = $.extend, proxy = $.proxy, Editor = kendo.ui.editor, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, EditorUtils = Editor.EditorUtils, Command = Editor.Command, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, InlineFormatter = Editor.InlineFormatter, InlineFormatFinder = Editor.InlineFormatFinder, textNodes = RangeUtils.textNodes, registerTool = Editor.EditorUtils.registerTool;
var LinkFormatFinder = Class.extend({
findSuitable: function (sourceNode) {
return dom.parentOfType(sourceNode, ['a']);
}
});
var LinkFormatter = Class.extend({
init: function () {
this.finder = new LinkFormatFinder();
},
apply: function (range, attributes) {
var nodes = textNodes(range);
var markers, doc, formatter, a, parent;
if (attributes.innerHTML) {
doc = RangeUtils.documentFromRange(range);
markers = RangeUtils.getMarkers(range);
range.deleteContents();
a = dom.create(doc, 'a', attributes);
range.insertNode(a);
parent = a.parentNode;
if (dom.name(parent) == 'a') {
dom.insertAfter(a, parent);
}
if (dom.emptyNode(parent)) {
dom.remove(parent);
}
var ref = a;
for (var i = 0; i < markers.length; i++) {
dom.insertAfter(markers[i], ref);
ref = markers[i];
}
if (markers.length) {
dom.insertBefore(doc.createTextNode('\uFEFF'), markers[1]);
dom.insertAfter(doc.createTextNode('\uFEFF'), markers[1]);
range.setStartBefore(markers[0]);
range.setEndAfter(markers[markers.length - 1]);
}
} else {
formatter = new InlineFormatter([{ tags: ['a'] }], attributes);
formatter.finder = this.finder;
formatter.apply(nodes);
}
}
});
var UnlinkCommand = Command.extend({
init: function (options) {
options.formatter = {
toggle: function (range) {
new InlineFormatter([{ tags: ['a'] }]).remove(textNodes(range));
}
};
this.options = options;
Command.fn.init.call(this, options);
}
});
var LinkCommand = Command.extend({
init: function (options) {
this.options = options;
Command.fn.init.call(this, options);
this.formatter = new LinkFormatter();
if (!options.url) {
this.attributes = null;
this.async = true;
} else {
this.exec = function () {
this.formatter.apply(options.range, {
href: options.url,
innerHTML: options.text || options.url,
target: options.target
});
};
}
},
_dialogTemplate: function () {
return kendo.template('
' + '
')({ messages: this.editor.options.messages });
},
exec: function () {
var messages = this.editor.options.messages;
this._initialText = '';
this._range = this.lockRange(true);
var nodes = textNodes(this._range);
var a = nodes.length ? this.formatter.finder.findSuitable(nodes[0]) : null;
var img = nodes.length && dom.name(nodes[0]) == 'img';
var dialog = this.createDialog(this._dialogTemplate(), {
title: messages.createLink,
close: proxy(this._close, this),
visible: false
});
if (a) {
this._range.selectNodeContents(a);
nodes = textNodes(this._range);
}
this._initialText = this.linkText(nodes);
dialog.find('.k-dialog-insert').click(proxy(this._apply, this)).end().find('.k-dialog-close').click(proxy(this._close, this)).end().find('.k-edit-field input').keydown(proxy(this._keydown, this)).end().find('#k-editor-link-url').val(this.linkUrl(a)).end().find('#k-editor-link-text').val(this._initialText).end().find('#k-editor-link-title').val(a ? a.title : '').end().find('#k-editor-link-target').attr('checked', a ? a.target == '_blank' : false).end().find('.k-editor-link-text-row').toggle(!img);
this._dialog = dialog.data('kendoWindow').center().open();
$('#k-editor-link-url', dialog).focus().select();
},
_keydown: function (e) {
var keys = kendo.keys;
if (e.keyCode == keys.ENTER) {
this._apply(e);
} else if (e.keyCode == keys.ESC) {
this._close(e);
}
},
_apply: function (e) {
var element = this._dialog.element;
var href = $('#k-editor-link-url', element).val();
var title, text, target;
var textInput = $('#k-editor-link-text', element);
if (href && href != 'http://') {
if (href.indexOf('@') > 0 && !/^(\w+:)|(\/\/)/i.test(href)) {
href = 'mailto:' + href;
}
this.attributes = { href: href };
title = $('#k-editor-link-title', element).val();
if (title) {
this.attributes.title = title;
}
if (textInput.is(':visible')) {
text = textInput.val();
if (!text && !this._initialText) {
this.attributes.innerHTML = href;
} else if (text && text !== this._initialText) {
this.attributes.innerHTML = dom.stripBom(text);
}
}
target = $('#k-editor-link-target', element).is(':checked');
this.attributes.target = target ? '_blank' : null;
this.formatter.apply(this._range, this.attributes);
}
this._close(e);
if (this.change) {
this.change();
}
},
_close: function (e) {
e.preventDefault();
this._dialog.destroy();
dom.windowFromDocument(RangeUtils.documentFromRange(this._range)).focus();
this.releaseRange(this._range);
},
linkUrl: function (anchor) {
if (anchor) {
return anchor.getAttribute('href', 2);
}
return 'http://';
},
linkText: function (nodes) {
var text = '';
var i;
for (i = 0; i < nodes.length; i++) {
text += nodes[i].nodeValue;
}
return dom.stripBom(text || '');
},
redo: function () {
var range = this.lockRange(true);
this.formatter.apply(range, this.attributes);
this.releaseRange(range);
}
});
var UnlinkTool = Tool.extend({
init: function (options) {
this.options = options;
this.finder = new InlineFormatFinder([{ tags: ['a'] }]);
Tool.fn.init.call(this, $.extend(options, { command: UnlinkCommand }));
},
initialize: function (ui, options) {
Tool.fn.initialize.call(this, ui, options);
ui.addClass('k-state-disabled');
},
update: function (ui, nodes) {
ui.toggleClass('k-state-disabled', !this.finder.isFormatted(nodes)).removeClass('k-state-hover');
}
});
extend(kendo.ui.editor, {
LinkFormatFinder: LinkFormatFinder,
LinkFormatter: LinkFormatter,
UnlinkCommand: UnlinkCommand,
LinkCommand: LinkCommand,
UnlinkTool: UnlinkTool
});
registerTool('createLink', new Tool({
key: 'K',
ctrl: true,
command: LinkCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Create Link'
})
}));
registerTool('unlink', new UnlinkTool({
key: 'K',
ctrl: true,
shift: true,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Remove Link'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/file', [
'kendo.filebrowser',
'editor/link'
], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, extend = $.extend, Editor = kendo.ui.editor, EditorUtils = Editor.EditorUtils, dom = Editor.Dom, registerTool = EditorUtils.registerTool, ToolTemplate = Editor.ToolTemplate, RangeUtils = Editor.RangeUtils, Command = Editor.Command, LinkFormatter = Editor.LinkFormatter, textNodes = RangeUtils.textNodes, keys = kendo.keys, KEDITORFILEURL = '#k-editor-file-url', KEDITORFILETITLE = '#k-editor-file-title';
var FileCommand = Command.extend({
init: function (options) {
var that = this;
Command.fn.init.call(that, options);
that.formatter = new LinkFormatter();
that.async = true;
that.attributes = {};
},
insertFile: function (file, range) {
var attributes = this.attributes;
var doc = RangeUtils.documentFromRange(range);
if (attributes.href && attributes.href != 'http://') {
if (!file) {
file = dom.create(doc, 'a', { href: attributes.href });
file.innerHTML = attributes.innerHTML;
range.deleteContents();
range.insertNode(file);
if (!file.nextSibling) {
dom.insertAfter(doc.createTextNode('\uFEFF'), file);
}
range.setStartAfter(file);
range.setEndAfter(file);
RangeUtils.selectRange(range);
return true;
} else {
dom.attr(file, attributes);
}
}
return false;
},
_dialogTemplate: function (showBrowser) {
return kendo.template('' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '' + '' + '
' + '' + '' + '# if (showBrowser) { #' + '' + '# } #' + '
')({
messages: this.editor.options.messages,
showBrowser: showBrowser
});
},
redo: function () {
var that = this, range = that.lockRange();
this.formatter.apply(range, this.attributes);
that.releaseRange(range);
},
exec: function () {
var that = this, range = that.lockRange(), nodes = textNodes(range), applied = false, file = nodes.length ? this.formatter.finder.findSuitable(nodes[0]) : null, dialog, options = that.editor.options, messages = options.messages, fileBrowser = options.fileBrowser, showBrowser = !!(kendo.ui.FileBrowser && fileBrowser && fileBrowser.transport && fileBrowser.transport.read !== undefined), dialogOptions = {
title: messages.insertFile,
visible: false,
resizable: showBrowser
};
function apply(e) {
var element = dialog.element, href = element.find(KEDITORFILEURL).val().replace(/ /g, '%20'), innerHTML = element.find(KEDITORFILETITLE).val();
that.attributes = {
href: href,
innerHTML: innerHTML !== '' ? innerHTML : href
};
applied = that.insertFile(file, range);
close(e);
if (that.change) {
that.change();
}
}
function close(e) {
e.preventDefault();
dialog.destroy();
dom.windowFromDocument(RangeUtils.documentFromRange(range)).focus();
if (!applied) {
that.releaseRange(range);
}
}
function keyDown(e) {
if (e.keyCode == keys.ENTER) {
apply(e);
} else if (e.keyCode == keys.ESC) {
close(e);
}
}
dialogOptions.close = close;
if (showBrowser) {
dialogOptions.width = 750;
}
dialog = this.createDialog(that._dialogTemplate(showBrowser), dialogOptions).toggleClass('k-filebrowser-dialog', showBrowser).find('.k-dialog-insert').click(apply).end().find('.k-dialog-close').click(close).end().find('.k-edit-field input').keydown(keyDown).end().find(KEDITORFILEURL).val(file ? file.getAttribute('href', 2) : 'http://').end().find(KEDITORFILETITLE).val(file ? file.title : '').end().data('kendoWindow');
if (showBrowser) {
that._fileBrowser = new kendo.ui.FileBrowser(dialog.element.find('.k-filebrowser'), extend({}, fileBrowser, {
change: function () {
dialog.element.find(KEDITORFILEURL).val(this.value());
},
apply: apply
}));
}
dialog.center().open();
dialog.element.find(KEDITORFILEURL).focus().select();
}
});
kendo.ui.editor.FileCommand = FileCommand;
registerTool('insertFile', new Editor.Tool({
command: FileCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Insert File'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/image', [
'kendo.imagebrowser',
'editor/link'
], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, extend = $.extend, Editor = kendo.ui.editor, EditorUtils = Editor.EditorUtils, dom = Editor.Dom, registerTool = EditorUtils.registerTool, ToolTemplate = Editor.ToolTemplate, RangeUtils = Editor.RangeUtils, Command = Editor.Command, keys = kendo.keys, KEDITORIMAGEURL = '#k-editor-image-url', KEDITORIMAGETITLE = '#k-editor-image-title', KEDITORIMAGEWIDTH = '#k-editor-image-width', KEDITORIMAGEHEIGHT = '#k-editor-image-height';
var ImageCommand = Command.extend({
init: function (options) {
var that = this;
Command.fn.init.call(that, options);
that.async = true;
that.attributes = {};
},
insertImage: function (img, range) {
var attributes = this.attributes;
var doc = RangeUtils.documentFromRange(range);
if (attributes.src && attributes.src != 'http://') {
var removeIEAttributes = function () {
setTimeout(function () {
if (!attributes.width) {
img.removeAttribute('width');
}
if (!attributes.height) {
img.removeAttribute('height');
}
img.removeAttribute('complete');
});
};
if (!img) {
img = dom.create(doc, 'img', attributes);
img.onload = img.onerror = removeIEAttributes;
range.deleteContents();
range.insertNode(img);
if (!img.nextSibling) {
dom.insertAfter(doc.createTextNode('\uFEFF'), img);
}
removeIEAttributes();
range.setStartAfter(img);
range.setEndAfter(img);
RangeUtils.selectRange(range);
return true;
} else {
img.onload = img.onerror = removeIEAttributes;
dom.attr(img, attributes);
removeIEAttributes();
}
}
return false;
},
_dialogTemplate: function (showBrowser) {
return kendo.template('' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '# if (showBrowser) { #' + '' + '# } #' + '
')({
messages: this.editor.options.messages,
showBrowser: showBrowser
});
},
redo: function () {
var that = this, range = that.lockRange();
if (!that.insertImage(RangeUtils.image(range), range)) {
that.releaseRange(range);
}
},
exec: function () {
var that = this, range = that.lockRange(), applied = false, img = RangeUtils.image(range), imageWidth = img && img.getAttribute('width') || '', imageHeight = img && img.getAttribute('height') || '', dialog, options = that.editor.options, messages = options.messages, imageBrowser = options.imageBrowser, showBrowser = !!(kendo.ui.ImageBrowser && imageBrowser && imageBrowser.transport && imageBrowser.transport.read !== undefined), dialogOptions = {
title: messages.insertImage,
visible: false,
resizable: showBrowser
};
function apply(e) {
var element = dialog.element, w = parseInt(element.find(KEDITORIMAGEWIDTH).val(), 10), h = parseInt(element.find(KEDITORIMAGEHEIGHT).val(), 10);
that.attributes = {
src: element.find(KEDITORIMAGEURL).val().replace(/ /g, '%20'),
alt: element.find(KEDITORIMAGETITLE).val()
};
that.attributes.width = null;
that.attributes.height = null;
if (!isNaN(w) && w > 0) {
that.attributes.width = w;
}
if (!isNaN(h) && h > 0) {
that.attributes.height = h;
}
applied = that.insertImage(img, range);
close(e);
if (that.change) {
that.change();
}
}
function close(e) {
e.preventDefault();
dialog.destroy();
dom.windowFromDocument(RangeUtils.documentFromRange(range)).focus();
if (!applied) {
that.releaseRange(range);
}
}
function keyDown(e) {
if (e.keyCode == keys.ENTER) {
apply(e);
} else if (e.keyCode == keys.ESC) {
close(e);
}
}
dialogOptions.close = close;
if (showBrowser) {
dialogOptions.width = 750;
}
dialog = this.createDialog(that._dialogTemplate(showBrowser), dialogOptions).toggleClass('k-filebrowser-dialog', showBrowser).find('.k-dialog-insert').click(apply).end().find('.k-dialog-close').click(close).end().find('.k-edit-field input').keydown(keyDown).end().find(KEDITORIMAGEURL).val(img ? img.getAttribute('src', 2) : 'http://').end().find(KEDITORIMAGETITLE).val(img ? img.alt : '').end().find(KEDITORIMAGEWIDTH).val(imageWidth).end().find(KEDITORIMAGEHEIGHT).val(imageHeight).end().data('kendoWindow');
if (showBrowser) {
this._imageBrowser = new kendo.ui.ImageBrowser(dialog.element.find('.k-imagebrowser'), extend({}, imageBrowser, {
change: function () {
dialog.element.find(KEDITORIMAGEURL).val(this.value());
},
apply: apply
}));
}
dialog.center().open();
dialog.element.find(KEDITORIMAGEURL).focus().select();
}
});
kendo.ui.editor.ImageCommand = ImageCommand;
registerTool('insertImage', new Editor.Tool({
command: ImageCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Insert Image'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/components', ['editor/image'], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, DropDownList = kendo.ui.DropDownList, dom = kendo.ui.editor.Dom;
var SelectBox = DropDownList.extend({
init: function (element, options) {
var that = this;
DropDownList.fn.init.call(that, element, options);
if (kendo.support.mobileOS.ios) {
this._initSelectOverlay();
this.bind('dataBound', $.proxy(this._initSelectOverlay, this));
}
that.text(that.options.title);
that.bind('open', function () {
if (that.options.autoSize) {
var list = that.list, listWidth;
list.css({
whiteSpace: 'nowrap',
width: 'auto'
});
listWidth = list.width();
if (listWidth) {
listWidth += 20;
} else {
listWidth = that._listWidth;
}
list.css('width', listWidth + kendo.support.scrollbar());
that._listWidth = listWidth;
}
});
},
options: {
name: 'SelectBox',
index: -1
},
_initSelectOverlay: function () {
var selectBox = this;
var value = selectBox.value();
var view = this.dataSource.view();
var item;
var html = '';
var encode = kendo.htmlEncode;
for (var i = 0; i < view.length; i++) {
item = view[i];
html += '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '