'; - } - return false; - } - - function getElementRelativeOffset(element) { - var offset = { left: 0, top: -window.pageYOffset }; - var offsetParent = element.offsetParent; - var offsetParentPosition = window.getComputedStyle(offsetParent).position; - var offsetParentRect; - - if (offsetParentPosition === 'relative') { - offsetParentRect = offsetParent.getBoundingClientRect(); - offset.left = offsetParentRect.left; - offset.top = offsetParentRect.top; - } - return offset; - } - - function getElementComputedStyleNumericProp(element, prop) { - return parseFloat(window.getComputedStyle(element)[prop]); - } - - function positionElementToRect(element, rect, topOffset, leftOffset) { - var relativeOffset = getElementRelativeOffset(element); - var style = element.style; - var round = Math.round; - - topOffset = topOffset || 0; - leftOffset = leftOffset || 0; - style.left = round(rect.left - relativeOffset.left - leftOffset) + 'px'; - style.top = round(rect.top - relativeOffset.top - topOffset) + 'px'; - } - - function positionElementHorizontallyCenteredToRect(element, rect, topOffset) { - var horizontalCenter = (element.offsetWidth / 2) - (rect.width / 2); - positionElementToRect(element, rect, topOffset, horizontalCenter); - } - - function positionElementCenteredAbove(element, aboveElement) { - var elementMargin = getElementComputedStyleNumericProp(element, 'marginBottom'); - positionElementHorizontallyCenteredToRect(element, aboveElement.getBoundingClientRect(), element.offsetHeight + elementMargin); - } - - function positionElementCenteredBelow(element, belowElement) { - var elementMargin = getElementComputedStyleNumericProp(element, 'marginTop'); - positionElementHorizontallyCenteredToRect(element, belowElement.getBoundingClientRect(), -element.offsetHeight - elementMargin); - } - - function positionElementCenteredIn(element, inElement) { - var verticalCenter = (inElement.offsetHeight / 2) - (element.offsetHeight / 2); - positionElementHorizontallyCenteredToRect(element, inElement.getBoundingClientRect(), -verticalCenter); - } - - function positionElementToLeftOf(element, leftOfElement) { - var verticalCenter = (leftOfElement.offsetHeight / 2) - (element.offsetHeight / 2); - var elementMargin = getElementComputedStyleNumericProp(element, 'marginRight'); - positionElementToRect(element, leftOfElement.getBoundingClientRect(), -verticalCenter, element.offsetWidth + elementMargin); - } - - function positionElementToRightOf(element, rightOfElement) { - var verticalCenter = (rightOfElement.offsetHeight / 2) - (element.offsetHeight / 2); - var elementMargin = getElementComputedStyleNumericProp(element, 'marginLeft'); - var rightOfElementRect = rightOfElement.getBoundingClientRect(); - positionElementToRect(element, rightOfElementRect, -verticalCenter, -rightOfElement.offsetWidth - elementMargin); - } - - __exports__.createDiv = createDiv; - __exports__.hideElement = hideElement; - __exports__.showElement = showElement; - __exports__.swapElements = swapElements; - __exports__.getEventTargetMatchingTag = getEventTargetMatchingTag; - __exports__.nodeIsDescendantOfElement = nodeIsDescendantOfElement; - __exports__.elementContentIsEmpty = elementContentIsEmpty; - __exports__.getElementRelativeOffset = getElementRelativeOffset; - __exports__.getElementComputedStyleNumericProp = getElementComputedStyleNumericProp; - __exports__.positionElementToRect = positionElementToRect; - __exports__.positionElementHorizontallyCenteredToRect = positionElementHorizontallyCenteredToRect; - __exports__.positionElementCenteredAbove = positionElementCenteredAbove; - __exports__.positionElementCenteredBelow = positionElementCenteredBelow; - __exports__.positionElementCenteredIn = positionElementCenteredIn; - __exports__.positionElementToLeftOf = positionElementToLeftOf; - __exports__.positionElementToRightOf = positionElementToRightOf; - }); -define("content-kit-editor/utils/event-emitter", - ["exports"], - function(__exports__) { - "use strict"; - // Based on https://github.com/jeromeetienne/microevent.js/blob/master/microevent.js - // See also: https://github.com/allouis/minivents/blob/master/minivents.js - - var EventEmitter = { - on : function(type, handler){ - var events = this.__events = this.__events || {}; - events[type] = events[type] || []; - events[type].push(handler); - }, - off : function(type, handler){ - var events = this.__events = this.__events || {}; - if (type in events) { - events[type].splice(events[type].indexOf(handler), 1); - } - }, - trigger : function(type) { - var events = this.__events = this.__events || {}; - var eventForTypeCount, i; - if (type in events) { - eventForTypeCount = events[type].length; - for(i = 0; i < eventForTypeCount; i++) { - events[type][i].apply(this, Array.prototype.slice.call(arguments, 1)); - } - } - } - }; - - __exports__["default"] = EventEmitter; - }); -define("content-kit-editor/utils/paste-utils", - ["../constants","exports"], - function(__dependency1__, __exports__) { - "use strict"; - var RegEx = __dependency1__.RegEx; - - function plainTextToBlocks(plainText, tag) { - var blocks = plainText.split(RegEx.NEWLINE), - len = blocks.length, - block, openTag, closeTag, content, i; - if(len < 2) { - return plainText; - } else { - content = ''; - openTag = '<' + tag + '>'; - closeTag = ''; - for(i = 0; i < len; ++i) { - block = blocks[i]; - if(block !== '') { - content += openTag + block + closeTag; - } - } - return content; - } - } - - function cleanPastedContent(event, defaultBlockTag) { - event.preventDefault(); - var data = event.clipboardData, plainText; - if(data && data.getData) { - plainText = data.getData('text/plain'); - return plainTextToBlocks(plainText, defaultBlockTag); - } - } - - __exports__.cleanPastedContent = cleanPastedContent; - }); -define("content-kit-editor/utils/selection-utils", - ["../constants","./element-utils","exports"], - function(__dependency1__, __dependency2__, __exports__) { - "use strict"; - var SelectionDirection = __dependency1__.SelectionDirection; - var RootTags = __dependency1__.RootTags; - var nodeIsDescendantOfElement = __dependency2__.nodeIsDescendantOfElement; - - function getDirectionOfSelection(selection) { - var node = selection.anchorNode; - var position = node && node.compareDocumentPosition(selection.focusNode); - if (position & Node.DOCUMENT_POSITION_FOLLOWING) { - return SelectionDirection.LEFT_TO_RIGHT; - } else if (position & Node.DOCUMENT_POSITION_PRECEDING) { - return SelectionDirection.RIGHT_TO_LEFT; - } - return SelectionDirection.SAME_NODE; - } - - function getSelectionElement(selection) { - selection = selection || window.getSelection(); - var node = getDirectionOfSelection(selection) === SelectionDirection.LEFT_TO_RIGHT ? selection.anchorNode : selection.focusNode; - return node && (node.nodeType === 3 ? node.parentNode : node); - } - - function getSelectionBlockElement(selection) { - selection = selection || window.getSelection(); - var element = getSelectionElement(); - var tag = element && element.tagName.toLowerCase(); - while (tag && RootTags.indexOf(tag) === -1) { - if (element.contentEditable === 'true') { return; } // Stop traversing up dom when hitting an editor element - element = element.parentNode; - tag = element.tagName && element.tagName.toLowerCase(); - } - return element; - } - - function getSelectionTagName() { - var element = getSelectionElement(); - return element ? element.tagName.toLowerCase() : null; - } - - function getSelectionBlockTagName() { - var element = getSelectionBlockElement(); - return element ? element.tagName && element.tagName.toLowerCase() : null; - } - - function tagsInSelection(selection) { - var element = getSelectionElement(selection); - var tags = []; - if (!selection.isCollapsed) { - while(element) { - if (element.contentEditable === 'true') { break; } // Stop traversing up dom when hitting an editor element - if (element.tagName) { - tags.push(element.tagName.toLowerCase()); - } - element = element.parentNode; - } - } - return tags; - } - - function selectionIsInElement(selection, element) { - var node = selection.anchorNode; - return node && nodeIsDescendantOfElement(node, element); - } - - function selectionIsEditable(selection) { - var el = getSelectionBlockElement(selection); - return el.isContentEditable; - } - - /* - function saveSelection() { - var sel = window.getSelection(); - var ranges = [], i; - if (sel.rangeCount) { - var rangeCount = sel.rangeCount; - for (i = 0; i < rangeCount; i++) { - ranges.push(sel.getRangeAt(i)); - } - } - return ranges; - } - - function restoreSelection(savedSelection) { - var sel = window.getSelection(); - var len = savedSelection.length, i; - sel.removeAllRanges(); - for (i = 0; i < len; i++) { - sel.addRange(savedSelection[i]); - } - } - */ - - function moveCursorToBeginningOfSelection(selection) { - var range = document.createRange(); - var node = selection.anchorNode; - range.setStart(node, 0); - range.setEnd(node, 0); - selection.removeAllRanges(); - selection.addRange(range); - } - - function restoreRange(range) { - var selection = window.getSelection(); - selection.removeAllRanges(); - selection.addRange(range); - } - - function selectNode(node) { - var range = document.createRange(); - var selection = window.getSelection(); - range.setStart(node, 0); - range.setEnd(node, node.length); - selection.removeAllRanges(); - selection.addRange(range); - } - - __exports__.getDirectionOfSelection = getDirectionOfSelection; - __exports__.getSelectionElement = getSelectionElement; - __exports__.getSelectionBlockElement = getSelectionBlockElement; - __exports__.getSelectionTagName = getSelectionTagName; - __exports__.getSelectionBlockTagName = getSelectionBlockTagName; - __exports__.tagsInSelection = tagsInSelection; - __exports__.selectionIsInElement = selectionIsInElement; - __exports__.selectionIsEditable = selectionIsEditable; - __exports__.moveCursorToBeginningOfSelection = moveCursorToBeginningOfSelection; - __exports__.restoreRange = restoreRange; - __exports__.selectNode = selectNode; - }); -define("content-kit-editor/views/embed-intent", - ["./view","./toolbar","../../content-kit-utils/object-utils","../utils/selection-utils","../utils/element-utils","../constants","exports"], - function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __dependency5__, __dependency6__, __exports__) { - "use strict"; - var View = __dependency1__["default"]; - var Toolbar = __dependency2__["default"]; - var inherit = __dependency3__.inherit; - var getSelectionBlockElement = __dependency4__.getSelectionBlockElement; - var elementContentIsEmpty = __dependency5__.elementContentIsEmpty; - var positionElementToLeftOf = __dependency5__.positionElementToLeftOf; - var positionElementCenteredIn = __dependency5__.positionElementCenteredIn; - var ToolbarDirection = __dependency6__.ToolbarDirection; - var Keycodes = __dependency6__.Keycodes; - var createDiv = __dependency5__.createDiv; - - var LayoutStyle = { - GUTTER : 1, - CENTERED : 2 - }; - - function computeLayoutStyle(rootElement) { - if (rootElement.getBoundingClientRect().left > 100) { - return LayoutStyle.GUTTER; - } - return LayoutStyle.CENTERED; - } - - function EmbedIntent(options) { - var embedIntent = this; - var rootElement = embedIntent.rootElement = options.rootElement; - options.tagName = 'button'; - options.classNames = ['ck-embed-intent-btn']; - View.call(embedIntent, options); - - embedIntent.editorContext = options.editorContext; - embedIntent.loadingIndicator = createDiv('ck-embed-loading'); - embedIntent.element.title = 'Insert image or embed...'; - embedIntent.element.addEventListener('mouseup', function(e) { - if (embedIntent.isActive) { - embedIntent.deactivate(); - } else { - embedIntent.activate(); - } - e.stopPropagation(); - }); - - embedIntent.toolbar = new Toolbar({ embedIntent: embedIntent, editor: embedIntent.editorContext, commands: options.commands, direction: ToolbarDirection.RIGHT }); - embedIntent.isActive = false; - - function embedIntentHandler() { - var blockElement = getSelectionBlockElement(); - if (blockElement && elementContentIsEmpty(blockElement)) { - embedIntent.showAt(blockElement); - } else { - embedIntent.hide(); - } - } - - rootElement.addEventListener('keyup', embedIntentHandler); - document.addEventListener('mouseup', function() { - setTimeout(function() { embedIntentHandler(); }); - }); - - document.addEventListener('keyup', function(e) { - if (e.keyCode === Keycodes.ESC) { - embedIntent.hide(); - } - }); - - window.addEventListener('resize', function() { - if(embedIntent.isShowing) { - embedIntent.reposition(); - if (embedIntent.toolbar.isShowing) { - embedIntent.toolbar.positionToContent(embedIntent.element); - } - } - }); - } - inherit(EmbedIntent, View); - - EmbedIntent.prototype.hide = function() { - if (EmbedIntent._super.prototype.hide.call(this)) { - this.deactivate(); - } - }; - - EmbedIntent.prototype.showAt = function(node) { - this.atNode = node; - this.show(); - this.deactivate(); - this.reposition(); - }; - - EmbedIntent.prototype.reposition = function() { - if (computeLayoutStyle(this.rootElement) === LayoutStyle.GUTTER) { - positionElementToLeftOf(this.element, this.atNode); - } else { - positionElementCenteredIn(this.element, this.atNode); - } - }; - - EmbedIntent.prototype.activate = function() { - if (!this.isActive) { - this.addClass('activated'); - this.toolbar.show(); - this.toolbar.positionToContent(this.element); - this.isActive = true; - } - }; - - EmbedIntent.prototype.deactivate = function() { - if (this.isActive) { - this.removeClass('activated'); - this.toolbar.hide(); - this.isActive = false; - } - }; - - EmbedIntent.prototype.showLoading = function() { - var embedIntent = this; - var loadingIndicator = embedIntent.loadingIndicator; - embedIntent.hide(); - embedIntent.container.appendChild(loadingIndicator); - positionElementCenteredIn(loadingIndicator, embedIntent.atNode); - }; - - EmbedIntent.prototype.hideLoading = function() { - this.container.removeChild(this.loadingIndicator); - }; - - __exports__["default"] = EmbedIntent; - }); -define("content-kit-editor/views/message", - ["./view","../../content-kit-utils/object-utils","exports"], - function(__dependency1__, __dependency2__, __exports__) { - "use strict"; - var View = __dependency1__["default"]; - var inherit = __dependency2__.inherit; - - function Message(options) { - options = options || {}; - options.classNames = ['ck-message']; - View.call(this, options); - } - inherit(Message, View); - - Message.prototype.show = function(message) { - var messageView = this; - messageView.element.innerHTML = message; - Message._super.prototype.show.call(messageView); - setTimeout(function() { - messageView.hide(); - }, 3200); - }; - - __exports__["default"] = Message; - }); -define("content-kit-editor/views/prompt", - ["./view","../../content-kit-utils/object-utils","../utils/selection-utils","../utils/element-utils","../constants","exports"], - function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __dependency5__, __exports__) { - "use strict"; - var View = __dependency1__["default"]; - var inherit = __dependency2__.inherit; - var inherit = __dependency2__.inherit; - var restoreRange = __dependency3__.restoreRange; - var createDiv = __dependency4__.createDiv; - var positionElementToRect = __dependency4__.positionElementToRect; - var Keycodes = __dependency5__.Keycodes; - - var container = document.body; - var hiliter = createDiv('ck-editor-hilite'); - - function positionHiliteRange(range) { - var rect = range.getBoundingClientRect(); - var style = hiliter.style; - style.width = rect.width + 'px'; - style.height = rect.height + 'px'; - positionElementToRect(hiliter, rect); - } - - function Prompt(options) { - var prompt = this; - options.tagName = 'input'; - View.call(prompt, options); - - prompt.command = options.command; - prompt.element.placeholder = options.placeholder || ''; - prompt.element.addEventListener('mouseup', function(e) { e.stopPropagation(); }); // prevents closing prompt when clicking input - prompt.element.addEventListener('keyup', function(e) { - var entry = this.value; - if(entry && prompt.range && !e.shiftKey && e.which === Keycodes.ENTER) { - restoreRange(prompt.range); - prompt.command.exec(entry); - if (prompt.onComplete) { prompt.onComplete(); } - } - }); - - window.addEventListener('resize', function() { - var activeHilite = hiliter.parentNode; - var range = prompt.range; - if(activeHilite && range) { - positionHiliteRange(range); - } - }); - } - inherit(Prompt, View); - - Prompt.prototype.show = function(callback) { - var prompt = this; - var element = prompt.element; - var selection = window.getSelection(); - var range = selection && selection.rangeCount && selection.getRangeAt(0); - element.value = null; - prompt.range = range || null; - if (range) { - container.appendChild(hiliter); - positionHiliteRange(prompt.range); - setTimeout(function(){ element.focus(); }); // defer focus (disrupts mouseup events) - if (callback) { prompt.onComplete = callback; } - } - }; - - Prompt.prototype.hide = function() { - if (hiliter.parentNode) { - container.removeChild(hiliter); - } - }; - - __exports__["default"] = Prompt; - }); -define("content-kit-editor/views/text-format-toolbar", - ["./toolbar","../../content-kit-utils/object-utils","../utils/selection-utils","../constants","exports"], - function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __exports__) { - "use strict"; - var Toolbar = __dependency1__["default"]; - var inherit = __dependency2__.inherit; - var selectionIsEditable = __dependency3__.selectionIsEditable; - var selectionIsInElement = __dependency3__.selectionIsInElement; - var Keycodes = __dependency4__.Keycodes; - - function handleTextSelection(toolbar) { - var selection = window.getSelection(); - if (selection.isCollapsed || !selectionIsEditable(selection) || selection.toString().trim() === '' || !selectionIsInElement(selection, toolbar.rootElement)) { - toolbar.hide(); - } else { - toolbar.show(); - toolbar.updateForSelection(selection); - } - } - - function TextFormatToolbar(options) { - var toolbar = this; - Toolbar.call(this, options); - toolbar.rootElement = options.rootElement; - toolbar.rootElement.addEventListener('keyup', function() { handleTextSelection(toolbar); }); - - document.addEventListener('mouseup', function() { - setTimeout(function() { - handleTextSelection(toolbar); - }); - }); - - document.addEventListener('keyup', function(e) { - if (e.keyCode === Keycodes.ESC) { - toolbar.hide(); - } - }); - - window.addEventListener('resize', function() { - if(toolbar.isShowing) { - var activePromptRange = toolbar.activePrompt && toolbar.activePrompt.range; - toolbar.positionToContent(activePromptRange ? activePromptRange : window.getSelection().getRangeAt(0)); - } - }); - } - inherit(TextFormatToolbar, Toolbar); - - __exports__["default"] = TextFormatToolbar; - }); -define("content-kit-editor/views/toolbar-button", - ["../commands/base","exports"], - function(__dependency1__, __exports__) { - "use strict"; - var Command = __dependency1__["default"]; - - var buttonClassName = 'ck-toolbar-btn'; - - function ToolbarButton(options) { - var button = this; - var toolbar = options.toolbar; - var command = options.command; - var prompt = command.prompt; - var element = document.createElement('button'); - - if(typeof command === 'string') { - command = Command.index[command]; - } - - button.element = element; - button.command = command; - button.isActive = false; - - element.title = command.name; - element.className = buttonClassName; - element.innerHTML = command.button; - element.addEventListener('mouseup', function(e) { - if (!button.isActive && prompt) { - toolbar.displayPrompt(prompt); - } else { - command.exec(); - toolbar.updateForSelection(); - } - e.stopPropagation(); - }); - } - - ToolbarButton.prototype = { - setActive: function() { - var button = this; - if (!button.isActive) { - button.element.className = buttonClassName + ' active'; - button.isActive = true; - } - }, - setInactive: function() { - var button = this; - if (button.isActive) { - button.element.className = buttonClassName; - button.isActive = false; - } - } - }; - - __exports__["default"] = ToolbarButton; - }); -define("content-kit-editor/views/toolbar", - ["./view","./toolbar-button","../../content-kit-utils/object-utils","../utils/selection-utils","../constants","../utils/element-utils","exports"], - function(__dependency1__, __dependency2__, __dependency3__, __dependency4__, __dependency5__, __dependency6__, __exports__) { - "use strict"; - var View = __dependency1__["default"]; - var ToolbarButton = __dependency2__["default"]; - var inherit = __dependency3__.inherit; - var tagsInSelection = __dependency4__.tagsInSelection; - var ToolbarDirection = __dependency5__.ToolbarDirection; - var createDiv = __dependency6__.createDiv; - var swapElements = __dependency6__.swapElements; - var positionElementToRightOf = __dependency6__.positionElementToRightOf; - var positionElementCenteredAbove = __dependency6__.positionElementCenteredAbove; - - function updateButtonsForSelection(buttons, selection) { - var selectedTags = tagsInSelection(selection), - len = buttons.length, - i, button; - - for (i = 0; i < len; i++) { - button = buttons[i]; - if (selectedTags.indexOf(button.command.tag) > -1) { - button.setActive(); - } else { - button.setInactive(); - } - } - } - - function Toolbar(options) { - var toolbar = this; - var commands = options.commands; - var commandCount = commands && commands.length, i; - options.classNames = ['ck-toolbar']; - View.call(toolbar, options); - - toolbar.editor = options.editor || null; - toolbar.embedIntent = options.embedIntent || null; - toolbar.activePrompt = null; - toolbar.buttons = []; - toolbar.setDirection(options.direction || ToolbarDirection.TOP); - - toolbar.promptContainerElement = createDiv('ck-toolbar-prompt'); - toolbar.buttonContainerElement = createDiv('ck-toolbar-buttons'); - toolbar.element.appendChild(toolbar.promptContainerElement); - toolbar.element.appendChild(toolbar.buttonContainerElement); - - for(i = 0; i < commandCount; i++) { - this.addCommand(commands[i]); - } - - // Closes prompt if displayed when changing selection - document.addEventListener('mouseup', function() { - toolbar.dismissPrompt(); - }); - } - inherit(Toolbar, View); - - Toolbar.prototype.hide = function() { - if (Toolbar._super.prototype.hide.call(this)) { - var style = this.element.style; - style.left = ''; - style.top = ''; - this.dismissPrompt(); - } - }; - - Toolbar.prototype.addCommand = function(command) { - command.editorContext = this.editor; - command.embedIntent = this.embedIntent; - var button = new ToolbarButton({ command: command, toolbar: this }); - this.buttons.push(button); - this.buttonContainerElement.appendChild(button.element); - }; - - Toolbar.prototype.displayPrompt = function(prompt) { - var toolbar = this; - swapElements(toolbar.promptContainerElement, toolbar.buttonContainerElement); - toolbar.promptContainerElement.appendChild(prompt.element); - prompt.show(function() { - toolbar.dismissPrompt(); - toolbar.updateForSelection(); - }); - toolbar.activePrompt = prompt; - }; - - Toolbar.prototype.dismissPrompt = function() { - var toolbar = this; - var activePrompt = toolbar.activePrompt; - if (activePrompt) { - activePrompt.hide(); - swapElements(toolbar.buttonContainerElement, toolbar.promptContainerElement); - toolbar.activePrompt = null; - } - }; - - Toolbar.prototype.updateForSelection = function(selection) { - var toolbar = this; - selection = selection || window.getSelection(); - if (!selection.isCollapsed) { - toolbar.positionToContent(selection.getRangeAt(0)); - updateButtonsForSelection(toolbar.buttons, selection); - } - }; - - Toolbar.prototype.positionToContent = function(content) { - var directions = ToolbarDirection; - var positioningMethod; - switch(this.direction) { - case directions.RIGHT: - positioningMethod = positionElementToRightOf; - break; - default: - positioningMethod = positionElementCenteredAbove; - } - positioningMethod(this.element, content); - }; - - Toolbar.prototype.setDirection = function(direction) { - this.direction = direction; - if (direction === ToolbarDirection.RIGHT) { - this.addClass('right'); - } else { - this.removeClass('right'); - } - }; - - __exports__["default"] = Toolbar; - }); -define("content-kit-editor/views/tooltip", - ["./view","../../content-kit-utils/object-utils","../utils/element-utils","exports"], - function(__dependency1__, __dependency2__, __dependency3__, __exports__) { - "use strict"; - var View = __dependency1__["default"]; - var inherit = __dependency2__.inherit; - var positionElementCenteredBelow = __dependency3__.positionElementCenteredBelow; - var getEventTargetMatchingTag = __dependency3__.getEventTargetMatchingTag; - - function Tooltip(options) { - var tooltip = this; - var rootElement = options.rootElement; - var delay = options.delay || 200; - var timeout; - options.classNames = ['ck-tooltip']; - View.call(tooltip, options); - - rootElement.addEventListener('mouseover', function(e) { - var target = getEventTargetMatchingTag(options.showForTag, e.target, rootElement); - if (target && target.isContentEditable) { - timeout = setTimeout(function() { - tooltip.showLink(target.href, target); - }, delay); - } - }); - - rootElement.addEventListener('mouseout', function(e) { - clearTimeout(timeout); - var toElement = e.toElement || e.relatedTarget; - if (toElement && toElement.className !== tooltip.element.className) { - tooltip.hide(); - } - }); - } - inherit(Tooltip, View); - - Tooltip.prototype.showMessage = function(message, element) { - var tooltip = this; - var tooltipElement = tooltip.element; - tooltipElement.innerHTML = message; - tooltip.show(); - positionElementCenteredBelow(tooltipElement, element); - }; - - Tooltip.prototype.showLink = function(link, element) { - var message = '' + link + ''; - this.showMessage(message, element); - }; - - __exports__["default"] = Tooltip; - }); -define("content-kit-editor/views/view", - ["exports"], - function(__exports__) { - "use strict"; - function View(options) { - this.tagName = options.tagName || 'div'; - this.classNames = options.classNames || []; - this.element = document.createElement(this.tagName); - this.element.className = this.classNames.join(' '); - this.container = options.container || document.body; - this.isShowing = false; - } - - View.prototype = { - show: function() { - var view = this; - if(!view.isShowing) { - view.container.appendChild(view.element); - view.isShowing = true; - return true; - } - }, - hide: function() { - var view = this; - if(view.isShowing) { - view.container.removeChild(view.element); - view.isShowing = false; - return true; - } - }, - focus: function() { - this.element.focus(); - }, - addClass: function(className) { - var index = this.classNames.indexOf(className); - if (index === -1) { - this.classNames.push(className); - this.element.className = this.classNames.join(' '); - } - }, - removeClass: function(className) { - var index = this.classNames.indexOf(className); - if (index > -1) { - this.classNames.splice(index, 1); - this.element.className = this.classNames.join(' '); - } - } - }; - - __exports__["default"] = View; - }); -define("content-kit-compiler/renderers/embeds/instagram", - ["exports"], - function(__exports__) { - "use strict"; - - function InstagramRenderer() {} - InstagramRenderer.prototype.render = function(model) { - return '
'; - }; - - __exports__["default"] = TwitterRenderer; - }); -define("content-kit-compiler/renderers/embeds/youtube", - ["exports"], - function(__exports__) { - "use strict"; - - var RegExVideoId = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/; - - function getVideoIdFromUrl(url) { - var match = url && url.match(RegExVideoId); - if (match && match[1].length === 11){ - return match[1]; - } - return null; - } - - function YouTubeRenderer() {} - YouTubeRenderer.prototype.render = function(model) { - var videoId = getVideoIdFromUrl(model.attributes.url); - var embedUrl = 'http://www.youtube.com/embed/' + videoId + '?controls=2&showinfo=0&color=white&theme=light'; - return ''; - }; - - __exports__["default"] = YouTubeRenderer; - }); -}(this, document)); diff --git a/package.json b/package.json index 3ec73e4fb..f7f321b64 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,8 @@ "repository": "https://github.com/ContentKit/content-kit-editor", "main": "dist/content-kit-editor.js", "scripts": { - "test": "gulp test" + "start" : "node server/index.js", + "test" : "gulp test" }, "keywords": [ "html", @@ -16,6 +17,13 @@ ], "author": "Garth Poitras