\n p = this.options.ownerDocument.createElement('p');\n p.innerHTML = '
';\n node.parentElement.insertBefore(p, node.nextSibling);\n\n // move the cursor into the new paragraph\n MediumEditor.selection.moveCursor(this.options.ownerDocument, p);\n\n event.preventDefault();\n } else if (MediumEditor.util.isKey(event, MediumEditor.util.keyCode.BACKSPACE) &&\n MediumEditor.util.isMediumEditorElement(node.parentElement) &&\n !node.previousElementSibling &&\n node.nextElementSibling &&\n isEmpty.test(node.innerHTML)) {\n\n // when cursor is in the first element, it's empty and user presses backspace,\n // do delete action instead to get rid of the first element and move caret to 2nd\n event.preventDefault();\n MediumEditor.selection.moveCursor(this.options.ownerDocument, node.nextSibling);\n node.parentElement.removeChild(node);\n }\n }\n\n function handleKeyup(event) {\n var node = MediumEditor.selection.getSelectionStart(this.options.ownerDocument),\n tagName;\n\n if (!node) {\n return;\n }\n\n // https://github.com/yabwe/medium-editor/issues/994\n // Firefox thrown an error when calling `formatBlock` on an empty editable blockContainer that's not a \n if (MediumEditor.util.isMediumEditorElement(node) && node.children.length === 0 && !MediumEditor.util.isBlockContainer(node)) {\n this.options.ownerDocument.execCommand('formatBlock', false, 'p');\n }\n\n // https://github.com/yabwe/medium-editor/issues/834\n // https://github.com/yabwe/medium-editor/pull/382\n // Don't call format block if this is a block element (ie h1, figCaption, etc.)\n if (MediumEditor.util.isKey(event, MediumEditor.util.keyCode.ENTER) &&\n !MediumEditor.util.isListItem(node) &&\n !MediumEditor.util.isBlockContainer(node)) {\n\n tagName = node.nodeName.toLowerCase();\n // For anchor tags, unlink\n if (tagName === 'a') {\n this.options.ownerDocument.execCommand('unlink', false, null);\n } else if (!event.shiftKey && !event.ctrlKey) {\n this.options.ownerDocument.execCommand('formatBlock', false, 'p');\n }\n }\n }\n\n function handleEditableInput(event, editable) {\n var textarea = editable.parentNode.querySelector('textarea[medium-editor-textarea-id=\"' + editable.getAttribute('medium-editor-textarea-id') + '\"]');\n if (textarea) {\n textarea.value = editable.innerHTML.trim();\n }\n }\n\n // Internal helper methods which shouldn't be exposed externally\n\n function addToEditors(win) {\n if (!win._mediumEditors) {\n // To avoid breaking users who are assuming that the unique id on\n // medium-editor elements will start at 1, inserting a 'null' in the\n // array so the unique-id can always map to the index of the editor instance\n win._mediumEditors = [null];\n }\n\n // If this already has a unique id, re-use it\n if (!this.id) {\n this.id = win._mediumEditors.length;\n }\n\n win._mediumEditors[this.id] = this;\n }\n\n function removeFromEditors(win) {\n if (!win._mediumEditors || !win._mediumEditors[this.id]) {\n return;\n }\n\n /* Setting the instance to null in the array instead of deleting it allows:\n * 1) Each instance to preserve its own unique-id, even after being destroyed\n * and initialized again\n * 2) The unique-id to always correspond to an index in the array of medium-editor\n * instances. Thus, we will be able to look at a contenteditable, and determine\n * which instance it belongs to, by indexing into the global array.\n */\n win._mediumEditors[this.id] = null;\n }\n\n function createElementsArray(selector, doc, filterEditorElements) {\n var elements = [];\n\n if (!selector) {\n selector = [];\n }\n // If string, use as query selector\n if (typeof selector === 'string') {\n selector = doc.querySelectorAll(selector);\n }\n // If element, put into array\n if (MediumEditor.util.isElement(selector)) {\n selector = [selector];\n }\n\n if (filterEditorElements) {\n // Remove elements that have already been initialized by the editor\n // selecotr might not be an array (ie NodeList) so use for loop\n for (var i = 0; i < selector.length; i++) {\n var el = selector[i];\n if (MediumEditor.util.isElement(el) &&\n !el.getAttribute('data-medium-editor-element') &&\n !el.getAttribute('medium-editor-textarea-id')) {\n elements.push(el);\n }\n }\n } else {\n // Convert NodeList (or other array like object) into an array\n elements = Array.prototype.slice.apply(selector);\n }\n\n return elements;\n }\n\n function cleanupTextareaElement(element) {\n var textarea = element.parentNode.querySelector('textarea[medium-editor-textarea-id=\"' + element.getAttribute('medium-editor-textarea-id') + '\"]');\n if (textarea) {\n // Un-hide the textarea\n textarea.classList.remove('medium-editor-hidden');\n textarea.removeAttribute('medium-editor-textarea-id');\n }\n if (element.parentNode) {\n element.parentNode.removeChild(element);\n }\n }\n\n function setExtensionDefaults(extension, defaults) {\n Object.keys(defaults).forEach(function (prop) {\n if (extension[prop] === undefined) {\n extension[prop] = defaults[prop];\n }\n });\n return extension;\n }\n\n function initExtension(extension, name, instance) {\n var extensionDefaults = {\n 'window': instance.options.contentWindow,\n 'document': instance.options.ownerDocument,\n 'base': instance\n };\n\n // Add default options into the extension\n extension = setExtensionDefaults(extension, extensionDefaults);\n\n // Call init on the extension\n if (typeof extension.init === 'function') {\n extension.init();\n }\n\n // Set extension name (if not already set)\n if (!extension.name) {\n extension.name = name;\n }\n return extension;\n }\n\n function isToolbarEnabled() {\n // If any of the elements don't have the toolbar disabled\n // We need a toolbar\n if (this.elements.every(function (element) {\n return !!element.getAttribute('data-disable-toolbar');\n })) {\n return false;\n }\n\n return this.options.toolbar !== false;\n }\n\n function isAnchorPreviewEnabled() {\n // If toolbar is disabled, don't add\n if (!isToolbarEnabled.call(this)) {\n return false;\n }\n\n return this.options.anchorPreview !== false;\n }\n\n function isPlaceholderEnabled() {\n return this.options.placeholder !== false;\n }\n\n function isAutoLinkEnabled() {\n return this.options.autoLink !== false;\n }\n\n function isImageDraggingEnabled() {\n return this.options.imageDragging !== false;\n }\n\n function isKeyboardCommandsEnabled() {\n return this.options.keyboardCommands !== false;\n }\n\n function shouldUseFileDraggingExtension() {\n // Since the file-dragging extension replaces the image-dragging extension,\n // we need to check if the user passed an overrided image-dragging extension.\n // If they have, to avoid breaking users, we won't use file-dragging extension.\n return !this.options.extensions['imageDragging'];\n }\n\n function createContentEditable(textarea) {\n var div = this.options.ownerDocument.createElement('div'),\n now = Date.now(),\n uniqueId = 'medium-editor-' + now,\n atts = textarea.attributes;\n\n // Some browsers can move pretty fast, since we're using a timestamp\n // to make a unique-id, ensure that the id is actually unique on the page\n while (this.options.ownerDocument.getElementById(uniqueId)) {\n now++;\n uniqueId = 'medium-editor-' + now;\n }\n\n div.className = textarea.className;\n div.id = uniqueId;\n div.innerHTML = textarea.value;\n\n textarea.setAttribute('medium-editor-textarea-id', uniqueId);\n\n // re-create all attributes from the textearea to the new created div\n for (var i = 0, n = atts.length; i < n; i++) {\n // do not re-create existing attributes\n if (!div.hasAttribute(atts[i].nodeName)) {\n div.setAttribute(atts[i].nodeName, atts[i].value);\n }\n }\n\n // If textarea has a form, listen for reset on the form to clear\n // the content of the created div\n if (textarea.form) {\n this.on(textarea.form, 'reset', function (event) {\n if (!event.defaultPrevented) {\n this.resetContent(this.options.ownerDocument.getElementById(uniqueId));\n }\n }.bind(this));\n }\n\n textarea.classList.add('medium-editor-hidden');\n textarea.parentNode.insertBefore(\n div,\n textarea\n );\n\n return div;\n }\n\n function initElement(element, editorId) {\n if (!element.getAttribute('data-medium-editor-element')) {\n if (element.nodeName.toLowerCase() === 'textarea') {\n element = createContentEditable.call(this, element);\n\n // Make sure we only attach to editableInput once for