Mercurial Hosting > sceditor
changeset 3:ec68006a495e
remove jquery
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Thu, 04 Aug 2022 17:53:43 -0600 |
parents | c7c738ddbbf8 |
children | b7725dab7482 |
files | src/changes.txt src/development/jquery.sceditor.bbcode.js src/development/jquery.sceditor.js src/development/jquery.sceditor.xhtml.js src/development/plugins/v1compat.js |
diffstat | 5 files changed, 2 insertions(+), 31526 deletions(-) [+] |
line wrap: on
line diff
diff -r c7c738ddbbf8 -r ec68006a495e src/changes.txt --- a/src/changes.txt Thu Aug 04 17:43:17 2022 -0600 +++ b/src/changes.txt Thu Aug 04 17:53:43 2022 -0600 @@ -1,6 +1,8 @@ changes, most recent at top +Remove jQuery, another modern nightmare. + Remove minified. Donald Knuth said "The real problem is that programmers have spent far too much time worrying about efficiency in the wrong places and at the wrong times; premature optimization is the root of all evil (or at least most of it) in programming." This certainly applies to minification of static files that are cached in the browser anyway. Not only is this pointless but it makes debugging more difficult and forces a build process. But of course modern scum programmers love this because they love pointless complexity. Add changes.txt
diff -r c7c738ddbbf8 -r ec68006a495e src/development/jquery.sceditor.bbcode.js --- a/src/development/jquery.sceditor.bbcode.js Thu Aug 04 17:43:17 2022 -0600 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,11844 +0,0 @@ -(function ($) { - 'use strict'; - - function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } - - var $__default = /*#__PURE__*/_interopDefaultLegacy($); - - /** - * Check if the passed argument is the - * the passed type. - * - * @param {string} type - * @param {*} arg - * @returns {boolean} - */ - function isTypeof(type, arg) { - return typeof arg === type; - } - - /** - * @type {function(*): boolean} - */ - var isString = isTypeof.bind(null, 'string'); - - /** - * @type {function(*): boolean} - */ - var isUndefined = isTypeof.bind(null, 'undefined'); - - /** - * @type {function(*): boolean} - */ - var isFunction = isTypeof.bind(null, 'function'); - - /** - * @type {function(*): boolean} - */ - var isNumber = isTypeof.bind(null, 'number'); - - - /** - * Returns true if an object has no keys - * - * @param {!Object} obj - * @returns {boolean} - */ - function isEmptyObject(obj) { - return !Object.keys(obj).length; - } - - /** - * Extends the first object with any extra objects passed - * - * If the first argument is boolean and set to true - * it will extend child arrays and objects recursively. - * - * @param {!Object|boolean} targetArg - * @param {...Object} source - * @return {Object} - */ - function extend(targetArg, sourceArg) { - var isTargetBoolean = targetArg === !!targetArg; - var i = isTargetBoolean ? 2 : 1; - var target = isTargetBoolean ? sourceArg : targetArg; - var isDeep = isTargetBoolean ? targetArg : false; - - function isObject(value) { - return value !== null && typeof value === 'object' && - Object.getPrototypeOf(value) === Object.prototype; - } - - for (; i < arguments.length; i++) { - var source = arguments[i]; - - // Copy all properties for jQuery compatibility - /* eslint guard-for-in: off */ - for (var key in source) { - var targetValue = target[key]; - var value = source[key]; - - // Skip undefined values to match jQuery - if (isUndefined(value)) { - continue; - } - - // Skip special keys to prevent prototype pollution - if (key === '__proto__' || key === 'constructor') { - continue; - } - - var isValueObject = isObject(value); - var isValueArray = Array.isArray(value); - - if (isDeep && (isValueObject || isValueArray)) { - // Can only merge if target type matches otherwise create - // new target to merge into - var isSameType = isObject(targetValue) === isValueObject && - Array.isArray(targetValue) === isValueArray; - - target[key] = extend( - true, - isSameType ? targetValue : (isValueArray ? [] : {}), - value - ); - } else { - target[key] = value; - } - } - } - - return target; - } - - /** - * Removes an item from the passed array - * - * @param {!Array} arr - * @param {*} item - */ - function arrayRemove(arr, item) { - var i = arr.indexOf(item); - - if (i > -1) { - arr.splice(i, 1); - } - } - - /** - * Iterates over an array or object - * - * @param {!Object|Array} obj - * @param {function(*, *)} fn - */ - function each(obj, fn) { - if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { - for (var i = 0; i < obj.length; i++) { - fn(i, obj[i]); - } - } else { - Object.keys(obj).forEach(function (key) { - fn(key, obj[key]); - }); - } - } - - /** - * Cache of camelCase CSS property names - * @type {Object<string, string>} - */ - var cssPropertyNameCache = {}; - - /** - * Node type constant for element nodes - * - * @type {number} - */ - var ELEMENT_NODE = 1; - - /** - * Node type constant for text nodes - * - * @type {number} - */ - var TEXT_NODE = 3; - - /** - * Node type constant for comment nodes - * - * @type {number} - */ - var COMMENT_NODE = 8; - - function toFloat(value) { - value = parseFloat(value); - - return isFinite(value) ? value : 0; - } - - /** - * Creates an element with the specified attributes - * - * Will create it in the current document unless context - * is specified. - * - * @param {!string} tag - * @param {!Object<string, string>} [attributes] - * @param {!Document} [context] - * @returns {!HTMLElement} - */ - function createElement(tag, attributes, context) { - var node = (context || document).createElement(tag); - - each(attributes || {}, function (key, value) { - if (key === 'style') { - node.style.cssText = value; - } else if (key in node) { - node[key] = value; - } else { - node.setAttribute(key, value); - } - }); - - return node; - } - - /** - * Gets the first parent node that matches the selector - * - * @param {!HTMLElement} node - * @param {!string} [selector] - * @returns {HTMLElement|undefined} - */ - function parent(node, selector) { - var parent = node || {}; - - while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { - if (!selector || is(parent, selector)) { - return parent; - } - } - } - - /** - * Checks the passed node and all parents and - * returns the first matching node if any. - * - * @param {!HTMLElement} node - * @param {!string} selector - * @returns {HTMLElement|undefined} - */ - function closest(node, selector) { - return is(node, selector) ? node : parent(node, selector); - } - - /** - * Removes the node from the DOM - * - * @param {!HTMLElement} node - */ - function remove(node) { - if (node.parentNode) { - node.parentNode.removeChild(node); - } - } - - /** - * Appends child to parent node - * - * @param {!HTMLElement} node - * @param {!HTMLElement} child - */ - function appendChild(node, child) { - node.appendChild(child); - } - - /** - * Finds any child nodes that match the selector - * - * @param {!HTMLElement} node - * @param {!string} selector - * @returns {NodeList} - */ - function find(node, selector) { - return node.querySelectorAll(selector); - } - - /** - * For on() and off() if to add/remove the event - * to the capture phase - * - * @type {boolean} - */ - var EVENT_CAPTURE = true; - - /** - * Adds an event listener for the specified events. - * - * Events should be a space separated list of events. - * - * If selector is specified the handler will only be - * called when the event target matches the selector. - * - * @param {!Node} node - * @param {string} events - * @param {string} [selector] - * @param {function(Object)} fn - * @param {boolean} [capture=false] - * @see off() - */ - // eslint-disable-next-line max-params - function on(node, events, selector, fn, capture) { - events.split(' ').forEach(function (event) { - var handler; - - if (isString(selector)) { - handler = fn['_sce-event-' + event + selector] || function (e) { - var target = e.target; - while (target && target !== node) { - if (is(target, selector)) { - fn.call(target, e); - return; - } - - target = target.parentNode; - } - }; - - fn['_sce-event-' + event + selector] = handler; - } else { - handler = selector; - capture = fn; - } - - node.addEventListener(event, handler, capture || false); - }); - } - - /** - * Removes an event listener for the specified events. - * - * @param {!Node} node - * @param {string} events - * @param {string} [selector] - * @param {function(Object)} fn - * @param {boolean} [capture=false] - * @see on() - */ - // eslint-disable-next-line max-params - function off(node, events, selector, fn, capture) { - events.split(' ').forEach(function (event) { - var handler; - - if (isString(selector)) { - handler = fn['_sce-event-' + event + selector]; - } else { - handler = selector; - capture = fn; - } - - node.removeEventListener(event, handler, capture || false); - }); - } - - /** - * If only attr param is specified it will get - * the value of the attr param. - * - * If value is specified but null the attribute - * will be removed otherwise the attr value will - * be set to the passed value. - * - * @param {!HTMLElement} node - * @param {!string} attr - * @param {?string} [value] - */ - function attr(node, attr, value) { - if (arguments.length < 3) { - return node.getAttribute(attr); - } - - // eslint-disable-next-line eqeqeq, no-eq-null - if (value == null) { - removeAttr(node, attr); - } else { - node.setAttribute(attr, value); - } - } - - /** - * Removes the specified attribute - * - * @param {!HTMLElement} node - * @param {!string} attr - */ - function removeAttr(node, attr) { - node.removeAttribute(attr); - } - - /** - * Sets the passed elements display to none - * - * @param {!HTMLElement} node - */ - function hide(node) { - css(node, 'display', 'none'); - } - - /** - * Sets the passed elements display to default - * - * @param {!HTMLElement} node - */ - function show(node) { - css(node, 'display', ''); - } - - /** - * Toggles an elements visibility - * - * @param {!HTMLElement} node - */ - function toggle(node) { - if (isVisible(node)) { - hide(node); - } else { - show(node); - } - } - - /** - * Gets a computed CSS values or sets an inline CSS value - * - * Rules should be in camelCase format and not - * hyphenated like CSS properties. - * - * @param {!HTMLElement} node - * @param {!Object|string} rule - * @param {string|number} [value] - * @return {string|number|undefined} - */ - function css(node, rule, value) { - if (arguments.length < 3) { - if (isString(rule)) { - return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; - } - - each(rule, function (key, value) { - css(node, key, value); - }); - } else { - // isNaN returns false for null, false and empty strings - // so need to check it's truthy or 0 - var isNumeric = (value || value === 0) && !isNaN(value); - node.style[rule] = isNumeric ? value + 'px' : value; - } - } - - - /** - * Gets or sets the data attributes on a node - * - * Unlike the jQuery version this only stores data - * in the DOM attributes which means only strings - * can be stored. - * - * @param {Node} node - * @param {string} [key] - * @param {string} [value] - * @return {Object|undefined} - */ - function data(node, key, value) { - var argsLength = arguments.length; - var data = {}; - - if (node.nodeType === ELEMENT_NODE) { - if (argsLength === 1) { - each(node.attributes, function (_, attr) { - if (/^data\-/i.test(attr.name)) { - data[attr.name.substr(5)] = attr.value; - } - }); - - return data; - } - - if (argsLength === 2) { - return attr(node, 'data-' + key); - } - - attr(node, 'data-' + key, String(value)); - } - } - - /** - * Checks if node matches the given selector. - * - * @param {?HTMLElement} node - * @param {string} selector - * @returns {boolean} - */ - function is(node, selector) { - var result = false; - - if (node && node.nodeType === ELEMENT_NODE) { - result = (node.matches || node.msMatchesSelector || - node.webkitMatchesSelector).call(node, selector); - } - - return result; - } - - - /** - * Returns true if node contains child otherwise false. - * - * This differs from the DOM contains() method in that - * if node and child are equal this will return false. - * - * @param {!Node} node - * @param {HTMLElement} child - * @returns {boolean} - */ - function contains(node, child) { - return node !== child && node.contains && node.contains(child); - } - - /** - * @param {Node} node - * @param {string} [selector] - * @returns {?HTMLElement} - */ - function previousElementSibling(node, selector) { - var prev = node.previousElementSibling; - - if (selector && prev) { - return is(prev, selector) ? prev : null; - } - - return prev; - } - - /** - * @param {!Node} node - * @param {!Node} refNode - * @returns {Node} - */ - function insertBefore(node, refNode) { - return refNode.parentNode.insertBefore(node, refNode); - } - - /** - * @param {?HTMLElement} node - * @returns {!Array.<string>} - */ - function classes(node) { - return node.className.trim().split(/\s+/); - } - - /** - * @param {?HTMLElement} node - * @param {string} className - * @returns {boolean} - */ - function hasClass(node, className) { - return is(node, '.' + className); - } - - /** - * @param {!HTMLElement} node - * @param {string} className - */ - function addClass(node, className) { - var classList = classes(node); - - if (classList.indexOf(className) < 0) { - classList.push(className); - } - - node.className = classList.join(' '); - } - - /** - * @param {!HTMLElement} node - * @param {string} className - */ - function removeClass(node, className) { - var classList = classes(node); - - arrayRemove(classList, className); - - node.className = classList.join(' '); - } - - /** - * Toggles a class on node. - * - * If state is specified and is truthy it will add - * the class. - * - * If state is specified and is falsey it will remove - * the class. - * - * @param {HTMLElement} node - * @param {string} className - * @param {boolean} [state] - */ - function toggleClass(node, className, state) { - state = isUndefined(state) ? !hasClass(node, className) : state; - - if (state) { - addClass(node, className); - } else { - removeClass(node, className); - } - } - - /** - * Gets or sets the width of the passed node. - * - * @param {HTMLElement} node - * @param {number|string} [value] - * @returns {number|undefined} - */ - function width(node, value) { - if (isUndefined(value)) { - var cs = getComputedStyle(node); - var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); - var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); - - return node.offsetWidth - padding - border; - } - - css(node, 'width', value); - } - - /** - * Gets or sets the height of the passed node. - * - * @param {HTMLElement} node - * @param {number|string} [value] - * @returns {number|undefined} - */ - function height(node, value) { - if (isUndefined(value)) { - var cs = getComputedStyle(node); - var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); - var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); - - return node.offsetHeight - padding - border; - } - - css(node, 'height', value); - } - - /** - * Triggers a custom event with the specified name and - * sets the detail property to the data object passed. - * - * @param {HTMLElement} node - * @param {string} eventName - * @param {Object} [data] - */ - function trigger(node, eventName, data) { - var event; - - if (isFunction(window.CustomEvent)) { - event = new CustomEvent(eventName, { - bubbles: true, - cancelable: true, - detail: data - }); - } else { - event = node.ownerDocument.createEvent('CustomEvent'); - event.initCustomEvent(eventName, true, true, data); - } - - node.dispatchEvent(event); - } - - /** - * Returns if a node is visible. - * - * @param {HTMLElement} - * @returns {boolean} - */ - function isVisible(node) { - return !!node.getClientRects().length; - } - - /** - * Convert CSS property names into camel case - * - * @param {string} string - * @returns {string} - */ - function camelCase(string) { - return string - .replace(/^-ms-/, 'ms-') - .replace(/-(\w)/g, function (match, char) { - return char.toUpperCase(); - }); - } - - - /** - * Loop all child nodes of the passed node - * - * The function should accept 1 parameter being the node. - * If the function returns false the loop will be exited. - * - * @param {HTMLElement} node - * @param {function} func Callback which is called with every - * child node as the first argument. - * @param {boolean} innermostFirst If the innermost node should be passed - * to the function before it's parents. - * @param {boolean} siblingsOnly If to only traverse the nodes siblings - * @param {boolean} [reverse=false] If to traverse the nodes in reverse - */ - // eslint-disable-next-line max-params - function traverse(node, func, innermostFirst, siblingsOnly, reverse) { - node = reverse ? node.lastChild : node.firstChild; - - while (node) { - var next = reverse ? node.previousSibling : node.nextSibling; - - if ( - (!innermostFirst && func(node) === false) || - (!siblingsOnly && traverse( - node, func, innermostFirst, siblingsOnly, reverse - ) === false) || - (innermostFirst && func(node) === false) - ) { - return false; - } - - node = next; - } - } - - /** - * Like traverse but loops in reverse - * @see traverse - */ - function rTraverse(node, func, innermostFirst, siblingsOnly) { - traverse(node, func, innermostFirst, siblingsOnly, true); - } - - /** - * Parses HTML into a document fragment - * - * @param {string} html - * @param {Document} [context] - * @since 1.4.4 - * @return {DocumentFragment} - */ - function parseHTML(html, context) { - context = context || document; - - var ret = context.createDocumentFragment(); - var tmp = createElement('div', {}, context); - - tmp.innerHTML = html; - - while (tmp.firstChild) { - appendChild(ret, tmp.firstChild); - } - - return ret; - } - - /** - * Checks if an element has any styling. - * - * It has styling if it is not a plain <div> or <p> or - * if it has a class, style attribute or data. - * - * @param {HTMLElement} elm - * @return {boolean} - * @since 1.4.4 - */ - function hasStyling(node) { - return node && (!is(node, 'p,div') || node.className || - attr(node, 'style') || !isEmptyObject(data(node))); - } - - /** - * Converts an element from one type to another. - * - * For example it can convert the element <b> to <strong> - * - * @param {HTMLElement} element - * @param {string} toTagName - * @return {HTMLElement} - * @since 1.4.4 - */ - function convertElement(element, toTagName) { - var newElement = createElement(toTagName, {}, element.ownerDocument); - - each(element.attributes, function (_, attribute) { - // Some browsers parse invalid attributes names like - // 'size"2' which throw an exception when set, just - // ignore these. - try { - attr(newElement, attribute.name, attribute.value); - } catch (ex) {} - }); - - while (element.firstChild) { - appendChild(newElement, element.firstChild); - } - - element.parentNode.replaceChild(newElement, element); - - return newElement; - } - - /** - * List of block level elements separated by bars (|) - * - * @type {string} - */ - var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + - 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|' + - 'details|section|article|aside|nav|main|header|hgroup|footer|fieldset|' + - 'dl|dt|dd|figure|figcaption|'; - - /** - * List of elements that do not allow children separated by bars (|) - * - * @param {Node} node - * @return {boolean} - * @since 1.4.5 - */ - function canHaveChildren(node) { - // 1 = Element - // 9 = Document - // 11 = Document Fragment - if (!/11?|9/.test(node.nodeType)) { - return false; - } - - // List of empty HTML tags separated by bar (|) character. - // Source: http://www.w3.org/TR/html4/index/elements.html - // Source: http://www.w3.org/TR/html5/syntax.html#void-elements - return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + - '|isindex|link|meta|param|command|embed|keygen|source|track|' + - 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; - } - - /** - * Checks if an element is inline - * - * @param {HTMLElement} elm - * @param {boolean} [includeCodeAsBlock=false] - * @return {boolean} - */ - function isInline(elm, includeCodeAsBlock) { - var tagName, - nodeType = (elm || {}).nodeType || TEXT_NODE; - - if (nodeType !== ELEMENT_NODE) { - return nodeType === TEXT_NODE; - } - - tagName = elm.tagName.toLowerCase(); - - if (tagName === 'code') { - return !includeCodeAsBlock; - } - - return blockLevelList.indexOf('|' + tagName + '|') < 0; - } - - /** - * Copy the CSS from 1 node to another. - * - * Only copies CSS defined on the element e.g. style attr. - * - * @param {HTMLElement} from - * @param {HTMLElement} to - * @deprecated since v3.1.0 - */ - function copyCSS(from, to) { - if (to.style && from.style) { - to.style.cssText = from.style.cssText + to.style.cssText; - } - } - - /** - * Checks if a DOM node is empty - * - * @param {Node} node - * @returns {boolean} - */ - function isEmpty(node) { - if (node.lastChild && isEmpty(node.lastChild)) { - remove(node.lastChild); - } - - return node.nodeType === 3 ? !node.nodeValue : - (canHaveChildren(node) && !node.childNodes.length); - } - - /** - * Fixes block level elements inside in inline elements. - * - * Also fixes invalid list nesting by placing nested lists - * inside the previous li tag or wrapping them in an li tag. - * - * @param {HTMLElement} node - */ - function fixNesting(node) { - traverse(node, function (node) { - var list = 'ul,ol', - isBlock = !isInline(node, true) && node.nodeType !== COMMENT_NODE, - parent = node.parentNode; - - // Any blocklevel element inside an inline element needs fixing. - // Also <p> tags that contain blocks should be fixed - if (isBlock && (isInline(parent, true) || parent.tagName === 'P')) { - // Find the last inline parent node - var lastInlineParent = node; - while (isInline(lastInlineParent.parentNode, true) || - lastInlineParent.parentNode.tagName === 'P') { - lastInlineParent = lastInlineParent.parentNode; - } - - var before = extractContents(lastInlineParent, node); - var middle = node; - - // Clone inline styling and apply it to the blocks children - while (parent && isInline(parent, true)) { - if (parent.nodeType === ELEMENT_NODE) { - var clone = parent.cloneNode(); - while (middle.firstChild) { - appendChild(clone, middle.firstChild); - } - - appendChild(middle, clone); - } - parent = parent.parentNode; - } - - insertBefore(middle, lastInlineParent); - if (!isEmpty(before)) { - insertBefore(before, middle); - } - if (isEmpty(lastInlineParent)) { - remove(lastInlineParent); - } - } - - // Fix invalid nested lists which should be wrapped in an li tag - if (isBlock && is(node, list) && is(node.parentNode, list)) { - var li = previousElementSibling(node, 'li'); - - if (!li) { - li = createElement('li'); - insertBefore(li, node); - } - - appendChild(li, node); - } - }); - } - - /** - * Finds the common parent of two nodes - * - * @param {!HTMLElement} node1 - * @param {!HTMLElement} node2 - * @return {?HTMLElement} - */ - function findCommonAncestor(node1, node2) { - while ((node1 = node1.parentNode)) { - if (contains(node1, node2)) { - return node1; - } - } - } - - /** - * @param {?Node} - * @param {boolean} [previous=false] - * @returns {?Node} - */ - function getSibling(node, previous) { - if (!node) { - return null; - } - - return (previous ? node.previousSibling : node.nextSibling) || - getSibling(node.parentNode, previous); - } - - /** - * Removes unused whitespace from the root and all it's children. - * - * @param {!HTMLElement} root - * @since 1.4.3 - */ - function removeWhiteSpace(root) { - var nodeValue, nodeType, next, previous, previousSibling, - nextNode, trimStart, - cssWhiteSpace = css(root, 'whiteSpace'), - // Preserve newlines if is pre-line - preserveNewLines = /line$/i.test(cssWhiteSpace), - node = root.firstChild; - - // Skip pre & pre-wrap with any vendor prefix - if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { - return; - } - - while (node) { - nextNode = node.nextSibling; - nodeValue = node.nodeValue; - nodeType = node.nodeType; - - if (nodeType === ELEMENT_NODE && node.firstChild) { - removeWhiteSpace(node); - } - - if (nodeType === TEXT_NODE) { - next = getSibling(node); - previous = getSibling(node, true); - trimStart = false; - - while (hasClass(previous, 'sceditor-ignore')) { - previous = getSibling(previous, true); - } - - // If previous sibling isn't inline or is a textnode that - // ends in whitespace, time the start whitespace - if (isInline(node) && previous) { - previousSibling = previous; - - while (previousSibling.lastChild) { - previousSibling = previousSibling.lastChild; - - // eslint-disable-next-line max-depth - while (hasClass(previousSibling, 'sceditor-ignore')) { - previousSibling = getSibling(previousSibling, true); - } - } - - trimStart = previousSibling.nodeType === TEXT_NODE ? - /[\t\n\r ]$/.test(previousSibling.nodeValue) : - !isInline(previousSibling); - } - - // Clear zero width spaces - nodeValue = nodeValue.replace(/\u200B/g, ''); - - // Strip leading whitespace - if (!previous || !isInline(previous) || trimStart) { - nodeValue = nodeValue.replace( - preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, - '' - ); - } - - // Strip trailing whitespace - if (!next || !isInline(next)) { - nodeValue = nodeValue.replace( - preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, - '' - ); - } - - // Remove empty text nodes - if (!nodeValue.length) { - remove(node); - } else { - node.nodeValue = nodeValue.replace( - preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, - ' ' - ); - } - } - - node = nextNode; - } - } - - /** - * Extracts all the nodes between the start and end nodes - * - * @param {HTMLElement} startNode The node to start extracting at - * @param {HTMLElement} endNode The node to stop extracting at - * @return {DocumentFragment} - */ - function extractContents(startNode, endNode) { - var range = startNode.ownerDocument.createRange(); - - range.setStartBefore(startNode); - range.setEndAfter(endNode); - - return range.extractContents(); - } - - /** - * Gets the offset position of an element - * - * @param {HTMLElement} node - * @return {Object} An object with left and top properties - */ - function getOffset(node) { - var left = 0, - top = 0; - - while (node) { - left += node.offsetLeft; - top += node.offsetTop; - node = node.offsetParent; - } - - return { - left: left, - top: top - }; - } - - /** - * Gets the value of a CSS property from the elements style attribute - * - * @param {HTMLElement} elm - * @param {string} property - * @return {string} - */ - function getStyle(elm, property) { - var styleValue, - elmStyle = elm.style; - - if (!cssPropertyNameCache[property]) { - cssPropertyNameCache[property] = camelCase(property); - } - - property = cssPropertyNameCache[property]; - styleValue = elmStyle[property]; - - // Add an exception for text-align - if ('textAlign' === property) { - styleValue = styleValue || css(elm, property); - - if (css(elm.parentNode, property) === styleValue || - css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { - return ''; - } - } - - return styleValue; - } - - /** - * Tests if an element has a style. - * - * If values are specified it will check that the styles value - * matches one of the values - * - * @param {HTMLElement} elm - * @param {string} property - * @param {string|array} [values] - * @return {boolean} - */ - function hasStyle(elm, property, values) { - var styleValue = getStyle(elm, property); - - if (!styleValue) { - return false; - } - - return !values || styleValue === values || - (Array.isArray(values) && values.indexOf(styleValue) > -1); - } - - /** - * Returns true if both nodes have the same number of inline styles and all the - * inline styles have matching values - * - * @param {HTMLElement} nodeA - * @param {HTMLElement} nodeB - * @returns {boolean} - */ - function stylesMatch(nodeA, nodeB) { - var i = nodeA.style.length; - if (i !== nodeB.style.length) { - return false; - } - - while (i--) { - var prop = nodeA.style[i]; - if (nodeA.style[prop] !== nodeB.style[prop]) { - return false; - } - } - - return true; - } - - /** - * Returns true if both nodes have the same number of attributes and all the - * attribute values match - * - * @param {HTMLElement} nodeA - * @param {HTMLElement} nodeB - * @returns {boolean} - */ - function attributesMatch(nodeA, nodeB) { - var i = nodeA.attributes.length; - if (i !== nodeB.attributes.length) { - return false; - } - - while (i--) { - var prop = nodeA.attributes[i]; - var notMatches = prop.name === 'style' ? - !stylesMatch(nodeA, nodeB) : - prop.value !== attr(nodeB, prop.name); - - if (notMatches) { - return false; - } - } - - return true; - } - - /** - * Removes an element placing its children in its place - * - * @param {HTMLElement} node - */ - function removeKeepChildren(node) { - while (node.firstChild) { - insertBefore(node.firstChild, node); - } - - remove(node); - } - - /** - * Merges inline styles and tags with parents where possible - * - * @param {Node} node - * @since 3.1.0 - */ - function merge(node) { - if (node.nodeType !== ELEMENT_NODE) { - return; - } - - var parent = node.parentNode; - var tagName = node.tagName; - var mergeTags = /B|STRONG|EM|SPAN|FONT/; - - // Merge children (in reverse as children can be removed) - var i = node.childNodes.length; - while (i--) { - merge(node.childNodes[i]); - } - - // Should only merge inline tags - if (!isInline(node)) { - return; - } - - // Remove any inline styles that match the parent style - i = node.style.length; - while (i--) { - var prop = node.style[i]; - if (css(parent, prop) === css(node, prop)) { - node.style.removeProperty(prop); - } - } - - // Can only remove / merge tags if no inline styling left. - // If there is any inline style left then it means it at least partially - // doesn't match the parent style so must stay - if (!node.style.length) { - removeAttr(node, 'style'); - - // Remove font attributes if match parent - if (tagName === 'FONT') { - if (css(node, 'fontFamily').toLowerCase() === - css(parent, 'fontFamily').toLowerCase()) { - removeAttr(node, 'face'); - } - - if (css(node, 'color') === css(parent, 'color')) { - removeAttr(node, 'color'); - } - - if (css(node, 'fontSize') === css(parent, 'fontSize')) { - removeAttr(node, 'size'); - } - } - - // Spans and font tags with no attributes can be safely removed - if (!node.attributes.length && /SPAN|FONT/.test(tagName)) { - removeKeepChildren(node); - } else if (mergeTags.test(tagName)) { - var isBold = /B|STRONG/.test(tagName); - var isItalic = tagName === 'EM'; - - while (parent && isInline(parent) && - (!isBold || /bold|700/i.test(css(parent, 'fontWeight'))) && - (!isItalic || css(parent, 'fontStyle') === 'italic')) { - - // Remove if parent match - if ((parent.tagName === tagName || - (isBold && /B|STRONG/.test(parent.tagName))) && - attributesMatch(parent, node)) { - removeKeepChildren(node); - break; - } - - parent = parent.parentNode; - } - } - } - - // Merge siblings if attributes, including inline styles, match - var next = node.nextSibling; - if (next && next.tagName === tagName && attributesMatch(next, node)) { - appendChild(node, next); - removeKeepChildren(next); - } - } - - /** - * Default options for SCEditor - * @type {Object} - */ - var defaultOptions = { - /** @lends jQuery.sceditor.defaultOptions */ - /** - * Toolbar buttons order and groups. Should be comma separated and - * have a bar | to separate groups - * - * @type {string} - */ - toolbar: 'bold,italic,underline,strike,subscript,superscript|' + - 'left,center,right,justify|font,size,color,removeformat|' + - 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + - 'table|code,quote|horizontalrule,image,email,link,unlink|' + - 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', - - /** - * Comma separated list of commands to excludes from the toolbar - * - * @type {string} - */ - toolbarExclude: null, - - /** - * Stylesheet to include in the WYSIWYG editor. This is what will style - * the WYSIWYG elements - * - * @type {string} - */ - style: 'jquery.sceditor.default.css', - - /** - * Comma separated list of fonts for the font selector - * - * @type {string} - */ - fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + - 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', - - /** - * Colors should be comma separated and have a bar | to signal a new - * column. - * - * If null the colors will be auto generated. - * - * @type {string} - */ - colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + - '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + - '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + - '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + - '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + - '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + - '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + - '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', - - /** - * The locale to use. - * @type {string} - */ - locale: attr(document.documentElement, 'lang') || 'en', - - /** - * The Charset to use - * @type {string} - */ - charset: 'utf-8', - - /** - * Compatibility mode for emoticons. - * - * Helps if you have emoticons such as :/ which would put an emoticon - * inside http:// - * - * This mode requires emoticons to be surrounded by whitespace or end of - * line chars. This mode has limited As You Type emoticon conversion - * support. It will not replace AYT for end of line chars, only - * emoticons surrounded by whitespace. They will still be replaced - * correctly when loaded just not AYT. - * - * @type {boolean} - */ - emoticonsCompat: false, - - /** - * If to enable emoticons. Can be changes at runtime using the - * emoticons() method. - * - * @type {boolean} - * @since 1.4.2 - */ - emoticonsEnabled: true, - - /** - * Emoticon root URL - * - * @type {string} - */ - emoticonsRoot: '', - emoticons: { - dropdown: { - ':)': 'emoticons/smile.png', - ':angel:': 'emoticons/angel.png', - ':angry:': 'emoticons/angry.png', - '8-)': 'emoticons/cool.png', - ':\'(': 'emoticons/cwy.png', - ':ermm:': 'emoticons/ermm.png', - ':D': 'emoticons/grin.png', - '<3': 'emoticons/heart.png', - ':(': 'emoticons/sad.png', - ':O': 'emoticons/shocked.png', - ':P': 'emoticons/tongue.png', - ';)': 'emoticons/wink.png' - }, - more: { - ':alien:': 'emoticons/alien.png', - ':blink:': 'emoticons/blink.png', - ':blush:': 'emoticons/blush.png', - ':cheerful:': 'emoticons/cheerful.png', - ':devil:': 'emoticons/devil.png', - ':dizzy:': 'emoticons/dizzy.png', - ':getlost:': 'emoticons/getlost.png', - ':happy:': 'emoticons/happy.png', - ':kissing:': 'emoticons/kissing.png', - ':ninja:': 'emoticons/ninja.png', - ':pinch:': 'emoticons/pinch.png', - ':pouty:': 'emoticons/pouty.png', - ':sick:': 'emoticons/sick.png', - ':sideways:': 'emoticons/sideways.png', - ':silly:': 'emoticons/silly.png', - ':sleeping:': 'emoticons/sleeping.png', - ':unsure:': 'emoticons/unsure.png', - ':woot:': 'emoticons/w00t.png', - ':wassat:': 'emoticons/wassat.png' - }, - hidden: { - ':whistling:': 'emoticons/whistling.png', - ':love:': 'emoticons/wub.png' - } - }, - - /** - * Width of the editor. Set to null for automatic with - * - * @type {?number} - */ - width: null, - - /** - * Height of the editor including toolbar. Set to null for automatic - * height - * - * @type {?number} - */ - height: null, - - /** - * If to allow the editor to be resized - * - * @type {boolean} - */ - resizeEnabled: true, - - /** - * Min resize to width, set to null for half textarea width or -1 for - * unlimited - * - * @type {?number} - */ - resizeMinWidth: null, - /** - * Min resize to height, set to null for half textarea height or -1 for - * unlimited - * - * @type {?number} - */ - resizeMinHeight: null, - /** - * Max resize to height, set to null for double textarea height or -1 - * for unlimited - * - * @type {?number} - */ - resizeMaxHeight: null, - /** - * Max resize to width, set to null for double textarea width or -1 for - * unlimited - * - * @type {?number} - */ - resizeMaxWidth: null, - /** - * If resizing by height is enabled - * - * @type {boolean} - */ - resizeHeight: true, - /** - * If resizing by width is enabled - * - * @type {boolean} - */ - resizeWidth: true, - - /** - * Date format, will be overridden if locale specifies one. - * - * The words year, month and day will be replaced with the users current - * year, month and day. - * - * @type {string} - */ - dateFormat: 'year-month-day', - - /** - * Element to inset the toolbar into. - * - * @type {HTMLElement} - */ - toolbarContainer: null, - - /** - * If to enable paste filtering. This is currently experimental, please - * report any issues. - * - * @type {boolean} - */ - enablePasteFiltering: false, - - /** - * If to completely disable pasting into the editor - * - * @type {boolean} - */ - disablePasting: false, - - /** - * If the editor is read only. - * - * @type {boolean} - */ - readOnly: false, - - /** - * If to set the editor to right-to-left mode. - * - * If set to null the direction will be automatically detected. - * - * @type {boolean} - */ - rtl: false, - - /** - * If to auto focus the editor on page load - * - * @type {boolean} - */ - autofocus: false, - - /** - * If to auto focus the editor to the end of the content - * - * @type {boolean} - */ - autofocusEnd: true, - - /** - * If to auto expand the editor to fix the content - * - * @type {boolean} - */ - autoExpand: false, - - /** - * If to auto update original textbox on blur - * - * @type {boolean} - */ - autoUpdate: false, - - /** - * If to enable the browsers built in spell checker - * - * @type {boolean} - */ - spellcheck: true, - - /** - * If to run the source editor when there is no WYSIWYG support. Only - * really applies to mobile OS's. - * - * @type {boolean} - */ - runWithoutWysiwygSupport: false, - - /** - * If to load the editor in source mode and still allow switching - * between WYSIWYG and source mode - * - * @type {boolean} - */ - startInSourceMode: false, - - /** - * Optional ID to give the editor. - * - * @type {string} - */ - id: null, - - /** - * Comma separated list of plugins - * - * @type {string} - */ - plugins: '', - - /** - * z-index to set the editor container to. Needed for jQuery UI dialog. - * - * @type {?number} - */ - zIndex: null, - - /** - * If to trim the BBCode. Removes any spaces at the start and end of the - * BBCode string. - * - * @type {boolean} - */ - bbcodeTrim: false, - - /** - * If to disable removing block level elements by pressing backspace at - * the start of them - * - * @type {boolean} - */ - disableBlockRemove: false, - - /** - * Array of allowed URL (should be either strings or regex) for iframes. - * - * If it's a string then iframes where the start of the src matches the - * specified string will be allowed. - * - * If it's a regex then iframes where the src matches the regex will be - * allowed. - * - * @type {Array} - */ - allowedIframeUrls: [], - - /** - * BBCode parser options, only applies if using the editor in BBCode - * mode. - * - * See SCEditor.BBCodeParser.defaults for list of valid options - * - * @type {Object} - */ - parserOptions: { }, - - /** - * CSS that will be added to the to dropdown menu (eg. z-index) - * - * @type {Object} - */ - dropDownCss: { } - }; - - // Must start with a valid scheme - // ^ - // Schemes that are considered safe - // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| - // Relative schemes (//:) are considered safe - // (\\/\\/)| - // Image data URI's are considered safe - // data:image\\/(png|bmp|gif|p?jpe?g); - var VALID_SCHEME_REGEX = - /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; - - /** - * Escapes a string so it's safe to use in regex - * - * @param {string} str - * @return {string} - */ - function regex(str) { - return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); - } - /** - * Escapes all HTML entities in a string - * - * If noQuotes is set to false, all single and double - * quotes will also be escaped - * - * @param {string} str - * @param {boolean} [noQuotes=true] - * @return {string} - * @since 1.4.1 - */ - function entities(str, noQuotes) { - if (!str) { - return str; - } - - var replacements = { - '&': '&', - '<': '<', - '>': '>', - ' ': ' ', - '\r\n': '<br />', - '\r': '<br />', - '\n': '<br />' - }; - - if (noQuotes !== false) { - replacements['"'] = '"'; - replacements['\''] = '''; - replacements['`'] = '`'; - } - - str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { - return replacements[match] || match; - }); - - return str; - } - /** - * Escape URI scheme. - * - * Appends the current URL to a url if it has a scheme that is not: - * - * http - * https - * sftp - * ftp - * mailto - * spotify - * skype - * ssh - * teamspeak - * tel - * // - * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); - * - * **IMPORTANT**: This does not escape any HTML in a url, for - * that use the escape.entities() method. - * - * @param {string} url - * @return {string} - * @since 1.4.5 - */ - function uriScheme(url) { - var path, - // If there is a : before a / then it has a scheme - hasScheme = /^[^\/]*:/i, - location = window.location; - - // Has no scheme or a valid scheme - if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { - return url; - } - - path = location.pathname.split('/'); - path.pop(); - - return location.protocol + '//' + - location.host + - path.join('/') + '/' + - url; - } - - /** - * HTML templates used by the editor and default commands - * @type {Object} - * @private - */ - var _templates = { - html: - '<!DOCTYPE html>' + - '<html{attrs}>' + - '<head>' + - '<meta http-equiv="Content-Type" ' + - 'content="text/html;charset={charset}" />' + - '<link rel="stylesheet" type="text/css" href="{style}" />' + - '</head>' + - '<body contenteditable="true" {spellcheck}><p></p></body>' + - '</html>', - - toolbarButton: '<a class="sceditor-button sceditor-button-{name}" ' + - 'data-sceditor-command="{name}" unselectable="on">' + - '<div unselectable="on">{dispName}</div></a>', - - emoticon: '<img src="{url}" data-sceditor-emoticon="{key}" ' + - 'alt="{key}" title="{tooltip}" />', - - fontOpt: '<a class="sceditor-font-option" href="#" ' + - 'data-font="{font}"><font face="{font}">{font}</font></a>', - - sizeOpt: '<a class="sceditor-fontsize-option" data-size="{size}" ' + - 'href="#"><font size="{size}">{size}</font></a>', - - pastetext: - '<div><label for="txt">{label}</label> ' + - '<textarea cols="20" rows="7" id="txt"></textarea></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - table: - '<div><label for="rows">{rows}</label><input type="text" ' + - 'id="rows" value="2" /></div>' + - '<div><label for="cols">{cols}</label><input type="text" ' + - 'id="cols" value="2" /></div>' + - '<div><input type="button" class="button" value="{insert}"' + - ' /></div>', - - image: - '<div><label for="image">{url}</label> ' + - '<input type="text" id="image" dir="ltr" placeholder="https://" /></div>' + - '<div><label for="width">{width}</label> ' + - '<input type="text" id="width" size="2" dir="ltr" /></div>' + - '<div><label for="height">{height}</label> ' + - '<input type="text" id="height" size="2" dir="ltr" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - email: - '<div><label for="email">{label}</label> ' + - '<input type="text" id="email" dir="ltr" /></div>' + - '<div><label for="des">{desc}</label> ' + - '<input type="text" id="des" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - link: - '<div><label for="link">{url}</label> ' + - '<input type="text" id="link" dir="ltr" placeholder="https://" /></div>' + - '<div><label for="des">{desc}</label> ' + - '<input type="text" id="des" /></div>' + - '<div><input type="button" class="button" value="{ins}" /></div>', - - youtubeMenu: - '<div><label for="link">{label}</label> ' + - '<input type="text" id="link" dir="ltr" placeholder="https://" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - youtube: - '<iframe width="560" height="315" frameborder="0" allowfullscreen ' + - 'src="https://www.youtube-nocookie.com/embed/{id}?wmode=opaque&start={time}" ' + - 'data-youtube-id="{id}"></iframe>' - }; - - /** - * Replaces any params in a template with the passed params. - * - * If createHtml is passed it will return a DocumentFragment - * containing the parsed template. - * - * @param {string} name - * @param {Object} [params] - * @param {boolean} [createHtml] - * @returns {string|DocumentFragment} - * @private - */ - function _tmpl (name, params, createHtml) { - var template = _templates[name]; - - Object.keys(params).forEach(function (name) { - template = template.replace( - new RegExp(regex('{' + name + '}'), 'g'), params[name] - ); - }); - - if (createHtml) { - template = parseHTML(template); - } - - return template; - } - - /** - * Fixes a bug in FF where it sometimes wraps - * new lines in their own list item. - * See issue #359 - */ - function fixFirefoxListBug(editor) { - // Only apply to Firefox as will break other browsers. - if ('mozHidden' in document) { - var node = editor.getBody(); - var next; - - while (node) { - next = node; - - if (next.firstChild) { - next = next.firstChild; - } else { - - while (next && !next.nextSibling) { - next = next.parentNode; - } - - if (next) { - next = next.nextSibling; - } - } - - if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { - // Only remove if newlines are collapsed - if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { - remove(node); - } - } - - node = next; - } - } - } - - - /** - * Map of all the commands for SCEditor - * @type {Object} - * @name commands - * @memberOf jQuery.sceditor - */ - var defaultCmds = { - // START_COMMAND: Bold - bold: { - exec: 'bold', - tooltip: 'Bold', - shortcut: 'Ctrl+B' - }, - // END_COMMAND - // START_COMMAND: Italic - italic: { - exec: 'italic', - tooltip: 'Italic', - shortcut: 'Ctrl+I' - }, - // END_COMMAND - // START_COMMAND: Underline - underline: { - exec: 'underline', - tooltip: 'Underline', - shortcut: 'Ctrl+U' - }, - // END_COMMAND - // START_COMMAND: Strikethrough - strike: { - exec: 'strikethrough', - tooltip: 'Strikethrough' - }, - // END_COMMAND - // START_COMMAND: Subscript - subscript: { - exec: 'subscript', - tooltip: 'Subscript' - }, - // END_COMMAND - // START_COMMAND: Superscript - superscript: { - exec: 'superscript', - tooltip: 'Superscript' - }, - // END_COMMAND - - // START_COMMAND: Left - left: { - state: function (node) { - if (node && node.nodeType === 3) { - node = node.parentNode; - } - - if (node) { - var isLtr = css(node, 'direction') === 'ltr'; - var align = css(node, 'textAlign'); - - // Can be -moz-left - return /left/.test(align) || - align === (isLtr ? 'start' : 'end'); - } - }, - exec: 'justifyleft', - tooltip: 'Align left' - }, - // END_COMMAND - // START_COMMAND: Centre - center: { - exec: 'justifycenter', - tooltip: 'Center' - }, - // END_COMMAND - // START_COMMAND: Right - right: { - state: function (node) { - if (node && node.nodeType === 3) { - node = node.parentNode; - } - - if (node) { - var isLtr = css(node, 'direction') === 'ltr'; - var align = css(node, 'textAlign'); - - // Can be -moz-right - return /right/.test(align) || - align === (isLtr ? 'end' : 'start'); - } - }, - exec: 'justifyright', - tooltip: 'Align right' - }, - // END_COMMAND - // START_COMMAND: Justify - justify: { - exec: 'justifyfull', - tooltip: 'Justify' - }, - // END_COMMAND - - // START_COMMAND: Font - font: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'font')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.opts.fonts.split(',').forEach(function (font) { - appendChild(content, _tmpl('fontOpt', { - font: font - }, true)); - }); - - editor.createDropDown(caller, 'font-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.font._dropDown(editor, caller, function (fontName) { - editor.execCommand('fontname', fontName); - }); - }, - tooltip: 'Font Name' - }, - // END_COMMAND - // START_COMMAND: Size - size: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'size')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - for (var i = 1; i <= 7; i++) { - appendChild(content, _tmpl('sizeOpt', { - size: i - }, true)); - } - - editor.createDropDown(caller, 'fontsize-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.size._dropDown(editor, caller, function (fontSize) { - editor.execCommand('fontsize', fontSize); - }); - }, - tooltip: 'Font Size' - }, - // END_COMMAND - // START_COMMAND: Colour - color: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'), - html = '', - cmd = defaultCmds.color; - - if (!cmd._htmlCache) { - editor.opts.colors.split('|').forEach(function (column) { - html += '<div class="sceditor-color-column">'; - - column.split(',').forEach(function (color) { - html += - '<a href="#" class="sceditor-color-option"' + - ' style="background-color: ' + color + '"' + - ' data-color="' + color + '"></a>'; - }); - - html += '</div>'; - }); - - cmd._htmlCache = html; - } - - appendChild(content, parseHTML(cmd._htmlCache)); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'color')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'color-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.color._dropDown(editor, caller, function (color) { - editor.execCommand('forecolor', color); - }); - }, - tooltip: 'Font Color' - }, - // END_COMMAND - // START_COMMAND: Remove Format - removeformat: { - exec: 'removeformat', - tooltip: 'Remove Formatting' - }, - // END_COMMAND - - // START_COMMAND: Cut - cut: { - exec: 'cut', - tooltip: 'Cut', - errorMessage: 'Your browser does not allow the cut command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-X' - }, - // END_COMMAND - // START_COMMAND: Copy - copy: { - exec: 'copy', - tooltip: 'Copy', - errorMessage: 'Your browser does not allow the copy command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-C' - }, - // END_COMMAND - // START_COMMAND: Paste - paste: { - exec: 'paste', - tooltip: 'Paste', - errorMessage: 'Your browser does not allow the paste command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-V' - }, - // END_COMMAND - // START_COMMAND: Paste Text - pastetext: { - exec: function (caller) { - var val, - content = createElement('div'), - editor = this; - - appendChild(content, _tmpl('pastetext', { - label: editor._( - 'Paste your text inside the following box:' - ), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - val = find(content, '#txt')[0].value; - - if (val) { - editor.wysiwygEditorInsertText(val); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'pastetext', content); - }, - tooltip: 'Paste Text' - }, - // END_COMMAND - // START_COMMAND: Bullet List - bulletlist: { - exec: function () { - fixFirefoxListBug(this); - this.execCommand('insertunorderedlist'); - }, - tooltip: 'Bullet list' - }, - // END_COMMAND - // START_COMMAND: Ordered List - orderedlist: { - exec: function () { - fixFirefoxListBug(this); - this.execCommand('insertorderedlist'); - }, - tooltip: 'Numbered list' - }, - // END_COMMAND - // START_COMMAND: Indent - indent: { - state: function (parent, firstBlock) { - // Only works with lists, for now - var range, startParent, endParent; - - if (is(firstBlock, 'li')) { - return 0; - } - - if (is(firstBlock, 'ul,ol,menu')) { - // if the whole list is selected, then this must be - // invalidated because the browser will place a - // <blockquote> there - range = this.getRangeHelper().selectedRange(); - - startParent = range.startContainer.parentNode; - endParent = range.endContainer.parentNode; - - // TODO: could use nodeType for this? - // Maybe just check the firstBlock contains both the start - //and end containers - - // Select the tag, not the textNode - // (that's why the parentNode) - if (startParent !== - startParent.parentNode.firstElementChild || - // work around a bug in FF - (is(endParent, 'li') && endParent !== - endParent.parentNode.lastElementChild)) { - return 0; - } - } - - return -1; - }, - exec: function () { - var editor = this, - block = editor.getRangeHelper().getFirstBlockParent(); - - editor.focus(); - - // An indent system is quite complicated as there are loads - // of complications and issues around how to indent text - // As default, let's just stay with indenting the lists, - // at least, for now. - if (closest(block, 'ul,ol,menu')) { - editor.execCommand('indent'); - } - }, - tooltip: 'Add indent' - }, - // END_COMMAND - // START_COMMAND: Outdent - outdent: { - state: function (parents, firstBlock) { - return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; - }, - exec: function () { - var block = this.getRangeHelper().getFirstBlockParent(); - if (closest(block, 'ul,ol,menu')) { - this.execCommand('outdent'); - } - }, - tooltip: 'Remove one indent' - }, - // END_COMMAND - - // START_COMMAND: Table - table: { - exec: function (caller) { - var editor = this, - content = createElement('div'); - - appendChild(content, _tmpl('table', { - rows: editor._('Rows:'), - cols: editor._('Cols:'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var rows = Number(find(content, '#rows')[0].value), - cols = Number(find(content, '#cols')[0].value), - html = '<table>'; - - if (rows > 0 && cols > 0) { - html += Array(rows + 1).join( - '<tr>' + - Array(cols + 1).join( - '<td><br /></td>' - ) + - '</tr>' - ); - - html += '</table>'; - - editor.wysiwygEditorInsertHtml(html); - editor.closeDropDown(true); - e.preventDefault(); - } - }); - - editor.createDropDown(caller, 'inserttable', content); - }, - tooltip: 'Insert a table' - }, - // END_COMMAND - - // START_COMMAND: Horizontal Rule - horizontalrule: { - exec: 'inserthorizontalrule', - tooltip: 'Insert a horizontal rule' - }, - // END_COMMAND - - // START_COMMAND: Code - code: { - exec: function () { - this.wysiwygEditorInsertHtml( - '<code>', - '<br /></code>' - ); - }, - tooltip: 'Code' - }, - // END_COMMAND - - // START_COMMAND: Image - image: { - _dropDown: function (editor, caller, selected, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('image', { - url: editor._('URL:'), - width: editor._('Width (optional):'), - height: editor._('Height (optional):'), - insert: editor._('Insert') - }, true)); - - - var urlInput = find(content, '#image')[0]; - - urlInput.value = selected; - - on(content, 'click', '.button', function (e) { - if (urlInput.value) { - cb( - urlInput.value, - find(content, '#width')[0].value, - find(content, '#height')[0].value - ); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertimage', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.image._dropDown( - editor, - caller, - '', - function (url, width, height) { - var attrs = ''; - - if (width) { - attrs += ' width="' + parseInt(width, 10) + '"'; - } - - if (height) { - attrs += ' height="' + parseInt(height, 10) + '"'; - } - - attrs += ' src="' + entities(url) + '"'; - - editor.wysiwygEditorInsertHtml( - '<img' + attrs + ' />' - ); - } - ); - }, - tooltip: 'Insert an image' - }, - // END_COMMAND - - // START_COMMAND: E-mail - email: { - _dropDown: function (editor, caller, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('email', { - label: editor._('E-mail:'), - desc: editor._('Description (optional):'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var email = find(content, '#email')[0].value; - - if (email) { - cb(email, find(content, '#des')[0].value); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertemail', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.email._dropDown( - editor, - caller, - function (email, text) { - if (!editor.getRangeHelper().selectedHtml() || text) { - editor.wysiwygEditorInsertHtml( - '<a href="' + - 'mailto:' + entities(email) + '">' + - entities((text || email)) + - '</a>' - ); - } else { - editor.execCommand('createlink', 'mailto:' + email); - } - } - ); - }, - tooltip: 'Insert an email' - }, - // END_COMMAND - - // START_COMMAND: Link - link: { - _dropDown: function (editor, caller, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('link', { - url: editor._('URL:'), - desc: editor._('Description (optional):'), - ins: editor._('Insert') - }, true)); - - var linkInput = find(content, '#link')[0]; - - function insertUrl(e) { - if (linkInput.value) { - cb(linkInput.value, find(content, '#des')[0].value); - } - - editor.closeDropDown(true); - e.preventDefault(); - } - - on(content, 'click', '.button', insertUrl); - on(content, 'keypress', function (e) { - // 13 = enter key - if (e.which === 13 && linkInput.value) { - insertUrl(e); - } - }, EVENT_CAPTURE); - - editor.createDropDown(caller, 'insertlink', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.link._dropDown(editor, caller, function (url, text) { - if (text || !editor.getRangeHelper().selectedHtml()) { - editor.wysiwygEditorInsertHtml( - '<a href="' + entities(url) + '">' + - entities(text || url) + - '</a>' - ); - } else { - editor.execCommand('createlink', url); - } - }); - }, - tooltip: 'Insert a link' - }, - // END_COMMAND - - // START_COMMAND: Unlink - unlink: { - state: function () { - return closest(this.currentNode(), 'a') ? 0 : -1; - }, - exec: function () { - var anchor = closest(this.currentNode(), 'a'); - - if (anchor) { - while (anchor.firstChild) { - insertBefore(anchor.firstChild, anchor); - } - - remove(anchor); - } - }, - tooltip: 'Unlink' - }, - // END_COMMAND - - - // START_COMMAND: Quote - quote: { - exec: function (caller, html, author) { - var before = '<blockquote>', - end = '</blockquote>'; - - // if there is HTML passed set end to null so any selected - // text is replaced - if (html) { - author = (author ? '<cite>' + - entities(author) + - '</cite>' : ''); - before = before + author + html + end; - end = null; - // if not add a newline to the end of the inserted quote - } else if (this.getRangeHelper().selectedHtml() === '') { - end = '<br />' + end; - } - - this.wysiwygEditorInsertHtml(before, end); - }, - tooltip: 'Insert a Quote' - }, - // END_COMMAND - - // START_COMMAND: Emoticons - emoticon: { - exec: function (caller) { - var editor = this; - - var createContent = function (includeMore) { - var moreLink, - opts = editor.opts, - emoticonsRoot = opts.emoticonsRoot || '', - emoticonsCompat = opts.emoticonsCompat, - rangeHelper = editor.getRangeHelper(), - startSpace = emoticonsCompat && - rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', - endSpace = emoticonsCompat && - rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', - content = createElement('div'), - line = createElement('div'), - perLine = 0, - emoticons = extend( - {}, - opts.emoticons.dropdown, - includeMore ? opts.emoticons.more : {} - ); - - appendChild(content, line); - - perLine = Math.sqrt(Object.keys(emoticons).length); - - on(content, 'click', 'img', function (e) { - editor.insert(startSpace + attr(this, 'alt') + endSpace, - null, false).closeDropDown(true); - - e.preventDefault(); - }); - - each(emoticons, function (code, emoticon) { - appendChild(line, createElement('img', { - src: emoticonsRoot + (emoticon.url || emoticon), - alt: code, - title: emoticon.tooltip || code - })); - - if (line.children.length >= perLine) { - line = createElement('div'); - appendChild(content, line); - } - }); - - if (!includeMore && opts.emoticons.more) { - moreLink = createElement('a', { - className: 'sceditor-more' - }); - - appendChild(moreLink, - document.createTextNode(editor._('More'))); - - on(moreLink, 'click', function (e) { - editor.createDropDown( - caller, 'more-emoticons', createContent(true) - ); - - e.preventDefault(); - }); - - appendChild(content, moreLink); - } - - return content; - }; - - editor.createDropDown(caller, 'emoticons', createContent(false)); - }, - txtExec: function (caller) { - defaultCmds.emoticon.exec.call(this, caller); - }, - tooltip: 'Insert an emoticon' - }, - // END_COMMAND - - // START_COMMAND: YouTube - youtube: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - appendChild(content, _tmpl('youtubeMenu', { - label: editor._('Video URL:'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var val = find(content, '#link')[0].value; - var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)?([a-zA-Z0-9_-]{11})/); - var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); - var time = 0; - - if (timeMatch) { - each(timeMatch[1].split(/[hms]/), function (i, val) { - if (val !== '') { - time = (time * 60) + Number(val); - } - }); - } - - if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { - callback(idMatch[1], time); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertlink', content); - }, - exec: function (btn) { - var editor = this; - - defaultCmds.youtube._dropDown(editor, btn, function (id, time) { - editor.wysiwygEditorInsertHtml(_tmpl('youtube', { - id: id, - time: time - })); - }); - }, - tooltip: 'Insert a YouTube video' - }, - // END_COMMAND - - // START_COMMAND: Date - date: { - _date: function (editor) { - var now = new Date(), - year = now.getYear(), - month = now.getMonth() + 1, - day = now.getDate(); - - if (year < 2000) { - year = 1900 + year; - } - - if (month < 10) { - month = '0' + month; - } - - if (day < 10) { - day = '0' + day; - } - - return editor.opts.dateFormat - .replace(/year/i, year) - .replace(/month/i, month) - .replace(/day/i, day); - }, - exec: function () { - this.insertText(defaultCmds.date._date(this)); - }, - txtExec: function () { - this.insertText(defaultCmds.date._date(this)); - }, - tooltip: 'Insert current date' - }, - // END_COMMAND - - // START_COMMAND: Time - time: { - _time: function () { - var now = new Date(), - hours = now.getHours(), - mins = now.getMinutes(), - secs = now.getSeconds(); - - if (hours < 10) { - hours = '0' + hours; - } - - if (mins < 10) { - mins = '0' + mins; - } - - if (secs < 10) { - secs = '0' + secs; - } - - return hours + ':' + mins + ':' + secs; - }, - exec: function () { - this.insertText(defaultCmds.time._time()); - }, - txtExec: function () { - this.insertText(defaultCmds.time._time()); - }, - tooltip: 'Insert current time' - }, - // END_COMMAND - - - // START_COMMAND: Ltr - ltr: { - state: function (parents, firstBlock) { - return firstBlock && firstBlock.style.direction === 'ltr'; - }, - exec: function () { - var editor = this, - rangeHelper = editor.getRangeHelper(), - node = rangeHelper.getFirstBlockParent(); - - editor.focus(); - - if (!node || is(node, 'body')) { - editor.execCommand('formatBlock', 'p'); - - node = rangeHelper.getFirstBlockParent(); - - if (!node || is(node, 'body')) { - return; - } - } - - var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; - css(node, 'direction', toggleValue); - }, - tooltip: 'Left-to-Right' - }, - // END_COMMAND - - // START_COMMAND: Rtl - rtl: { - state: function (parents, firstBlock) { - return firstBlock && firstBlock.style.direction === 'rtl'; - }, - exec: function () { - var editor = this, - rangeHelper = editor.getRangeHelper(), - node = rangeHelper.getFirstBlockParent(); - - editor.focus(); - - if (!node || is(node, 'body')) { - editor.execCommand('formatBlock', 'p'); - - node = rangeHelper.getFirstBlockParent(); - - if (!node || is(node, 'body')) { - return; - } - } - - var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; - css(node, 'direction', toggleValue); - }, - tooltip: 'Right-to-Left' - }, - // END_COMMAND - - - // START_COMMAND: Print - print: { - exec: 'print', - tooltip: 'Print' - }, - // END_COMMAND - - // START_COMMAND: Maximize - maximize: { - state: function () { - return this.maximize(); - }, - exec: function () { - this.maximize(!this.maximize()); - this.focus(); - }, - txtExec: function () { - this.maximize(!this.maximize()); - this.focus(); - }, - tooltip: 'Maximize', - shortcut: 'Ctrl+Shift+M' - }, - // END_COMMAND - - // START_COMMAND: Source - source: { - state: function () { - return this.sourceMode(); - }, - exec: function () { - this.toggleSourceMode(); - this.focus(); - }, - txtExec: function () { - this.toggleSourceMode(); - this.focus(); - }, - tooltip: 'View source', - shortcut: 'Ctrl+Shift+S' - }, - // END_COMMAND - - // this is here so that commands above can be removed - // without having to remove the , after the last one. - // Needed for IE. - ignore: {} - }; - - var plugins = {}; - - /** - * Plugin Manager class - * @class PluginManager - * @name PluginManager - */ - function PluginManager(thisObj) { - /** - * Alias of this - * - * @private - * @type {Object} - */ - var base = this; - - /** - * Array of all currently registered plugins - * - * @type {Array} - * @private - */ - var registeredPlugins = []; - - - /** - * Changes a signals name from "name" into "signalName". - * - * @param {string} signal - * @return {string} - * @private - */ - var formatSignalName = function (signal) { - return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); - }; - - /** - * Calls handlers for a signal - * - * @see call() - * @see callOnlyFirst() - * @param {Array} args - * @param {boolean} returnAtFirst - * @return {*} - * @private - */ - var callHandlers = function (args, returnAtFirst) { - args = [].slice.call(args); - - var idx, ret, - signal = formatSignalName(args.shift()); - - for (idx = 0; idx < registeredPlugins.length; idx++) { - if (signal in registeredPlugins[idx]) { - ret = registeredPlugins[idx][signal].apply(thisObj, args); - - if (returnAtFirst) { - return ret; - } - } - } - }; - - /** - * Calls all handlers for the passed signal - * - * @param {string} signal - * @param {...string} args - * @function - * @name call - * @memberOf PluginManager.prototype - */ - base.call = function () { - callHandlers(arguments, false); - }; - - /** - * Calls the first handler for a signal, and returns the - * - * @param {string} signal - * @param {...string} args - * @return {*} The result of calling the handler - * @function - * @name callOnlyFirst - * @memberOf PluginManager.prototype - */ - base.callOnlyFirst = function () { - return callHandlers(arguments, true); - }; - - /** - * Checks if a signal has a handler - * - * @param {string} signal - * @return {boolean} - * @function - * @name hasHandler - * @memberOf PluginManager.prototype - */ - base.hasHandler = function (signal) { - var i = registeredPlugins.length; - signal = formatSignalName(signal); - - while (i--) { - if (signal in registeredPlugins[i]) { - return true; - } - } - - return false; - }; - - /** - * Checks if the plugin exists in plugins - * - * @param {string} plugin - * @return {boolean} - * @function - * @name exists - * @memberOf PluginManager.prototype - */ - base.exists = function (plugin) { - if (plugin in plugins) { - plugin = plugins[plugin]; - - return typeof plugin === 'function' && - typeof plugin.prototype === 'object'; - } - - return false; - }; - - /** - * Checks if the passed plugin is currently registered. - * - * @param {string} plugin - * @return {boolean} - * @function - * @name isRegistered - * @memberOf PluginManager.prototype - */ - base.isRegistered = function (plugin) { - if (base.exists(plugin)) { - var idx = registeredPlugins.length; - - while (idx--) { - if (registeredPlugins[idx] instanceof plugins[plugin]) { - return true; - } - } - } - - return false; - }; - - /** - * Registers a plugin to receive signals - * - * @param {string} plugin - * @return {boolean} - * @function - * @name register - * @memberOf PluginManager.prototype - */ - base.register = function (plugin) { - if (!base.exists(plugin) || base.isRegistered(plugin)) { - return false; - } - - plugin = new plugins[plugin](); - registeredPlugins.push(plugin); - - if ('init' in plugin) { - plugin.init.call(thisObj); - } - - return true; - }; - - /** - * Deregisters a plugin. - * - * @param {string} plugin - * @return {boolean} - * @function - * @name deregister - * @memberOf PluginManager.prototype - */ - base.deregister = function (plugin) { - var removedPlugin, - pluginIdx = registeredPlugins.length, - removed = false; - - if (!base.isRegistered(plugin)) { - return removed; - } - - while (pluginIdx--) { - if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { - removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; - removed = true; - - if ('destroy' in removedPlugin) { - removedPlugin.destroy.call(thisObj); - } - } - } - - return removed; - }; - - /** - * Clears all plugins and removes the owner reference. - * - * Calling any functions on this object after calling - * destroy will cause a JS error. - * - * @name destroy - * @memberOf PluginManager.prototype - */ - base.destroy = function () { - var i = registeredPlugins.length; - - while (i--) { - if ('destroy' in registeredPlugins[i]) { - registeredPlugins[i].destroy.call(thisObj); - } - } - - registeredPlugins = []; - thisObj = null; - }; - } - PluginManager.plugins = plugins; - - /** - * Gets the text, start/end node and offset for - * length chars left or right of the passed node - * at the specified offset. - * - * @param {Node} node - * @param {number} offset - * @param {boolean} isLeft - * @param {number} length - * @return {Object} - * @private - */ - var outerText = function (range, isLeft, length) { - var nodeValue, remaining, start, end, node, - text = '', - next = range.startContainer, - offset = range.startOffset; - - // Handle cases where node is a paragraph and offset - // refers to the index of a text node. - // 3 = text node - if (next && next.nodeType !== 3) { - next = next.childNodes[offset]; - offset = 0; - } - - start = end = offset; - - while (length > text.length && next && next.nodeType === 3) { - nodeValue = next.nodeValue; - remaining = length - text.length; - - // If not the first node, start and end should be at their - // max values as will be updated when getting the text - if (node) { - end = nodeValue.length; - start = 0; - } - - node = next; - - if (isLeft) { - start = Math.max(end - remaining, 0); - offset = start; - - text = nodeValue.substr(start, end - start) + text; - next = node.previousSibling; - } else { - end = Math.min(remaining, nodeValue.length); - offset = start + end; - - text += nodeValue.substr(start, end); - next = node.nextSibling; - } - } - - return { - node: node || next, - offset: offset, - text: text - }; - }; - - /** - * Range helper - * - * @class RangeHelper - * @name RangeHelper - */ - function RangeHelper(win, d, sanitize) { - var _createMarker, _prepareInput, - doc = d || win.contentDocument || win.document, - startMarker = 'sceditor-start-marker', - endMarker = 'sceditor-end-marker', - base = this; - - /** - * Inserts HTML into the current range replacing any selected - * text. - * - * If endHTML is specified the selected contents will be put between - * html and endHTML. If there is nothing selected html and endHTML are - * just concatenate together. - * - * @param {string} html - * @param {string} [endHTML] - * @return False on fail - * @function - * @name insertHTML - * @memberOf RangeHelper.prototype - */ - base.insertHTML = function (html, endHTML) { - var node, div, - range = base.selectedRange(); - - if (!range) { - return false; - } - - if (endHTML) { - html += base.selectedHtml() + endHTML; - } - - div = createElement('p', {}, doc); - node = doc.createDocumentFragment(); - div.innerHTML = sanitize(html); - - while (div.firstChild) { - appendChild(node, div.firstChild); - } - - base.insertNode(node); - }; - - /** - * Prepares HTML to be inserted by adding a zero width space - * if the last child is empty and adding the range start/end - * markers to the last child. - * - * @param {Node|string} node - * @param {Node|string} [endNode] - * @param {boolean} [returnHtml] - * @return {Node|string} - * @private - */ - _prepareInput = function (node, endNode, returnHtml) { - var lastChild, - frag = doc.createDocumentFragment(); - - if (typeof node === 'string') { - if (endNode) { - node += base.selectedHtml() + endNode; - } - - frag = parseHTML(node); - } else { - appendChild(frag, node); - - if (endNode) { - appendChild(frag, base.selectedRange().extractContents()); - appendChild(frag, endNode); - } - } - - if (!(lastChild = frag.lastChild)) { - return; - } - - while (!isInline(lastChild.lastChild, true)) { - lastChild = lastChild.lastChild; - } - - if (canHaveChildren(lastChild)) { - // Webkit won't allow the cursor to be placed inside an - // empty tag, so add a zero width space to it. - if (!lastChild.lastChild) { - appendChild(lastChild, document.createTextNode('\u200B')); - } - } else { - lastChild = frag; - } - - base.removeMarkers(); - - // Append marks to last child so when restored cursor will be in - // the right place - appendChild(lastChild, _createMarker(startMarker)); - appendChild(lastChild, _createMarker(endMarker)); - - if (returnHtml) { - var div = createElement('div'); - appendChild(div, frag); - - return div.innerHTML; - } - - return frag; - }; - - /** - * The same as insertHTML except with DOM nodes instead - * - * <strong>Warning:</strong> the nodes must belong to the - * document they are being inserted into. Some browsers - * will throw exceptions if they don't. - * - * Returns boolean false on fail - * - * @param {Node} node - * @param {Node} endNode - * @return {false|undefined} - * @function - * @name insertNode - * @memberOf RangeHelper.prototype - */ - base.insertNode = function (node, endNode) { - var first, last, - input = _prepareInput(node, endNode), - range = base.selectedRange(), - parent = range.commonAncestorContainer, - emptyNodes = []; - - if (!input) { - return false; - } - - function removeIfEmpty(node) { - // Only remove empty node if it wasn't already empty - if (node && isEmpty(node) && emptyNodes.indexOf(node) < 0) { - remove(node); - } - } - - if (range.startContainer !== range.endContainer) { - each(parent.childNodes, function (_, node) { - if (isEmpty(node)) { - emptyNodes.push(node); - } - }); - - first = input.firstChild; - last = input.lastChild; - } - - range.deleteContents(); - - // FF allows <br /> to be selected but inserting a node - // into <br /> will cause it not to be displayed so must - // insert before the <br /> in FF. - // 3 = TextNode - if (parent && parent.nodeType !== 3 && !canHaveChildren(parent)) { - insertBefore(input, parent); - } else { - range.insertNode(input); - - // If a node was split or its contents deleted, remove any resulting - // empty tags. For example: - // <p>|test</p><div>test|</div> - // When deleteContents could become: - // <p></p>|<div></div> - // So remove the empty ones - removeIfEmpty(first && first.previousSibling); - removeIfEmpty(last && last.nextSibling); - } - - base.restoreRange(); - }; - - /** - * Clones the selected Range - * - * @return {Range} - * @function - * @name cloneSelected - * @memberOf RangeHelper.prototype - */ - base.cloneSelected = function () { - var range = base.selectedRange(); - - if (range) { - return range.cloneRange(); - } - }; - - /** - * Gets the selected Range - * - * @return {Range} - * @function - * @name selectedRange - * @memberOf RangeHelper.prototype - */ - base.selectedRange = function () { - var range, firstChild, - sel = win.getSelection(); - - if (!sel) { - return; - } - - // When creating a new range, set the start to the first child - // element of the body element to avoid errors in FF. - if (sel.rangeCount <= 0) { - firstChild = doc.body; - while (firstChild.firstChild) { - firstChild = firstChild.firstChild; - } - - range = doc.createRange(); - // Must be setStartBefore otherwise it can cause infinite - // loops with lists in WebKit. See issue 442 - range.setStartBefore(firstChild); - - sel.addRange(range); - } - - if (sel.rangeCount > 0) { - range = sel.getRangeAt(0); - } - - return range; - }; - - /** - * Gets if there is currently a selection - * - * @return {boolean} - * @function - * @name hasSelection - * @since 1.4.4 - * @memberOf RangeHelper.prototype - */ - base.hasSelection = function () { - var sel = win.getSelection(); - - return sel && sel.rangeCount > 0; - }; - - /** - * Gets the currently selected HTML - * - * @return {string} - * @function - * @name selectedHtml - * @memberOf RangeHelper.prototype - */ - base.selectedHtml = function () { - var div, - range = base.selectedRange(); - - if (range) { - div = createElement('p', {}, doc); - appendChild(div, range.cloneContents()); - - return div.innerHTML; - } - - return ''; - }; - - /** - * Gets the parent node of the selected contents in the range - * - * @return {HTMLElement} - * @function - * @name parentNode - * @memberOf RangeHelper.prototype - */ - base.parentNode = function () { - var range = base.selectedRange(); - - if (range) { - return range.commonAncestorContainer; - } - }; - - /** - * Gets the first block level parent of the selected - * contents of the range. - * - * @return {HTMLElement} - * @function - * @name getFirstBlockParent - * @memberOf RangeHelper.prototype - */ - /** - * Gets the first block level parent of the selected - * contents of the range. - * - * @param {Node} [n] The element to get the first block level parent from - * @return {HTMLElement} - * @function - * @name getFirstBlockParent^2 - * @since 1.4.1 - * @memberOf RangeHelper.prototype - */ - base.getFirstBlockParent = function (node) { - var func = function (elm) { - if (!isInline(elm, true)) { - return elm; - } - - elm = elm ? elm.parentNode : null; - - return elm ? func(elm) : elm; - }; - - return func(node || base.parentNode()); - }; - - /** - * Inserts a node at either the start or end of the current selection - * - * @param {Bool} start - * @param {Node} node - * @function - * @name insertNodeAt - * @memberOf RangeHelper.prototype - */ - base.insertNodeAt = function (start, node) { - var currentRange = base.selectedRange(), - range = base.cloneSelected(); - - if (!range) { - return false; - } - - range.collapse(start); - range.insertNode(node); - - // Reselect the current range. - // Fixes issue with Chrome losing the selection. Issue#82 - base.selectRange(currentRange); - }; - - /** - * Creates a marker node - * - * @param {string} id - * @return {HTMLSpanElement} - * @private - */ - _createMarker = function (id) { - base.removeMarker(id); - - var marker = createElement('span', { - id: id, - className: 'sceditor-selection sceditor-ignore', - style: 'display:none;line-height:0' - }, doc); - - marker.innerHTML = ' '; - - return marker; - }; - - /** - * Inserts start/end markers for the current selection - * which can be used by restoreRange to re-select the - * range. - * - * @memberOf RangeHelper.prototype - * @function - * @name insertMarkers - */ - base.insertMarkers = function () { - var currentRange = base.selectedRange(); - var startNode = _createMarker(startMarker); - - base.removeMarkers(); - base.insertNodeAt(true, startNode); - - // Fixes issue with end marker sometimes being placed before - // the start marker when the range is collapsed. - if (currentRange && currentRange.collapsed) { - startNode.parentNode.insertBefore( - _createMarker(endMarker), startNode.nextSibling); - } else { - base.insertNodeAt(false, _createMarker(endMarker)); - } - }; - - /** - * Gets the marker with the specified ID - * - * @param {string} id - * @return {Node} - * @function - * @name getMarker - * @memberOf RangeHelper.prototype - */ - base.getMarker = function (id) { - return doc.getElementById(id); - }; - - /** - * Removes the marker with the specified ID - * - * @param {string} id - * @function - * @name removeMarker - * @memberOf RangeHelper.prototype - */ - base.removeMarker = function (id) { - var marker = base.getMarker(id); - - if (marker) { - remove(marker); - } - }; - - /** - * Removes the start/end markers - * - * @function - * @name removeMarkers - * @memberOf RangeHelper.prototype - */ - base.removeMarkers = function () { - base.removeMarker(startMarker); - base.removeMarker(endMarker); - }; - - /** - * Saves the current range location. Alias of insertMarkers() - * - * @function - * @name saveRage - * @memberOf RangeHelper.prototype - */ - base.saveRange = function () { - base.insertMarkers(); - }; - - /** - * Select the specified range - * - * @param {Range} range - * @function - * @name selectRange - * @memberOf RangeHelper.prototype - */ - base.selectRange = function (range) { - var lastChild; - var sel = win.getSelection(); - var container = range.endContainer; - - // Check if cursor is set after a BR when the BR is the only - // child of the parent. In Firefox this causes a line break - // to occur when something is typed. See issue #321 - if (range.collapsed && container && - !isInline(container, true)) { - - lastChild = container.lastChild; - while (lastChild && is(lastChild, '.sceditor-ignore')) { - lastChild = lastChild.previousSibling; - } - - if (is(lastChild, 'br')) { - var rng = doc.createRange(); - rng.setEndAfter(lastChild); - rng.collapse(false); - - if (base.compare(range, rng)) { - range.setStartBefore(lastChild); - range.collapse(true); - } - } - } - - if (sel) { - base.clear(); - sel.addRange(range); - } - }; - - /** - * Restores the last range saved by saveRange() or insertMarkers() - * - * @function - * @name restoreRange - * @memberOf RangeHelper.prototype - */ - base.restoreRange = function () { - var isCollapsed, - range = base.selectedRange(), - start = base.getMarker(startMarker), - end = base.getMarker(endMarker); - - if (!start || !end || !range) { - return false; - } - - isCollapsed = start.nextSibling === end; - - range = doc.createRange(); - range.setStartBefore(start); - range.setEndAfter(end); - - if (isCollapsed) { - range.collapse(true); - } - - base.selectRange(range); - base.removeMarkers(); - }; - - /** - * Selects the text left and right of the current selection - * - * @param {number} left - * @param {number} right - * @since 1.4.3 - * @function - * @name selectOuterText - * @memberOf RangeHelper.prototype - */ - base.selectOuterText = function (left, right) { - var start, end, - range = base.cloneSelected(); - - if (!range) { - return false; - } - - range.collapse(false); - - start = outerText(range, true, left); - end = outerText(range, false, right); - - range.setStart(start.node, start.offset); - range.setEnd(end.node, end.offset); - - base.selectRange(range); - }; - - /** - * Gets the text left or right of the current selection - * - * @param {boolean} before - * @param {number} length - * @return {string} - * @since 1.4.3 - * @function - * @name selectOuterText - * @memberOf RangeHelper.prototype - */ - base.getOuterText = function (before, length) { - var range = base.cloneSelected(); - - if (!range) { - return ''; - } - - range.collapse(!before); - - return outerText(range, before, length).text; - }; - - /** - * Replaces keywords with values based on the current caret position - * - * @param {Array} keywords - * @param {boolean} includeAfter If to include the text after the - * current caret position or just - * text before - * @param {boolean} keywordsSorted If the keywords array is pre - * sorted shortest to longest - * @param {number} longestKeyword Length of the longest keyword - * @param {boolean} requireWhitespace If the key must be surrounded - * by whitespace - * @param {string} keypressChar If this is being called from - * a keypress event, this should be - * set to the pressed character - * @return {boolean} - * @function - * @name replaceKeyword - * @memberOf RangeHelper.prototype - */ - // eslint-disable-next-line max-params - base.replaceKeyword = function ( - keywords, - includeAfter, - keywordsSorted, - longestKeyword, - requireWhitespace, - keypressChar - ) { - if (!keywordsSorted) { - keywords.sort(function (a, b) { - return a[0].length - b[0].length; - }); - } - - var outerText, match, matchPos, startIndex, - leftLen, charsLeft, keyword, keywordLen, - whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', - keywordIdx = keywords.length, - whitespaceLen = requireWhitespace ? 1 : 0, - maxKeyLen = longestKeyword || - keywords[keywordIdx - 1][0].length; - - if (requireWhitespace) { - maxKeyLen++; - } - - keypressChar = keypressChar || ''; - outerText = base.getOuterText(true, maxKeyLen); - leftLen = outerText.length; - outerText += keypressChar; - - if (includeAfter) { - outerText += base.getOuterText(false, maxKeyLen); - } - - while (keywordIdx--) { - keyword = keywords[keywordIdx][0]; - keywordLen = keyword.length; - startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); - matchPos = -1; - - if (requireWhitespace) { - match = outerText - .substr(startIndex) - .match(new RegExp(whitespaceRegex + - regex(keyword) + whitespaceRegex)); - - if (match) { - // Add the length of the text that was removed by - // substr() and also add 1 for the whitespace - matchPos = match.index + startIndex + match[1].length; - } - } else { - matchPos = outerText.indexOf(keyword, startIndex); - } - - if (matchPos > -1) { - // Make sure the match is between before and - // after, not just entirely in one side or the other - if (matchPos <= leftLen && - matchPos + keywordLen + whitespaceLen >= leftLen) { - charsLeft = leftLen - matchPos; - - // If the keypress char is white space then it should - // not be replaced, only chars that are part of the - // key should be replaced. - base.selectOuterText( - charsLeft, - keywordLen - charsLeft - - (/^\S/.test(keypressChar) ? 1 : 0) - ); - - base.insertHTML(keywords[keywordIdx][1]); - return true; - } - } - } - - return false; - }; - - /** - * Compares two ranges. - * - * If rangeB is undefined it will be set to - * the current selected range - * - * @param {Range} rngA - * @param {Range} [rngB] - * @return {boolean} - * @function - * @name compare - * @memberOf RangeHelper.prototype - */ - base.compare = function (rngA, rngB) { - if (!rngB) { - rngB = base.selectedRange(); - } - - if (!rngA || !rngB) { - return !rngA && !rngB; - } - - return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && - rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; - }; - - /** - * Removes any current selection - * - * @since 1.4.6 - * @function - * @name clear - * @memberOf RangeHelper.prototype - */ - base.clear = function () { - var sel = win.getSelection(); - - if (sel) { - if (sel.removeAllRanges) { - sel.removeAllRanges(); - } else if (sel.empty) { - sel.empty(); - } - } - }; - } - - var USER_AGENT = navigator.userAgent; - - /** - * Detects if the browser is iOS - * - * Needed to fix iOS specific bugs - * - * @function - * @name ios - * @memberOf jQuery.sceditor - * @type {boolean} - */ - var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); - - /** - * If the browser supports WYSIWYG editing (e.g. older mobile browsers). - * - * @function - * @name isWysiwygSupported - * @return {boolean} - */ - var isWysiwygSupported = (function () { - var match, isUnsupported; - - // IE is the only browser to support documentMode - var ie = !!window.document.documentMode; - var legacyEdge = '-ms-ime-align' in document.documentElement.style; - - var div = document.createElement('div'); - div.contentEditable = true; - - // Check if the contentEditable attribute is supported - if (!('contentEditable' in document.documentElement) || - div.contentEditable !== 'true') { - return false; - } - - // I think blackberry supports contentEditable or will at least - // give a valid value for the contentEditable detection above - // so it isn't included in the below tests. - - // I hate having to do UA sniffing but some mobile browsers say they - // support contentediable when it isn't usable, i.e. you can't enter - // text. - // This is the only way I can think of to detect them which is also how - // every other editor I've seen deals with this issue. - - // Exclude Opera mobile and mini - isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); - - if (/Android/i.test(USER_AGENT)) { - isUnsupported = true; - - if (/Safari/.test(USER_AGENT)) { - // Android browser 534+ supports content editable - // This also matches Chrome which supports content editable too - match = /Safari\/(\d+)/.exec(USER_AGENT); - isUnsupported = (!match || !match[1] ? true : match[1] < 534); - } - } - - // The current version of Amazon Silk supports it, older versions didn't - // As it uses webkit like Android, assume it's the same and started - // working at versions >= 534 - if (/ Silk\//i.test(USER_AGENT)) { - match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); - isUnsupported = (!match || !match[1] ? true : match[1] < 534); - } - - // iOS 5+ supports content editable - if (ios) { - // Block any version <= 4_x(_x) - isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); - } - - // Firefox does support WYSIWYG on mobiles so override - // any previous value if using FF - if (/Firefox/i.test(USER_AGENT)) { - isUnsupported = false; - } - - if (/OneBrowser/i.test(USER_AGENT)) { - isUnsupported = false; - } - - // UCBrowser works but doesn't give a unique user agent - if (navigator.vendor === 'UCWEB') { - isUnsupported = false; - } - - // IE and legacy edge are not supported any more - if (ie || legacyEdge) { - isUnsupported = true; - } - - return !isUnsupported; - }()); - - /** - * Checks all emoticons are surrounded by whitespace and - * replaces any that aren't with with their emoticon code. - * - * @param {HTMLElement} node - * @param {rangeHelper} rangeHelper - * @return {void} - */ - function checkWhitespace(node, rangeHelper) { - var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009]+/; - var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); - - if (!node || !emoticons.length) { - return; - } - - for (var i = 0; i < emoticons.length; i++) { - var emoticon = emoticons[i]; - var parent = emoticon.parentNode; - var prev = emoticon.previousSibling; - var next = emoticon.nextSibling; - - if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && - (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { - continue; - } - - var range = rangeHelper.cloneSelected(); - var rangeStart = -1; - var rangeStartContainer = range.startContainer; - var previousText = prev.nodeValue || ''; - - previousText += data(emoticon, 'sceditor-emoticon'); - - // If the cursor is after the removed emoticon, add - // the length of the newly added text to it - if (rangeStartContainer === next) { - rangeStart = previousText.length + range.startOffset; - } - - // If the cursor is set before the next node, set it to - // the end of the new text node - if (rangeStartContainer === node && - node.childNodes[range.startOffset] === next) { - rangeStart = previousText.length; - } - - // If the cursor is set before the removed emoticon, - // just keep it at that position - if (rangeStartContainer === prev) { - rangeStart = range.startOffset; - } - - if (!next || next.nodeType !== TEXT_NODE) { - next = parent.insertBefore( - parent.ownerDocument.createTextNode(''), next - ); - } - - next.insertData(0, previousText); - remove(prev); - remove(emoticon); - - // Need to update the range starting position if it's been modified - if (rangeStart > -1) { - range.setStart(next, rangeStart); - range.collapse(true); - rangeHelper.selectRange(range); - } - } - } - /** - * Replaces any emoticons inside the root node with images. - * - * emoticons should be an object where the key is the emoticon - * code and the value is the HTML to replace it with. - * - * @param {HTMLElement} root - * @param {Object<string, string>} emoticons - * @param {boolean} emoticonsCompat - * @return {void} - */ - function replace(root, emoticons, emoticonsCompat) { - var doc = root.ownerDocument; - var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; - var emoticonCodes = []; - var emoticonRegex = {}; - - // TODO: Make this tag configurable. - if (parent(root, 'code')) { - return; - } - - each(emoticons, function (key) { - emoticonRegex[key] = new RegExp(space + regex(key) + space); - emoticonCodes.push(key); - }); - - // Sort keys longest to shortest so that longer keys - // take precedence (avoids bugs with shorter keys partially - // matching longer ones) - emoticonCodes.sort(function (a, b) { - return b.length - a.length; - }); - - (function convert(node) { - node = node.firstChild; - - while (node) { - // TODO: Make this tag configurable. - if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { - convert(node); - } - - if (node.nodeType === TEXT_NODE) { - for (var i = 0; i < emoticonCodes.length; i++) { - var text = node.nodeValue; - var key = emoticonCodes[i]; - var index = emoticonsCompat ? - text.search(emoticonRegex[key]) : - text.indexOf(key); - - if (index > -1) { - // When emoticonsCompat is enabled this will be the - // position after any white space - var startIndex = text.indexOf(key, index); - var fragment = parseHTML(emoticons[key], doc); - var after = text.substr(startIndex + key.length); - - fragment.appendChild(doc.createTextNode(after)); - - node.nodeValue = text.substr(0, startIndex); - node.parentNode - .insertBefore(fragment, node.nextSibling); - } - } - } - - node = node.nextSibling; - } - }(root)); - } - - /*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.2.2/LICENSE */ - - function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - - var hasOwnProperty = Object.hasOwnProperty, - setPrototypeOf = Object.setPrototypeOf, - isFrozen = Object.isFrozen, - getPrototypeOf = Object.getPrototypeOf, - getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; - var freeze = Object.freeze, - seal = Object.seal, - create = Object.create; // eslint-disable-line import/no-mutable-exports - - var _ref = typeof Reflect !== 'undefined' && Reflect, - apply = _ref.apply, - construct = _ref.construct; - - if (!apply) { - apply = function apply(fun, thisValue, args) { - return fun.apply(thisValue, args); - }; - } - - if (!freeze) { - freeze = function freeze(x) { - return x; - }; - } - - if (!seal) { - seal = function seal(x) { - return x; - }; - } - - if (!construct) { - construct = function construct(Func, args) { - return new (Function.prototype.bind.apply(Func, [null].concat(_toConsumableArray(args))))(); - }; - } - - var arrayForEach = unapply(Array.prototype.forEach); - var arrayPop = unapply(Array.prototype.pop); - var arrayPush = unapply(Array.prototype.push); - - var stringToLowerCase = unapply(String.prototype.toLowerCase); - var stringMatch = unapply(String.prototype.match); - var stringReplace = unapply(String.prototype.replace); - var stringIndexOf = unapply(String.prototype.indexOf); - var stringTrim = unapply(String.prototype.trim); - - var regExpTest = unapply(RegExp.prototype.test); - - var typeErrorCreate = unconstruct(TypeError); - - function unapply(func) { - return function (thisArg) { - for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - args[_key - 1] = arguments[_key]; - } - - return apply(func, thisArg, args); - }; - } - - function unconstruct(func) { - return function () { - for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { - args[_key2] = arguments[_key2]; - } - - return construct(func, args); - }; - } - - /* Add properties to a lookup table */ - function addToSet(set, array) { - if (setPrototypeOf) { - // Make 'in' and truthy checks like Boolean(set.constructor) - // independent of any properties defined on Object.prototype. - // Prevent prototype setters from intercepting set as a this value. - setPrototypeOf(set, null); - } - - var l = array.length; - while (l--) { - var element = array[l]; - if (typeof element === 'string') { - var lcElement = stringToLowerCase(element); - if (lcElement !== element) { - // Config presets (e.g. tags.js, attrs.js) are immutable. - if (!isFrozen(array)) { - array[l] = lcElement; - } - - element = lcElement; - } - } - - set[element] = true; - } - - return set; - } - - /* Shallow clone an object */ - function clone(object) { - var newObject = create(null); - - var property = void 0; - for (property in object) { - if (apply(hasOwnProperty, object, [property])) { - newObject[property] = object[property]; - } - } - - return newObject; - } - - /* IE10 doesn't support __lookupGetter__ so lets' - * simulate it. It also automatically checks - * if the prop is function or getter and behaves - * accordingly. */ - function lookupGetter(object, prop) { - while (object !== null) { - var desc = getOwnPropertyDescriptor(object, prop); - if (desc) { - if (desc.get) { - return unapply(desc.get); - } - - if (typeof desc.value === 'function') { - return unapply(desc.value); - } - } - - object = getPrototypeOf(object); - } - - return null; - } - - var html = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); - - // SVG - var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']); - - var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); - - // List of SVG elements that are disallowed by default. - // We still need to know them so that we can do namespace - // checks properly in case one wants to add them to - // allow-list. - var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'feimage', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']); - - var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']); - - // Similarly to SVG, we want to know all MathML elements, - // even those that we disallow by default. - var mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']); - - var text = freeze(['#text']); - - var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns']); - - var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']); - - var mathMl$1 = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']); - - var xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']); - - // eslint-disable-next-line unicorn/better-regex - var MUSTACHE_EXPR = seal(/\{\{[\s\S]*|[\s\S]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode - var ERB_EXPR = seal(/<%[\s\S]*|[\s\S]*%>/gm); - var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape - var ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape - var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape - ); - var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i); - var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex - ); - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; - - function _toConsumableArray$1(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - - var getGlobal = function getGlobal() { - return typeof window === 'undefined' ? null : window; - }; - - /** - * Creates a no-op policy for internal use only. - * Don't export this function outside this module! - * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory. - * @param {Document} document The document object (to determine policy name suffix) - * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types - * are not supported). - */ - var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) { - if ((typeof trustedTypes === 'undefined' ? 'undefined' : _typeof(trustedTypes)) !== 'object' || typeof trustedTypes.createPolicy !== 'function') { - return null; - } - - // Allow the callers to control the unique policy name - // by adding a data-tt-policy-suffix to the script element with the DOMPurify. - // Policy creation with duplicate names throws in Trusted Types. - var suffix = null; - var ATTR_NAME = 'data-tt-policy-suffix'; - if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) { - suffix = document.currentScript.getAttribute(ATTR_NAME); - } - - var policyName = 'dompurify' + (suffix ? '#' + suffix : ''); - - try { - return trustedTypes.createPolicy(policyName, { - createHTML: function createHTML(html$$1) { - return html$$1; - } - }); - } catch (_) { - // Policy creation failed (most likely another DOMPurify script has - // already run). Skip creating the policy, as this will only cause errors - // if TT are enforced. - console.warn('TrustedTypes policy ' + policyName + ' could not be created.'); - return null; - } - }; - - function createDOMPurify() { - var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal(); - - var DOMPurify = function DOMPurify(root) { - return createDOMPurify(root); - }; - - /** - * Version label, exposed for easier checks - * if DOMPurify is up to date or not - */ - DOMPurify.version = '2.2.6'; - - /** - * Array of elements that DOMPurify removed during sanitation. - * Empty if nothing was removed. - */ - DOMPurify.removed = []; - - if (!window || !window.document || window.document.nodeType !== 9) { - // Not running in a browser, provide a factory function - // so that you can pass your own Window - DOMPurify.isSupported = false; - - return DOMPurify; - } - - var originalDocument = window.document; - - var document = window.document; - var DocumentFragment = window.DocumentFragment, - HTMLTemplateElement = window.HTMLTemplateElement, - Node = window.Node, - Element = window.Element, - NodeFilter = window.NodeFilter, - _window$NamedNodeMap = window.NamedNodeMap, - NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap, - Text = window.Text, - Comment = window.Comment, - DOMParser = window.DOMParser, - trustedTypes = window.trustedTypes; - - - var ElementPrototype = Element.prototype; - - var cloneNode = lookupGetter(ElementPrototype, 'cloneNode'); - var getNextSibling = lookupGetter(ElementPrototype, 'nextSibling'); - var getChildNodes = lookupGetter(ElementPrototype, 'childNodes'); - var getParentNode = lookupGetter(ElementPrototype, 'parentNode'); - - // As per issue #47, the web-components registry is inherited by a - // new document created via createHTMLDocument. As per the spec - // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries) - // a new empty registry is used when creating a template contents owner - // document, so we use that as our parent document to ensure nothing - // is inherited. - if (typeof HTMLTemplateElement === 'function') { - var template = document.createElement('template'); - if (template.content && template.content.ownerDocument) { - document = template.content.ownerDocument; - } - } - - var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument); - var emptyHTML = trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML('') : ''; - - var _document = document, - implementation = _document.implementation, - createNodeIterator = _document.createNodeIterator, - getElementsByTagName = _document.getElementsByTagName, - createDocumentFragment = _document.createDocumentFragment; - var importNode = originalDocument.importNode; - - - var documentMode = {}; - try { - documentMode = clone(document).documentMode ? document.documentMode : {}; - } catch (_) {} - - var hooks = {}; - - /** - * Expose whether this browser supports running the full DOMPurify. - */ - DOMPurify.isSupported = implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9; - - var MUSTACHE_EXPR$$1 = MUSTACHE_EXPR, - ERB_EXPR$$1 = ERB_EXPR, - DATA_ATTR$$1 = DATA_ATTR, - ARIA_ATTR$$1 = ARIA_ATTR, - IS_SCRIPT_OR_DATA$$1 = IS_SCRIPT_OR_DATA, - ATTR_WHITESPACE$$1 = ATTR_WHITESPACE; - var IS_ALLOWED_URI$$1 = IS_ALLOWED_URI; - - /** - * We consider the elements and attributes below to be safe. Ideally - * don't add any new ones but feel free to remove unwanted ones. - */ - - /* allowed element names */ - - var ALLOWED_TAGS = null; - var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(html), _toConsumableArray$1(svg), _toConsumableArray$1(svgFilters), _toConsumableArray$1(mathMl), _toConsumableArray$1(text))); - - /* Allowed attribute names */ - var ALLOWED_ATTR = null; - var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml))); - - /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */ - var FORBID_TAGS = null; - - /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */ - var FORBID_ATTR = null; - - /* Decide if ARIA attributes are okay */ - var ALLOW_ARIA_ATTR = true; - - /* Decide if custom data attributes are okay */ - var ALLOW_DATA_ATTR = true; - - /* Decide if unknown protocols are okay */ - var ALLOW_UNKNOWN_PROTOCOLS = false; - - /* Output should be safe for common template engines. - * This means, DOMPurify removes data attributes, mustaches and ERB - */ - var SAFE_FOR_TEMPLATES = false; - - /* Decide if document with <html>... should be returned */ - var WHOLE_DOCUMENT = false; - - /* Track whether config is already set on this instance of DOMPurify. */ - var SET_CONFIG = false; - - /* Decide if all elements (e.g. style, script) must be children of - * document.body. By default, browsers might move them to document.head */ - var FORCE_BODY = false; - - /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html - * string (or a TrustedHTML object if Trusted Types are supported). - * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead - */ - var RETURN_DOM = false; - - /* Decide if a DOM `DocumentFragment` should be returned, instead of a html - * string (or a TrustedHTML object if Trusted Types are supported) */ - var RETURN_DOM_FRAGMENT = false; - - /* If `RETURN_DOM` or `RETURN_DOM_FRAGMENT` is enabled, decide if the returned DOM - * `Node` is imported into the current `Document`. If this flag is not enabled the - * `Node` will belong (its ownerDocument) to a fresh `HTMLDocument`, created by - * DOMPurify. - * - * This defaults to `true` starting DOMPurify 2.2.0. Note that setting it to `false` - * might cause XSS from attacks hidden in closed shadowroots in case the browser - * supports Declarative Shadow: DOM https://web.dev/declarative-shadow-dom/ - */ - var RETURN_DOM_IMPORT = true; - - /* Try to return a Trusted Type object instead of a string, return a string in - * case Trusted Types are not supported */ - var RETURN_TRUSTED_TYPE = false; - - /* Output should be free from DOM clobbering attacks? */ - var SANITIZE_DOM = true; - - /* Keep element content when removing element? */ - var KEEP_CONTENT = true; - - /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead - * of importing it into a new Document and returning a sanitized copy */ - var IN_PLACE = false; - - /* Allow usage of profiles like html, svg and mathMl */ - var USE_PROFILES = {}; - - /* Tags to ignore content of when KEEP_CONTENT is true */ - var FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']); - - /* Tags that are safe for data: URIs */ - var DATA_URI_TAGS = null; - var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']); - - /* Attributes safe for values like "javascript:" */ - var URI_SAFE_ATTRIBUTES = null; - var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'summary', 'title', 'value', 'style', 'xmlns']); - - /* Keep a reference to config to pass to hooks */ - var CONFIG = null; - - /* Ideally, do not touch anything below this line */ - /* ______________________________________________ */ - - var formElement = document.createElement('form'); - - /** - * _parseConfig - * - * @param {Object} cfg optional config literal - */ - // eslint-disable-next-line complexity - var _parseConfig = function _parseConfig(cfg) { - if (CONFIG && CONFIG === cfg) { - return; - } - - /* Shield configuration object from tampering */ - if (!cfg || (typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) !== 'object') { - cfg = {}; - } - - /* Shield configuration object from prototype pollution */ - cfg = clone(cfg); - - /* Set configuration parameters */ - ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS) : DEFAULT_ALLOWED_TAGS; - ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR; - URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES; - DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS; - FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {}; - FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {}; - USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false; - ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true - ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true - ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false - SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false - WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false - RETURN_DOM = cfg.RETURN_DOM || false; // Default false - RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false - RETURN_DOM_IMPORT = cfg.RETURN_DOM_IMPORT !== false; // Default true - RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false - FORCE_BODY = cfg.FORCE_BODY || false; // Default false - SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true - KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true - IN_PLACE = cfg.IN_PLACE || false; // Default false - IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1; - if (SAFE_FOR_TEMPLATES) { - ALLOW_DATA_ATTR = false; - } - - if (RETURN_DOM_FRAGMENT) { - RETURN_DOM = true; - } - - /* Parse profile info */ - if (USE_PROFILES) { - ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(text))); - ALLOWED_ATTR = []; - if (USE_PROFILES.html === true) { - addToSet(ALLOWED_TAGS, html); - addToSet(ALLOWED_ATTR, html$1); - } - - if (USE_PROFILES.svg === true) { - addToSet(ALLOWED_TAGS, svg); - addToSet(ALLOWED_ATTR, svg$1); - addToSet(ALLOWED_ATTR, xml); - } - - if (USE_PROFILES.svgFilters === true) { - addToSet(ALLOWED_TAGS, svgFilters); - addToSet(ALLOWED_ATTR, svg$1); - addToSet(ALLOWED_ATTR, xml); - } - - if (USE_PROFILES.mathMl === true) { - addToSet(ALLOWED_TAGS, mathMl); - addToSet(ALLOWED_ATTR, mathMl$1); - addToSet(ALLOWED_ATTR, xml); - } - } - - /* Merge configuration parameters */ - if (cfg.ADD_TAGS) { - if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) { - ALLOWED_TAGS = clone(ALLOWED_TAGS); - } - - addToSet(ALLOWED_TAGS, cfg.ADD_TAGS); - } - - if (cfg.ADD_ATTR) { - if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) { - ALLOWED_ATTR = clone(ALLOWED_ATTR); - } - - addToSet(ALLOWED_ATTR, cfg.ADD_ATTR); - } - - if (cfg.ADD_URI_SAFE_ATTR) { - addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR); - } - - /* Add #text in case KEEP_CONTENT is set to true */ - if (KEEP_CONTENT) { - ALLOWED_TAGS['#text'] = true; - } - - /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */ - if (WHOLE_DOCUMENT) { - addToSet(ALLOWED_TAGS, ['html', 'head', 'body']); - } - - /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */ - if (ALLOWED_TAGS.table) { - addToSet(ALLOWED_TAGS, ['tbody']); - delete FORBID_TAGS.tbody; - } - - // Prevent further manipulation of configuration. - // Not available in IE8, Safari 5, etc. - if (freeze) { - freeze(cfg); - } - - CONFIG = cfg; - }; - - var MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']); - - var HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); - - /* Keep track of all possible SVG and MathML tags - * so that we can perform the namespace checks - * correctly. */ - var ALL_SVG_TAGS = addToSet({}, svg); - addToSet(ALL_SVG_TAGS, svgFilters); - addToSet(ALL_SVG_TAGS, svgDisallowed); - - var ALL_MATHML_TAGS = addToSet({}, mathMl); - addToSet(ALL_MATHML_TAGS, mathMlDisallowed); - - var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML'; - var SVG_NAMESPACE = 'http://www.w3.org/2000/svg'; - var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml'; - - /** - * - * - * @param {Element} element a DOM element whose namespace is being checked - * @returns {boolean} Return false if the element has a - * namespace that a spec-compliant parser would never - * return. Return true otherwise. - */ - var _checkValidNamespace = function _checkValidNamespace(element) { - var parent = getParentNode(element); - - // In JSDOM, if we're inside shadow DOM, then parentNode - // can be null. We just simulate parent in this case. - if (!parent || !parent.tagName) { - parent = { - namespaceURI: HTML_NAMESPACE, - tagName: 'template' - }; - } - - var tagName = stringToLowerCase(element.tagName); - var parentTagName = stringToLowerCase(parent.tagName); - - if (element.namespaceURI === SVG_NAMESPACE) { - // The only way to switch from HTML namespace to SVG - // is via <svg>. If it happens via any other tag, then - // it should be killed. - if (parent.namespaceURI === HTML_NAMESPACE) { - return tagName === 'svg'; - } - - // The only way to switch from MathML to SVG is via - // svg if parent is either <annotation-xml> or MathML - // text integration points. - if (parent.namespaceURI === MATHML_NAMESPACE) { - return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]); - } - - // We only allow elements that are defined in SVG - // spec. All others are disallowed in SVG namespace. - return Boolean(ALL_SVG_TAGS[tagName]); - } - - if (element.namespaceURI === MATHML_NAMESPACE) { - // The only way to switch from HTML namespace to MathML - // is via <math>. If it happens via any other tag, then - // it should be killed. - if (parent.namespaceURI === HTML_NAMESPACE) { - return tagName === 'math'; - } - - // The only way to switch from SVG to MathML is via - // <math> and HTML integration points - if (parent.namespaceURI === SVG_NAMESPACE) { - return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName]; - } - - // We only allow elements that are defined in MathML - // spec. All others are disallowed in MathML namespace. - return Boolean(ALL_MATHML_TAGS[tagName]); - } - - if (element.namespaceURI === HTML_NAMESPACE) { - // The only way to switch from SVG to HTML is via - // HTML integration points, and from MathML to HTML - // is via MathML text integration points - if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) { - return false; - } - - if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) { - return false; - } - - // Certain elements are allowed in both SVG and HTML - // namespace. We need to specify them explicitly - // so that they don't get erronously deleted from - // HTML namespace. - var commonSvgAndHTMLElements = addToSet({}, ['title', 'style', 'font', 'a', 'script']); - - // We disallow tags that are specific for MathML - // or SVG and should never appear in HTML namespace - return !ALL_MATHML_TAGS[tagName] && (commonSvgAndHTMLElements[tagName] || !ALL_SVG_TAGS[tagName]); - } - - // The code should never reach this place (this means - // that the element somehow got namespace that is not - // HTML, SVG or MathML). Return false just in case. - return false; - }; - - /** - * _forceRemove - * - * @param {Node} node a DOM node - */ - var _forceRemove = function _forceRemove(node) { - arrayPush(DOMPurify.removed, { element: node }); - try { - node.parentNode.removeChild(node); - } catch (_) { - try { - node.outerHTML = emptyHTML; - } catch (_) { - node.remove(); - } - } - }; - - /** - * _removeAttribute - * - * @param {String} name an Attribute name - * @param {Node} node a DOM node - */ - var _removeAttribute = function _removeAttribute(name, node) { - try { - arrayPush(DOMPurify.removed, { - attribute: node.getAttributeNode(name), - from: node - }); - } catch (_) { - arrayPush(DOMPurify.removed, { - attribute: null, - from: node - }); - } - - node.removeAttribute(name); - }; - - /** - * _initDocument - * - * @param {String} dirty a string of dirty markup - * @return {Document} a DOM, filled with the dirty markup - */ - var _initDocument = function _initDocument(dirty) { - /* Create a HTML document */ - var doc = void 0; - var leadingWhitespace = void 0; - - if (FORCE_BODY) { - dirty = '<remove></remove>' + dirty; - } else { - /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */ - var matches = stringMatch(dirty, /^[\r\n\t ]+/); - leadingWhitespace = matches && matches[0]; - } - - var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty; - /* Use the DOMParser API by default, fallback later if needs be */ - try { - doc = new DOMParser().parseFromString(dirtyPayload, 'text/html'); - } catch (_) {} - - /* Use createHTMLDocument in case DOMParser is not available */ - if (!doc || !doc.documentElement) { - doc = implementation.createHTMLDocument(''); - var _doc = doc, - body = _doc.body; - - body.parentNode.removeChild(body.parentNode.firstElementChild); - body.outerHTML = dirtyPayload; - } - - if (dirty && leadingWhitespace) { - doc.body.insertBefore(document.createTextNode(leadingWhitespace), doc.body.childNodes[0] || null); - } - - /* Work on whole document or just its body */ - return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0]; - }; - - /** - * _createIterator - * - * @param {Document} root document/fragment to create iterator for - * @return {Iterator} iterator instance - */ - var _createIterator = function _createIterator(root) { - return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, function () { - return NodeFilter.FILTER_ACCEPT; - }, false); - }; - - /** - * _isClobbered - * - * @param {Node} elm element to check for clobbering attacks - * @return {Boolean} true if clobbered, false if safe - */ - var _isClobbered = function _isClobbered(elm) { - if (elm instanceof Text || elm instanceof Comment) { - return false; - } - - if (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function') { - return true; - } - - return false; - }; - - /** - * _isNode - * - * @param {Node} obj object to check whether it's a DOM node - * @return {Boolean} true is object is a DOM node - */ - var _isNode = function _isNode(object) { - return (typeof Node === 'undefined' ? 'undefined' : _typeof(Node)) === 'object' ? object instanceof Node : object && (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'; - }; - - /** - * _executeHook - * Execute user configurable hooks - * - * @param {String} entryPoint Name of the hook's entry point - * @param {Node} currentNode node to work on with the hook - * @param {Object} data additional hook parameters - */ - var _executeHook = function _executeHook(entryPoint, currentNode, data) { - if (!hooks[entryPoint]) { - return; - } - - arrayForEach(hooks[entryPoint], function (hook) { - hook.call(DOMPurify, currentNode, data, CONFIG); - }); - }; - - /** - * _sanitizeElements - * - * @protect nodeName - * @protect textContent - * @protect removeChild - * - * @param {Node} currentNode to check for permission to exist - * @return {Boolean} true if node was killed, false if left alive - */ - var _sanitizeElements = function _sanitizeElements(currentNode) { - var content = void 0; - - /* Execute a hook if present */ - _executeHook('beforeSanitizeElements', currentNode, null); - - /* Check if element is clobbered or can clobber */ - if (_isClobbered(currentNode)) { - _forceRemove(currentNode); - return true; - } - - /* Check if tagname contains Unicode */ - if (stringMatch(currentNode.nodeName, /[\u0080-\uFFFF]/)) { - _forceRemove(currentNode); - return true; - } - - /* Now let's check the element's type and name */ - var tagName = stringToLowerCase(currentNode.nodeName); - - /* Execute a hook if present */ - _executeHook('uponSanitizeElement', currentNode, { - tagName: tagName, - allowedTags: ALLOWED_TAGS - }); - - /* Detect mXSS attempts abusing namespace confusion */ - if (!_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) { - _forceRemove(currentNode); - return true; - } - - /* Remove element if anything forbids its presence */ - if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) { - /* Keep content except for bad-listed elements */ - if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) { - var parentNode = getParentNode(currentNode); - var childNodes = getChildNodes(currentNode); - var childCount = childNodes.length; - for (var i = childCount - 1; i >= 0; --i) { - parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode)); - } - } - - _forceRemove(currentNode); - return true; - } - - /* Check whether element has a valid namespace */ - if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) { - _forceRemove(currentNode); - return true; - } - - if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) { - _forceRemove(currentNode); - return true; - } - - /* Sanitize element content to be template-safe */ - if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) { - /* Get the element's text content */ - content = currentNode.textContent; - content = stringReplace(content, MUSTACHE_EXPR$$1, ' '); - content = stringReplace(content, ERB_EXPR$$1, ' '); - if (currentNode.textContent !== content) { - arrayPush(DOMPurify.removed, { element: currentNode.cloneNode() }); - currentNode.textContent = content; - } - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeElements', currentNode, null); - - return false; - }; - - /** - * _isValidAttribute - * - * @param {string} lcTag Lowercase tag name of containing element. - * @param {string} lcName Lowercase attribute name. - * @param {string} value Attribute value. - * @return {Boolean} Returns true if `value` is valid, otherwise false. - */ - // eslint-disable-next-line complexity - var _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) { - /* Make sure attribute cannot clobber */ - if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) { - return false; - } - - /* Allow valid data-* attributes: At least one character after "-" - (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes) - XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804) - We don't need to check the value; it's always URI safe. */ - if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) { - return false; - - /* Check value is safe. First, is attr inert? If so, is safe */ - } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else { - return false; - } - - return true; - }; - - /** - * _sanitizeAttributes - * - * @protect attributes - * @protect nodeName - * @protect removeAttribute - * @protect setAttribute - * - * @param {Node} currentNode to sanitize - */ - var _sanitizeAttributes = function _sanitizeAttributes(currentNode) { - var attr = void 0; - var value = void 0; - var lcName = void 0; - var l = void 0; - /* Execute a hook if present */ - _executeHook('beforeSanitizeAttributes', currentNode, null); - - var attributes = currentNode.attributes; - - /* Check if we have attributes; if not we might have a text node */ - - if (!attributes) { - return; - } - - var hookEvent = { - attrName: '', - attrValue: '', - keepAttr: true, - allowedAttributes: ALLOWED_ATTR - }; - l = attributes.length; - - /* Go backwards over all attributes; safely remove bad ones */ - while (l--) { - attr = attributes[l]; - var _attr = attr, - name = _attr.name, - namespaceURI = _attr.namespaceURI; - - value = stringTrim(attr.value); - lcName = stringToLowerCase(name); - - /* Execute a hook if present */ - hookEvent.attrName = lcName; - hookEvent.attrValue = value; - hookEvent.keepAttr = true; - hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set - _executeHook('uponSanitizeAttribute', currentNode, hookEvent); - value = hookEvent.attrValue; - /* Did the hooks approve of the attribute? */ - if (hookEvent.forceKeepAttr) { - continue; - } - - /* Remove attribute */ - _removeAttribute(name, currentNode); - - /* Did the hooks approve of the attribute? */ - if (!hookEvent.keepAttr) { - continue; - } - - /* Work around a security issue in jQuery 3.0 */ - if (regExpTest(/\/>/i, value)) { - _removeAttribute(name, currentNode); - continue; - } - - /* Sanitize attribute content to be template-safe */ - if (SAFE_FOR_TEMPLATES) { - value = stringReplace(value, MUSTACHE_EXPR$$1, ' '); - value = stringReplace(value, ERB_EXPR$$1, ' '); - } - - /* Is `value` valid for this attribute? */ - var lcTag = currentNode.nodeName.toLowerCase(); - if (!_isValidAttribute(lcTag, lcName, value)) { - continue; - } - - /* Handle invalid data-* attribute set by try-catching it */ - try { - if (namespaceURI) { - currentNode.setAttributeNS(namespaceURI, name, value); - } else { - /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */ - currentNode.setAttribute(name, value); - } - - arrayPop(DOMPurify.removed); - } catch (_) {} - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeAttributes', currentNode, null); - }; - - /** - * _sanitizeShadowDOM - * - * @param {DocumentFragment} fragment to iterate over recursively - */ - var _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) { - var shadowNode = void 0; - var shadowIterator = _createIterator(fragment); - - /* Execute a hook if present */ - _executeHook('beforeSanitizeShadowDOM', fragment, null); - - while (shadowNode = shadowIterator.nextNode()) { - /* Execute a hook if present */ - _executeHook('uponSanitizeShadowNode', shadowNode, null); - - /* Sanitize tags and elements */ - if (_sanitizeElements(shadowNode)) { - continue; - } - - /* Deep shadow DOM detected */ - if (shadowNode.content instanceof DocumentFragment) { - _sanitizeShadowDOM(shadowNode.content); - } - - /* Check attributes, sanitize if necessary */ - _sanitizeAttributes(shadowNode); - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeShadowDOM', fragment, null); - }; - - /** - * Sanitize - * Public method providing core sanitation functionality - * - * @param {String|Node} dirty string or DOM node - * @param {Object} configuration object - */ - // eslint-disable-next-line complexity - DOMPurify.sanitize = function (dirty, cfg) { - var body = void 0; - var importedNode = void 0; - var currentNode = void 0; - var oldNode = void 0; - var returnNode = void 0; - /* Make sure we have a string to sanitize. - DO NOT return early, as this will return the wrong type if - the user has requested a DOM object rather than a string */ - if (!dirty) { - dirty = '<!-->'; - } - - /* Stringify, in case dirty is an object */ - if (typeof dirty !== 'string' && !_isNode(dirty)) { - // eslint-disable-next-line no-negated-condition - if (typeof dirty.toString !== 'function') { - throw typeErrorCreate('toString is not a function'); - } else { - dirty = dirty.toString(); - if (typeof dirty !== 'string') { - throw typeErrorCreate('dirty is not a string, aborting'); - } - } - } - - /* Check we can run. Otherwise fall back or ignore */ - if (!DOMPurify.isSupported) { - if (_typeof(window.toStaticHTML) === 'object' || typeof window.toStaticHTML === 'function') { - if (typeof dirty === 'string') { - return window.toStaticHTML(dirty); - } - - if (_isNode(dirty)) { - return window.toStaticHTML(dirty.outerHTML); - } - } - - return dirty; - } - - /* Assign config vars */ - if (!SET_CONFIG) { - _parseConfig(cfg); - } - - /* Clean up removed elements */ - DOMPurify.removed = []; - - /* Check if dirty is correctly typed for IN_PLACE */ - if (typeof dirty === 'string') { - IN_PLACE = false; - } - - if (IN_PLACE) ; else if (dirty instanceof Node) { - /* If dirty is a DOM element, append to an empty document to avoid - elements being stripped by the parser */ - body = _initDocument('<!---->'); - importedNode = body.ownerDocument.importNode(dirty, true); - if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') { - /* Node is already a body, use as is */ - body = importedNode; - } else if (importedNode.nodeName === 'HTML') { - body = importedNode; - } else { - // eslint-disable-next-line unicorn/prefer-node-append - body.appendChild(importedNode); - } - } else { - /* Exit directly if we have nothing to do */ - if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && - // eslint-disable-next-line unicorn/prefer-includes - dirty.indexOf('<') === -1) { - return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty; - } - - /* Initialize the document to work on */ - body = _initDocument(dirty); - - /* Check we have a DOM node from the data */ - if (!body) { - return RETURN_DOM ? null : emptyHTML; - } - } - - /* Remove first element node (ours) if FORCE_BODY is set */ - if (body && FORCE_BODY) { - _forceRemove(body.firstChild); - } - - /* Get node iterator */ - var nodeIterator = _createIterator(IN_PLACE ? dirty : body); - - /* Now start iterating over the created document */ - while (currentNode = nodeIterator.nextNode()) { - /* Fix IE's strange behavior with manipulated textNodes #89 */ - if (currentNode.nodeType === 3 && currentNode === oldNode) { - continue; - } - - /* Sanitize tags and elements */ - if (_sanitizeElements(currentNode)) { - continue; - } - - /* Shadow DOM detected, sanitize it */ - if (currentNode.content instanceof DocumentFragment) { - _sanitizeShadowDOM(currentNode.content); - } - - /* Check attributes, sanitize if necessary */ - _sanitizeAttributes(currentNode); - - oldNode = currentNode; - } - - oldNode = null; - - /* If we sanitized `dirty` in-place, return it. */ - if (IN_PLACE) { - return dirty; - } - - /* Return sanitized string or DOM */ - if (RETURN_DOM) { - if (RETURN_DOM_FRAGMENT) { - returnNode = createDocumentFragment.call(body.ownerDocument); - - while (body.firstChild) { - // eslint-disable-next-line unicorn/prefer-node-append - returnNode.appendChild(body.firstChild); - } - } else { - returnNode = body; - } - - if (RETURN_DOM_IMPORT) { - /* - AdoptNode() is not used because internal state is not reset - (e.g. the past names map of a HTMLFormElement), this is safe - in theory but we would rather not risk another attack vector. - The state that is cloned by importNode() is explicitly defined - by the specs. - */ - returnNode = importNode.call(originalDocument, returnNode, true); - } - - return returnNode; - } - - var serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML; - - /* Sanitize final string template-safe */ - if (SAFE_FOR_TEMPLATES) { - serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR$$1, ' '); - serializedHTML = stringReplace(serializedHTML, ERB_EXPR$$1, ' '); - } - - return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML; - }; - - /** - * Public method to set the configuration once - * setConfig - * - * @param {Object} cfg configuration object - */ - DOMPurify.setConfig = function (cfg) { - _parseConfig(cfg); - SET_CONFIG = true; - }; - - /** - * Public method to remove the configuration - * clearConfig - * - */ - DOMPurify.clearConfig = function () { - CONFIG = null; - SET_CONFIG = false; - }; - - /** - * Public method to check if an attribute value is valid. - * Uses last set config, if any. Otherwise, uses config defaults. - * isValidAttribute - * - * @param {string} tag Tag name of containing element. - * @param {string} attr Attribute name. - * @param {string} value Attribute value. - * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false. - */ - DOMPurify.isValidAttribute = function (tag, attr, value) { - /* Initialize shared config vars if necessary. */ - if (!CONFIG) { - _parseConfig({}); - } - - var lcTag = stringToLowerCase(tag); - var lcName = stringToLowerCase(attr); - return _isValidAttribute(lcTag, lcName, value); - }; - - /** - * AddHook - * Public method to add DOMPurify hooks - * - * @param {String} entryPoint entry point for the hook to add - * @param {Function} hookFunction function to execute - */ - DOMPurify.addHook = function (entryPoint, hookFunction) { - if (typeof hookFunction !== 'function') { - return; - } - - hooks[entryPoint] = hooks[entryPoint] || []; - arrayPush(hooks[entryPoint], hookFunction); - }; - - /** - * RemoveHook - * Public method to remove a DOMPurify hook at a given entryPoint - * (pops it from the stack of hooks if more are present) - * - * @param {String} entryPoint entry point for the hook to remove - */ - DOMPurify.removeHook = function (entryPoint) { - if (hooks[entryPoint]) { - arrayPop(hooks[entryPoint]); - } - }; - - /** - * RemoveHooks - * Public method to remove all DOMPurify hooks at a given entryPoint - * - * @param {String} entryPoint entry point for the hooks to remove - */ - DOMPurify.removeHooks = function (entryPoint) { - if (hooks[entryPoint]) { - hooks[entryPoint] = []; - } - }; - - /** - * RemoveAllHooks - * Public method to remove all DOMPurify hooks - * - */ - DOMPurify.removeAllHooks = function () { - hooks = {}; - }; - - return DOMPurify; - } - - var purify = createDOMPurify(); - - var globalWin = window; - var globalDoc = document; - - var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; - - /** - * Wrap inlines that are in the root in paragraphs. - * - * @param {HTMLBodyElement} body - * @param {Document} doc - * @private - */ - function wrapInlines(body, doc) { - var wrapper; - - traverse(body, function (node) { - if (isInline(node, true)) { - // Ignore text nodes unless they contain non-whitespace chars as - // whitespace will be collapsed. - // Ignore sceditor-ignore elements unless wrapping siblings - // Should still wrap both if wrapping siblings. - if (wrapper || node.nodeType === TEXT_NODE ? - /\S/.test(node.nodeValue) : !is(node, '.sceditor-ignore')) { - if (!wrapper) { - wrapper = createElement('p', {}, doc); - insertBefore(wrapper, node); - } - - appendChild(wrapper, node); - } - } else { - wrapper = null; - } - }, false, true); - } - /** - * SCEditor - A lightweight WYSIWYG editor - * - * @param {HTMLTextAreaElement} original The textarea to be converted - * @param {Object} userOptions - * @class SCEditor - * @name SCEditor - */ - function SCEditor(original, userOptions) { - /** - * Alias of this - * - * @private - */ - var base = this; - - /** - * Editor format like BBCode or HTML - */ - var format; - - /** - * The div which contains the editor and toolbar - * - * @type {HTMLDivElement} - * @private - */ - var editorContainer; - - /** - * Map of events handlers bound to this instance. - * - * @type {Object} - * @private - */ - var eventHandlers = {}; - - /** - * The editors toolbar - * - * @type {HTMLDivElement} - * @private - */ - var toolbar; - - /** - * The editors iframe which should be in design mode - * - * @type {HTMLIFrameElement} - * @private - */ - var wysiwygEditor; - - /** - * The editors window - * - * @type {Window} - * @private - */ - var wysiwygWindow; - - /** - * The WYSIWYG editors body element - * - * @type {HTMLBodyElement} - * @private - */ - var wysiwygBody; - - /** - * The WYSIWYG editors document - * - * @type {Document} - * @private - */ - var wysiwygDocument; - - /** - * The editors textarea for viewing source - * - * @type {HTMLTextAreaElement} - * @private - */ - var sourceEditor; - - /** - * The current dropdown - * - * @type {HTMLDivElement} - * @private - */ - var dropdown; - - /** - * If the user is currently composing text via IME - * @type {boolean} - */ - var isComposing; - - /** - * Timer for valueChanged key handler - * @type {number} - */ - var valueChangedKeyUpTimer; - - /** - * The editors locale - * - * @private - */ - var locale; - - /** - * Stores a cache of preloaded images - * - * @private - * @type {Array.<HTMLImageElement>} - */ - var preLoadCache = []; - - /** - * The editors rangeHelper instance - * - * @type {RangeHelper} - * @private - */ - var rangeHelper; - - /** - * An array of button state handlers - * - * @type {Array.<Object>} - * @private - */ - var btnStateHandlers = []; - - /** - * Plugin manager instance - * - * @type {PluginManager} - * @private - */ - var pluginManager; - - /** - * The current node containing the selection/caret - * - * @type {Node} - * @private - */ - var currentNode; - - /** - * The first block level parent of the current node - * - * @type {node} - * @private - */ - var currentBlockNode; - - /** - * The current node selection/caret - * - * @type {Object} - * @private - */ - var currentSelection; - - /** - * Used to make sure only 1 selection changed - * check is called every 100ms. - * - * Helps improve performance as it is checked a lot. - * - * @type {boolean} - * @private - */ - var isSelectionCheckPending; - - /** - * If content is required (equivalent to the HTML5 required attribute) - * - * @type {boolean} - * @private - */ - var isRequired; - - /** - * The inline CSS style element. Will be undefined - * until css() is called for the first time. - * - * @type {HTMLStyleElement} - * @private - */ - var inlineCss; - - /** - * Object containing a list of shortcut handlers - * - * @type {Object} - * @private - */ - var shortcutHandlers = {}; - - /** - * The min and max heights that autoExpand should stay within - * - * @type {Object} - * @private - */ - var autoExpandBounds; - - /** - * Timeout for the autoExpand function to throttle calls - * - * @private - */ - var autoExpandThrottle; - - /** - * Cache of the current toolbar buttons - * - * @type {Object} - * @private - */ - var toolbarButtons = {}; - - /** - * Last scroll position before maximizing so - * it can be restored when finished. - * - * @type {number} - * @private - */ - var maximizeScrollPosition; - - /** - * Stores the contents while a paste is taking place. - * - * Needed to support browsers that lack clipboard API support. - * - * @type {?DocumentFragment} - * @private - */ - var pasteContentFragment; - - /** - * All the emoticons from dropdown, more and hidden combined - * and with the emoticons root set - * - * @type {!Object<string, string>} - * @private - */ - var allEmoticons = {}; - - /** - * Current icon set if any - * - * @type {?Object} - * @private - */ - var icons; - - /** - * Private functions - * @private - */ - var init, - replaceEmoticons, - handleCommand, - initEditor, - initLocale, - initToolBar, - initOptions, - initEvents, - initResize, - initEmoticons, - handlePasteEvt, - handleCutCopyEvt, - handlePasteData, - handleKeyDown, - handleBackSpace, - handleKeyPress, - handleFormReset, - handleMouseDown, - handleComposition, - handleEvent, - handleDocumentClick, - updateToolBar, - updateActiveButtons, - sourceEditorSelectedText, - appendNewLine, - checkSelectionChanged, - checkNodeChanged, - autofocus, - emoticonsKeyPress, - emoticonsCheckWhitespace, - currentStyledBlockNode, - triggerValueChanged, - valueChangedBlur, - valueChangedKeyUp, - autoUpdate, - autoExpand; - - /** - * All the commands supported by the editor - * @name commands - * @memberOf SCEditor.prototype - */ - base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); - - /** - * Options for this editor instance - * @name opts - * @memberOf SCEditor.prototype - */ - var options = base.opts = extend( - true, {}, defaultOptions, userOptions - ); - - // Don't deep extend emoticons (fixes #565) - base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; - - if (!Array.isArray(options.allowedIframeUrls)) { - options.allowedIframeUrls = []; - } - options.allowedIframeUrls.push('https://www.youtube-nocookie.com/embed/'); - - // Create new instance of DOMPurify for each editor instance so can - // have different allowed iframe URLs - // eslint-disable-next-line new-cap - var domPurify = purify(); - - // Allow iframes for things like YouTube, see: - // https://github.com/cure53/DOMPurify/issues/340#issuecomment-670758980 - domPurify.addHook('uponSanitizeElement', function (node, data) { - var allowedUrls = options.allowedIframeUrls; - - if (data.tagName === 'iframe') { - var src = attr(node, 'src') || ''; - - for (var i = 0; i < allowedUrls.length; i++) { - var url = allowedUrls[i]; - - if (isString(url) && src.substr(0, url.length) === url) { - return; - } - - // Handle regex - if (url.test && url.test(src)) { - return; - } - } - - // No match so remove - remove(node); - } - }); - - // Convert target attribute into data-sce-target attributes so XHTML format - // can allow them - domPurify.addHook('afterSanitizeAttributes', function (node) { - if ('target' in node) { - attr(node, 'data-sce-target', attr(node, 'target')); - } - - removeAttr(node, 'target'); - }); - - /** - * Sanitize HTML to avoid XSS - * - * @param {string} html - * @return {string} html - * @private - */ - function sanitize(html) { - return domPurify.sanitize(html, { - ADD_TAGS: ['iframe'], - ADD_ATTR: ['allowfullscreen', 'frameborder', 'target'] - }); - } - /** - * Creates the editor iframe and textarea - * @private - */ - init = function () { - original._sceditor = base; - - // Load locale - if (options.locale && options.locale !== 'en') { - initLocale(); - } - - editorContainer = createElement('div', { - className: 'sceditor-container' - }); - - insertBefore(editorContainer, original); - css(editorContainer, 'z-index', options.zIndex); - - isRequired = original.required; - original.required = false; - - var FormatCtor = SCEditor.formats[options.format]; - format = FormatCtor ? new FormatCtor() : {}; - /* - * Plugins should be initialized before the formatters since - * they may wish to add or change formatting handlers and - * since the bbcode format caches its handlers, - * such changes must be done first. - */ - pluginManager = new PluginManager(base); - (options.plugins || '').split(',').forEach(function (plugin) { - pluginManager.register(plugin.trim()); - }); - if ('init' in format) { - format.init.call(base); - } - - // create the editor - initEmoticons(); - initToolBar(); - initEditor(); - initOptions(); - initEvents(); - - // force into source mode if is a browser that can't handle - // full editing - if (!isWysiwygSupported) { - base.toggleSourceMode(); - } - - updateActiveButtons(); - - var loaded = function () { - off(globalWin, 'load', loaded); - - if (options.autofocus) { - autofocus(!!options.autofocusEnd); - } - - autoExpand(); - appendNewLine(); - // TODO: use editor doc and window? - pluginManager.call('ready'); - if ('onReady' in format) { - format.onReady.call(base); - } - }; - on(globalWin, 'load', loaded); - if (globalDoc.readyState === 'complete') { - loaded(); - } - }; - - /** - * Init the locale variable with the specified locale if possible - * @private - * @return void - */ - initLocale = function () { - var lang; - - locale = SCEditor.locale[options.locale]; - - if (!locale) { - lang = options.locale.split('-'); - locale = SCEditor.locale[lang[0]]; - } - - // Locale DateTime format overrides any specified in the options - if (locale && locale.dateFormat) { - options.dateFormat = locale.dateFormat; - } - }; - - /** - * Creates the editor iframe and textarea - * @private - */ - initEditor = function () { - sourceEditor = createElement('textarea'); - wysiwygEditor = createElement('iframe', { - frameborder: 0, - allowfullscreen: true - }); - - /* - * This needs to be done right after they are created because, - * for any reason, the user may not want the value to be tinkered - * by any filters. - */ - if (options.startInSourceMode) { - addClass(editorContainer, 'sourceMode'); - hide(wysiwygEditor); - } else { - addClass(editorContainer, 'wysiwygMode'); - hide(sourceEditor); - } - - if (!options.spellcheck) { - attr(editorContainer, 'spellcheck', 'false'); - } - - if (globalWin.location.protocol === 'https:') { - attr(wysiwygEditor, 'src', 'about:blank'); - } - - // Add the editor to the container - appendChild(editorContainer, wysiwygEditor); - appendChild(editorContainer, sourceEditor); - - // TODO: make this optional somehow - base.dimensions( - options.width || width(original), - options.height || height(original) - ); - - // Add ios to HTML so can apply CSS fix to only it - var className = ios ? ' ios' : ''; - - wysiwygDocument = wysiwygEditor.contentDocument; - wysiwygDocument.open(); - wysiwygDocument.write(_tmpl('html', { - attrs: ' class="' + className + '"', - spellcheck: options.spellcheck ? '' : 'spellcheck="false"', - charset: options.charset, - style: options.style - })); - wysiwygDocument.close(); - - wysiwygBody = wysiwygDocument.body; - wysiwygWindow = wysiwygEditor.contentWindow; - - base.readOnly(!!options.readOnly); - - // iframe overflow fix for iOS - if (ios) { - height(wysiwygBody, '100%'); - on(wysiwygBody, 'touchend', base.focus); - } - - var tabIndex = attr(original, 'tabindex'); - attr(sourceEditor, 'tabindex', tabIndex); - attr(wysiwygEditor, 'tabindex', tabIndex); - - rangeHelper = new RangeHelper(wysiwygWindow, null, sanitize); - - // load any textarea value into the editor - hide(original); - base.val(original.value); - - var placeholder = options.placeholder || - attr(original, 'placeholder'); - - if (placeholder) { - sourceEditor.placeholder = placeholder; - attr(wysiwygBody, 'placeholder', placeholder); - } - }; - - /** - * Initialises options - * @private - */ - initOptions = function () { - // auto-update original textbox on blur if option set to true - if (options.autoUpdate) { - on(wysiwygBody, 'blur', autoUpdate); - on(sourceEditor, 'blur', autoUpdate); - } - - if (options.rtl === null) { - options.rtl = css(sourceEditor, 'direction') === 'rtl'; - } - - base.rtl(!!options.rtl); - - if (options.autoExpand) { - // Need to update when images (or anything else) loads - on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); - on(wysiwygBody, 'input keyup', autoExpand); - } - - if (options.resizeEnabled) { - initResize(); - } - - attr(editorContainer, 'id', options.id); - base.emoticons(options.emoticonsEnabled); - }; - - /** - * Initialises events - * @private - */ - initEvents = function () { - var form = original.form; - var compositionEvents = 'compositionstart compositionend'; - var eventsToForward = - 'keydown keyup keypress focus blur contextmenu input'; - var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? - 'selectionchange' : - 'keyup focus blur contextmenu mouseup touchend click'; - - on(globalDoc, 'click', handleDocumentClick); - - if (form) { - on(form, 'reset', handleFormReset); - on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); - } - - on(window, 'pagehide', base.updateOriginal); - on(window, 'pageshow', handleFormReset); - on(wysiwygBody, 'keypress', handleKeyPress); - on(wysiwygBody, 'keydown', handleKeyDown); - on(wysiwygBody, 'keydown', handleBackSpace); - on(wysiwygBody, 'keyup', appendNewLine); - on(wysiwygBody, 'blur', valueChangedBlur); - on(wysiwygBody, 'keyup', valueChangedKeyUp); - on(wysiwygBody, 'paste', handlePasteEvt); - on(wysiwygBody, 'cut copy', handleCutCopyEvt); - on(wysiwygBody, compositionEvents, handleComposition); - on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); - on(wysiwygBody, eventsToForward, handleEvent); - - if (options.emoticonsCompat && globalWin.getSelection) { - on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); - } - - on(wysiwygBody, 'blur', function () { - if (!base.val()) { - addClass(wysiwygBody, 'placeholder'); - } - }); - - on(wysiwygBody, 'focus', function () { - removeClass(wysiwygBody, 'placeholder'); - }); - - on(sourceEditor, 'blur', valueChangedBlur); - on(sourceEditor, 'keyup', valueChangedKeyUp); - on(sourceEditor, 'keydown', handleKeyDown); - on(sourceEditor, compositionEvents, handleComposition); - on(sourceEditor, eventsToForward, handleEvent); - - on(wysiwygDocument, 'mousedown', handleMouseDown); - on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); - on(wysiwygDocument, 'keyup', appendNewLine); - - on(editorContainer, 'selectionchanged', checkNodeChanged); - on(editorContainer, 'selectionchanged', updateActiveButtons); - // Custom events to forward - on( - editorContainer, - 'selectionchanged valuechanged nodechanged pasteraw paste', - handleEvent - ); - }; - - /** - * Creates the toolbar and appends it to the container - * @private - */ - initToolBar = function () { - var group, - commands = base.commands, - exclude = (options.toolbarExclude || '').split(','), - groups = options.toolbar.split('|'); - - toolbar = createElement('div', { - className: 'sceditor-toolbar', - unselectable: 'on' - }); - - if (options.icons in SCEditor.icons) { - icons = new SCEditor.icons[options.icons](); - } - - each(groups, function (_, menuItems) { - group = createElement('div', { - className: 'sceditor-group' - }); - - each(menuItems.split(','), function (_, commandName) { - var button, shortcut, - command = commands[commandName]; - - // The commandName must be a valid command and not excluded - if (!command || exclude.indexOf(commandName) > -1) { - return; - } - - shortcut = command.shortcut; - button = _tmpl('toolbarButton', { - name: commandName, - dispName: base._(command.name || - command.tooltip || commandName) - }, true).firstChild; - - if (icons && icons.create) { - var icon = icons.create(commandName); - if (icon) { - insertBefore(icons.create(commandName), - button.firstChild); - addClass(button, 'has-icon'); - } - } - - button._sceTxtMode = !!command.txtExec; - button._sceWysiwygMode = !!command.exec; - toggleClass(button, 'disabled', !command.exec); - on(button, 'click', function (e) { - if (!hasClass(button, 'disabled')) { - handleCommand(button, command); - } - - updateActiveButtons(); - e.preventDefault(); - }); - // Prevent editor losing focus when button clicked - on(button, 'mousedown', function (e) { - base.closeDropDown(); - e.preventDefault(); - }); - - if (command.tooltip) { - attr(button, 'title', - base._(command.tooltip) + - (shortcut ? ' (' + shortcut + ')' : '') - ); - } - - if (shortcut) { - base.addShortcut(shortcut, commandName); - } - - if (command.state) { - btnStateHandlers.push({ - name: commandName, - state: command.state - }); - // exec string commands can be passed to queryCommandState - } else if (isString(command.exec)) { - btnStateHandlers.push({ - name: commandName, - state: command.exec - }); - } - - appendChild(group, button); - toolbarButtons[commandName] = button; - }); - - // Exclude empty groups - if (group.firstChild) { - appendChild(toolbar, group); - } - }); - - // Append the toolbar to the toolbarContainer option if given - appendChild(options.toolbarContainer || editorContainer, toolbar); - }; - - /** - * Creates the resizer. - * @private - */ - initResize = function () { - var minHeight, maxHeight, minWidth, maxWidth, - mouseMoveFunc, mouseUpFunc, - grip = createElement('div', { - className: 'sceditor-grip' - }), - // Cover is used to cover the editor iframe so document - // still gets mouse move events - cover = createElement('div', { - className: 'sceditor-resize-cover' - }), - moveEvents = 'touchmove mousemove', - endEvents = 'touchcancel touchend mouseup', - startX = 0, - startY = 0, - newX = 0, - newY = 0, - startWidth = 0, - startHeight = 0, - origWidth = width(editorContainer), - origHeight = height(editorContainer), - isDragging = false, - rtl = base.rtl(); - - minHeight = options.resizeMinHeight || origHeight / 1.5; - maxHeight = options.resizeMaxHeight || origHeight * 2.5; - minWidth = options.resizeMinWidth || origWidth / 1.25; - maxWidth = options.resizeMaxWidth || origWidth * 1.25; - - mouseMoveFunc = function (e) { - // iOS uses window.event - if (e.type === 'touchmove') { - e = globalWin.event; - newX = e.changedTouches[0].pageX; - newY = e.changedTouches[0].pageY; - } else { - newX = e.pageX; - newY = e.pageY; - } - - var newHeight = startHeight + (newY - startY), - newWidth = rtl ? - startWidth - (newX - startX) : - startWidth + (newX - startX); - - if (maxWidth > 0 && newWidth > maxWidth) { - newWidth = maxWidth; - } - if (minWidth > 0 && newWidth < minWidth) { - newWidth = minWidth; - } - if (!options.resizeWidth) { - newWidth = false; - } - - if (maxHeight > 0 && newHeight > maxHeight) { - newHeight = maxHeight; - } - if (minHeight > 0 && newHeight < minHeight) { - newHeight = minHeight; - } - if (!options.resizeHeight) { - newHeight = false; - } - - if (newWidth || newHeight) { - base.dimensions(newWidth, newHeight); - } - - e.preventDefault(); - }; - - mouseUpFunc = function (e) { - if (!isDragging) { - return; - } - - isDragging = false; - - hide(cover); - removeClass(editorContainer, 'resizing'); - off(globalDoc, moveEvents, mouseMoveFunc); - off(globalDoc, endEvents, mouseUpFunc); - - e.preventDefault(); - }; - - if (icons && icons.create) { - var icon = icons.create('grip'); - if (icon) { - appendChild(grip, icon); - addClass(grip, 'has-icon'); - } - } - - appendChild(editorContainer, grip); - appendChild(editorContainer, cover); - hide(cover); - - on(grip, 'touchstart mousedown', function (e) { - // iOS uses window.event - if (e.type === 'touchstart') { - e = globalWin.event; - startX = e.touches[0].pageX; - startY = e.touches[0].pageY; - } else { - startX = e.pageX; - startY = e.pageY; - } - - startWidth = width(editorContainer); - startHeight = height(editorContainer); - isDragging = true; - - addClass(editorContainer, 'resizing'); - show(cover); - on(globalDoc, moveEvents, mouseMoveFunc); - on(globalDoc, endEvents, mouseUpFunc); - - e.preventDefault(); - }); - }; - - /** - * Prefixes and preloads the emoticon images - * @private - */ - initEmoticons = function () { - var emoticons = options.emoticons; - var root = options.emoticonsRoot || ''; - - if (emoticons) { - allEmoticons = extend( - {}, emoticons.more, emoticons.dropdown, emoticons.hidden - ); - } - - each(allEmoticons, function (key, url) { - allEmoticons[key] = _tmpl('emoticon', { - key: key, - // Prefix emoticon root to emoticon urls - url: root + (url.url || url), - tooltip: url.tooltip || key - }); - - // Preload the emoticon - if (options.emoticonsEnabled) { - preLoadCache.push(createElement('img', { - src: root + (url.url || url) - })); - } - }); - }; - - /** - * Autofocus the editor - * @private - */ - autofocus = function (focusEnd) { - var range, txtPos, - node = wysiwygBody.firstChild; - - // Can't focus invisible elements - if (!isVisible(editorContainer)) { - return; - } - - if (base.sourceMode()) { - txtPos = focusEnd ? sourceEditor.value.length : 0; - - sourceEditor.setSelectionRange(txtPos, txtPos); - - return; - } - - removeWhiteSpace(wysiwygBody); - - if (focusEnd) { - if (!(node = wysiwygBody.lastChild)) { - node = createElement('p', {}, wysiwygDocument); - appendChild(wysiwygBody, node); - } - - while (node.lastChild) { - node = node.lastChild; - - // Should place the cursor before the last <br> - if (is(node, 'br') && node.previousSibling) { - node = node.previousSibling; - } - } - } - - range = wysiwygDocument.createRange(); - - if (!canHaveChildren(node)) { - range.setStartBefore(node); - - if (focusEnd) { - range.setStartAfter(node); - } - } else { - range.selectNodeContents(node); - } - - range.collapse(!focusEnd); - rangeHelper.selectRange(range); - currentSelection = range; - - if (focusEnd) { - wysiwygBody.scrollTop = wysiwygBody.scrollHeight; - } - - base.focus(); - }; - - /** - * Gets if the editor is read only - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name readOnly - * @return {boolean} - */ - /** - * Sets if the editor is read only - * - * @param {boolean} readOnly - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name readOnly^2 - * @return {this} - */ - base.readOnly = function (readOnly) { - if (typeof readOnly !== 'boolean') { - return !sourceEditor.readonly; - } - - wysiwygBody.contentEditable = !readOnly; - sourceEditor.readonly = !readOnly; - - updateToolBar(readOnly); - - return base; - }; - - /** - * Gets if the editor is in RTL mode - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name rtl - * @return {boolean} - */ - /** - * Sets if the editor is in RTL mode - * - * @param {boolean} rtl - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name rtl^2 - * @return {this} - */ - base.rtl = function (rtl) { - var dir = rtl ? 'rtl' : 'ltr'; - - if (typeof rtl !== 'boolean') { - return attr(sourceEditor, 'dir') === 'rtl'; - } - - attr(wysiwygBody, 'dir', dir); - attr(sourceEditor, 'dir', dir); - - removeClass(editorContainer, 'rtl'); - removeClass(editorContainer, 'ltr'); - addClass(editorContainer, dir); - - if (icons && icons.rtl) { - icons.rtl(rtl); - } - - return base; - }; - - /** - * Updates the toolbar to disable/enable the appropriate buttons - * @private - */ - updateToolBar = function (disable) { - var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; - - each(toolbarButtons, function (_, button) { - toggleClass(button, 'disabled', disable || !button[mode]); - }); - }; - - /** - * Gets the width of the editor in pixels - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name width - * @return {number} - */ - /** - * Sets the width of the editor - * - * @param {number} width Width in pixels - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name width^2 - * @return {this} - */ - /** - * Sets the width of the editor - * - * The saveWidth specifies if to save the width. The stored width can be - * used for things like restoring from maximized state. - * - * @param {number} width Width in pixels - * @param {boolean} [saveWidth=true] If to store the width - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name width^3 - * @return {this} - */ - base.width = function (width$1, saveWidth) { - if (!width$1 && width$1 !== 0) { - return width(editorContainer); - } - - base.dimensions(width$1, null, saveWidth); - - return base; - }; - - /** - * Returns an object with the properties width and height - * which are the width and height of the editor in px. - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions - * @return {object} - */ - /** - * <p>Sets the width and/or height of the editor.</p> - * - * <p>If width or height is not numeric it is ignored.</p> - * - * @param {number} width Width in px - * @param {number} height Height in px - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions^2 - * @return {this} - */ - /** - * <p>Sets the width and/or height of the editor.</p> - * - * <p>If width or height is not numeric it is ignored.</p> - * - * <p>The save argument specifies if to save the new sizes. - * The saved sizes can be used for things like restoring from - * maximized state. This should normally be left as true.</p> - * - * @param {number} width Width in px - * @param {number} height Height in px - * @param {boolean} [save=true] If to store the new sizes - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions^3 - * @return {this} - */ - base.dimensions = function (width$1, height$1, save) { - // set undefined width/height to boolean false - width$1 = (!width$1 && width$1 !== 0) ? false : width$1; - height$1 = (!height$1 && height$1 !== 0) ? false : height$1; - - if (width$1 === false && height$1 === false) { - return { width: base.width(), height: base.height() }; - } - - if (width$1 !== false) { - if (save !== false) { - options.width = width$1; - } - - width(editorContainer, width$1); - } - - if (height$1 !== false) { - if (save !== false) { - options.height = height$1; - } - - height(editorContainer, height$1); - } - - return base; - }; - - /** - * Gets the height of the editor in px - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name height - * @return {number} - */ - /** - * Sets the height of the editor - * - * @param {number} height Height in px - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name height^2 - * @return {this} - */ - /** - * Sets the height of the editor - * - * The saveHeight specifies if to save the height. - * - * The stored height can be used for things like - * restoring from maximized state. - * - * @param {number} height Height in px - * @param {boolean} [saveHeight=true] If to store the height - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name height^3 - * @return {this} - */ - base.height = function (height$1, saveHeight) { - if (!height$1 && height$1 !== 0) { - return height(editorContainer); - } - - base.dimensions(null, height$1, saveHeight); - - return base; - }; - - /** - * Gets if the editor is maximised or not - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name maximize - * @return {boolean} - */ - /** - * Sets if the editor is maximised or not - * - * @param {boolean} maximize If to maximise the editor - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name maximize^2 - * @return {this} - */ - base.maximize = function (maximize) { - var maximizeSize = 'sceditor-maximize'; - - if (isUndefined(maximize)) { - return hasClass(editorContainer, maximizeSize); - } - - maximize = !!maximize; - - if (maximize) { - maximizeScrollPosition = globalWin.pageYOffset; - } - - toggleClass(globalDoc.documentElement, maximizeSize, maximize); - toggleClass(globalDoc.body, maximizeSize, maximize); - toggleClass(editorContainer, maximizeSize, maximize); - base.width(maximize ? '100%' : options.width, false); - base.height(maximize ? '100%' : options.height, false); - - if (!maximize) { - globalWin.scrollTo(0, maximizeScrollPosition); - } - - autoExpand(); - - return base; - }; - - autoExpand = function () { - if (options.autoExpand && !autoExpandThrottle) { - autoExpandThrottle = setTimeout(base.expandToContent, 200); - } - }; - - /** - * Expands or shrinks the editors height to the height of it's content - * - * Unless ignoreMaxHeight is set to true it will not expand - * higher than the maxHeight option. - * - * @since 1.3.5 - * @param {boolean} [ignoreMaxHeight=false] - * @function - * @name expandToContent - * @memberOf SCEditor.prototype - * @see #resizeToContent - */ - base.expandToContent = function (ignoreMaxHeight) { - if (base.maximize()) { - return; - } - - clearTimeout(autoExpandThrottle); - autoExpandThrottle = false; - - if (!autoExpandBounds) { - var height$1 = options.resizeMinHeight || options.height || - height(original); - - autoExpandBounds = { - min: height$1, - max: options.resizeMaxHeight || (height$1 * 2) - }; - } - - var range = globalDoc.createRange(); - range.selectNodeContents(wysiwygBody); - - var rect = range.getBoundingClientRect(); - var current = wysiwygDocument.documentElement.clientHeight - 1; - var spaceNeeded = rect.bottom - rect.top; - var newHeight = base.height() + 1 + (spaceNeeded - current); - - if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { - newHeight = Math.min(newHeight, autoExpandBounds.max); - } - - base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); - }; - - /** - * Destroys the editor, removing all elements and - * event handlers. - * - * Leaves only the original textarea. - * - * @function - * @name destroy - * @memberOf SCEditor.prototype - */ - base.destroy = function () { - // Don't destroy if the editor has already been destroyed - if (!pluginManager) { - return; - } - - pluginManager.destroy(); - - rangeHelper = null; - pluginManager = null; - - if (dropdown) { - remove(dropdown); - } - - off(globalDoc, 'click', handleDocumentClick); - - var form = original.form; - if (form) { - off(form, 'reset', handleFormReset); - off(form, 'submit', base.updateOriginal, EVENT_CAPTURE); - } - - off(window, 'pagehide', base.updateOriginal); - off(window, 'pageshow', handleFormReset); - remove(sourceEditor); - remove(toolbar); - remove(editorContainer); - - delete original._sceditor; - show(original); - - original.required = isRequired; - }; - - - /** - * Creates a menu item drop down - * - * @param {HTMLElement} menuItem The button to align the dropdown with - * @param {string} name Used for styling the dropdown, will be - * a class sceditor-name - * @param {HTMLElement} content The HTML content of the dropdown - * @function - * @name createDropDown - * @memberOf SCEditor.prototype - */ - base.createDropDown = function (menuItem, name, content) { - // first click for create second click for close - var dropDownCss, - dropDownClass = 'sceditor-' + name; - - base.closeDropDown(); - - // Only close the dropdown if it was already open - if (dropdown && hasClass(dropdown, dropDownClass)) { - return; - } - - dropDownCss = extend({ - top: menuItem.offsetTop, - left: menuItem.offsetLeft, - marginTop: menuItem.clientHeight - }, options.dropDownCss); - - dropdown = createElement('div', { - className: 'sceditor-dropdown ' + dropDownClass - }); - - css(dropdown, dropDownCss); - appendChild(dropdown, content); - appendChild(editorContainer, dropdown); - on(dropdown, 'click focusin', function (e) { - // stop clicks within the dropdown from being handled - e.stopPropagation(); - }); - - if (dropdown) { - var first = find(dropdown, 'input,textarea')[0]; - if (first) { - first.focus(); - } - } - }; - - /** - * Handles any document click and closes the dropdown if open - * @private - */ - handleDocumentClick = function (e) { - // ignore right clicks - if (e.which !== 3 && dropdown && !e.defaultPrevented) { - autoUpdate(); - - base.closeDropDown(); - } - }; - - /** - * Handles the WYSIWYG editors cut & copy events - * - * By default browsers also copy inherited styling from the stylesheet and - * browser default styling which is unnecessary. - * - * This will ignore inherited styles and only copy inline styling. - * @private - */ - handleCutCopyEvt = function (e) { - var range = rangeHelper.selectedRange(); - if (range) { - var container = createElement('div', {}, wysiwygDocument); - var firstParent; - - // Copy all inline parent nodes up to the first block parent so can - // copy inline styles - var parent = range.commonAncestorContainer; - while (parent && isInline(parent, true)) { - if (parent.nodeType === ELEMENT_NODE) { - var clone = parent.cloneNode(); - if (container.firstChild) { - appendChild(clone, container.firstChild); - } - - appendChild(container, clone); - firstParent = firstParent || clone; - } - parent = parent.parentNode; - } - - appendChild(firstParent || container, range.cloneContents()); - removeWhiteSpace(container); - - e.clipboardData.setData('text/html', container.innerHTML); - - // TODO: Refactor into private shared module with plaintext plugin - // innerText adds two newlines after <p> tags so convert them to - // <div> tags - each(find(container, 'p'), function (_, elm) { - convertElement(elm, 'div'); - }); - // Remove collapsed <br> tags as innerText converts them to newlines - each(find(container, 'br'), function (_, elm) { - if (!elm.nextSibling || !isInline(elm.nextSibling, true)) { - remove(elm); - } - }); - - // range.toString() doesn't include newlines so can't use that. - // selection.toString() seems to use the same method as innerText - // but needs to be normalised first so using container.innerText - appendChild(wysiwygBody, container); - e.clipboardData.setData('text/plain', container.innerText); - remove(container); - - if (e.type === 'cut') { - range.deleteContents(); - } - - e.preventDefault(); - } - }; - - /** - * Handles the WYSIWYG editors paste event - * @private - */ - handlePasteEvt = function (e) { - var editable = wysiwygBody; - var clipboard = e.clipboardData; - var loadImage = function (file) { - var reader = new FileReader(); - reader.onload = function (e) { - handlePasteData({ - html: '<img src="' + e.target.result + '" />' - }); - }; - reader.readAsDataURL(file); - }; - - // Modern browsers with clipboard API - everything other than _very_ - // old android web views and UC browser which doesn't support the - // paste event at all. - if (clipboard) { - var data = {}; - var types = clipboard.types; - var items = clipboard.items; - - e.preventDefault(); - - for (var i = 0; i < types.length; i++) { - // Word sometimes adds copied text as an image so if HTML - // exists prefer that over images - if (types.indexOf('text/html') < 0) { - // Normalise image pasting to paste as a data-uri - if (globalWin.FileReader && items && - IMAGE_MIME_REGEX.test(items[i].type)) { - return loadImage(clipboard.items[i].getAsFile()); - } - } - - data[types[i]] = clipboard.getData(types[i]); - } - // Call plugins here with file? - data.text = data['text/plain']; - data.html = sanitize(data['text/html']); - - handlePasteData(data); - // If contentsFragment exists then we are already waiting for a - // previous paste so let the handler for that handle this one too - } else if (!pasteContentFragment) { - // Save the scroll position so can be restored - // when contents is restored - var scrollTop = editable.scrollTop; - - rangeHelper.saveRange(); - - pasteContentFragment = globalDoc.createDocumentFragment(); - while (editable.firstChild) { - appendChild(pasteContentFragment, editable.firstChild); - } - - setTimeout(function () { - var html = editable.innerHTML; - - editable.innerHTML = ''; - appendChild(editable, pasteContentFragment); - editable.scrollTop = scrollTop; - pasteContentFragment = false; - - rangeHelper.restoreRange(); - - handlePasteData({ html: sanitize(html) }); - }, 0); - } - }; - - /** - * Gets the pasted data, filters it and then inserts it. - * @param {Object} data - * @private - */ - handlePasteData = function (data) { - var pasteArea = createElement('div', {}, wysiwygDocument); - - pluginManager.call('pasteRaw', data); - trigger(editorContainer, 'pasteraw', data); - - if (data.html) { - // Sanitize again in case plugins modified the HTML - pasteArea.innerHTML = sanitize(data.html); - - // fix any invalid nesting - fixNesting(pasteArea); - } else { - pasteArea.innerHTML = entities(data.text || ''); - } - - var paste = { - val: pasteArea.innerHTML - }; - - if ('fragmentToSource' in format) { - paste.val = format - .fragmentToSource(paste.val, wysiwygDocument, currentNode); - } - - pluginManager.call('paste', paste); - trigger(editorContainer, 'paste', paste); - - if ('fragmentToHtml' in format) { - paste.val = format - .fragmentToHtml(paste.val, currentNode); - } - - pluginManager.call('pasteHtml', paste); - - var parent = rangeHelper.getFirstBlockParent(); - base.wysiwygEditorInsertHtml(paste.val, null, true); - merge(parent); - }; - - /** - * Closes any currently open drop down - * - * @param {boolean} [focus=false] If to focus the editor - * after closing the drop down - * @function - * @name closeDropDown - * @memberOf SCEditor.prototype - */ - base.closeDropDown = function (focus) { - if (dropdown) { - remove(dropdown); - dropdown = null; - } - - if (focus === true) { - base.focus(); - } - }; - - - /** - * Inserts HTML into WYSIWYG editor. - * - * If endHtml is specified, any selected text will be placed - * between html and endHtml. If there is no selected text html - * and endHtml will just be concatenate together. - * - * @param {string} html - * @param {string} [endHtml=null] - * @param {boolean} [overrideCodeBlocking=false] If to insert the html - * into code tags, by - * default code tags only - * support text. - * @function - * @name wysiwygEditorInsertHtml - * @memberOf SCEditor.prototype - */ - base.wysiwygEditorInsertHtml = function ( - html, endHtml, overrideCodeBlocking - ) { - var marker, scrollTop, scrollTo, - editorHeight = height(wysiwygEditor); - - base.focus(); - - // TODO: This code tag should be configurable and - // should maybe convert the HTML into text instead - // Don't apply to code elements - if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { - return; - } - - // Insert the HTML and save the range so the editor can be scrolled - // to the end of the selection. Also allows emoticons to be replaced - // without affecting the cursor position - rangeHelper.insertHTML(html, endHtml); - rangeHelper.saveRange(); - replaceEmoticons(); - - // Fix any invalid nesting, e.g. if a quote or other block is inserted - // into a paragraph - fixNesting(wysiwygBody); - - // Scroll the editor after the end of the selection - marker = find(wysiwygBody, '#sceditor-end-marker')[0]; - show(marker); - scrollTop = wysiwygBody.scrollTop; - scrollTo = (getOffset(marker).top + - (marker.offsetHeight * 1.5)) - editorHeight; - hide(marker); - - // Only scroll if marker isn't already visible - if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { - wysiwygBody.scrollTop = scrollTo; - } - - triggerValueChanged(false); - rangeHelper.restoreRange(); - - // Add a new line after the last block element - // so can always add text after it - appendNewLine(); - }; - - /** - * Like wysiwygEditorInsertHtml except it will convert any HTML - * into text before inserting it. - * - * @param {string} text - * @param {string} [endText=null] - * @function - * @name wysiwygEditorInsertText - * @memberOf SCEditor.prototype - */ - base.wysiwygEditorInsertText = function (text, endText) { - base.wysiwygEditorInsertHtml( - entities(text), entities(endText) - ); - }; - - /** - * Inserts text into the WYSIWYG or source editor depending on which - * mode the editor is in. - * - * If endText is specified any selected text will be placed between - * text and endText. If no text is selected text and endText will - * just be concatenate together. - * - * @param {string} text - * @param {string} [endText=null] - * @since 1.3.5 - * @function - * @name insertText - * @memberOf SCEditor.prototype - */ - base.insertText = function (text, endText) { - if (base.inSourceMode()) { - base.sourceEditorInsertText(text, endText); - } else { - base.wysiwygEditorInsertText(text, endText); - } - - return base; - }; - - /** - * Like wysiwygEditorInsertHtml but inserts text into the - * source mode editor instead. - * - * If endText is specified any selected text will be placed between - * text and endText. If no text is selected text and endText will - * just be concatenate together. - * - * The cursor will be placed after the text param. If endText is - * specified the cursor will be placed before endText, so passing:<br /> - * - * '[b]', '[/b]' - * - * Would cause the cursor to be placed:<br /> - * - * [b]Selected text|[/b] - * - * @param {string} text - * @param {string} [endText=null] - * @since 1.4.0 - * @function - * @name sourceEditorInsertText - * @memberOf SCEditor.prototype - */ - base.sourceEditorInsertText = function (text, endText) { - var scrollTop, currentValue, - startPos = sourceEditor.selectionStart, - endPos = sourceEditor.selectionEnd; - - scrollTop = sourceEditor.scrollTop; - sourceEditor.focus(); - currentValue = sourceEditor.value; - - if (endText) { - text += currentValue.substring(startPos, endPos) + endText; - } - - sourceEditor.value = currentValue.substring(0, startPos) + - text + - currentValue.substring(endPos, currentValue.length); - - sourceEditor.selectionStart = (startPos + text.length) - - (endText ? endText.length : 0); - sourceEditor.selectionEnd = sourceEditor.selectionStart; - - sourceEditor.scrollTop = scrollTop; - sourceEditor.focus(); - - triggerValueChanged(); - }; - - /** - * Gets the current instance of the rangeHelper class - * for the editor. - * - * @return {RangeHelper} - * @function - * @name getRangeHelper - * @memberOf SCEditor.prototype - */ - base.getRangeHelper = function () { - return rangeHelper; - }; - - /** - * Gets or sets the source editor caret position. - * - * @param {Object} [position] - * @return {this} - * @function - * @since 1.4.5 - * @name sourceEditorCaret - * @memberOf SCEditor.prototype - */ - base.sourceEditorCaret = function (position) { - sourceEditor.focus(); - - if (position) { - sourceEditor.selectionStart = position.start; - sourceEditor.selectionEnd = position.end; - - return this; - } - - return { - start: sourceEditor.selectionStart, - end: sourceEditor.selectionEnd - }; - }; - - /** - * Gets the value of the editor. - * - * If the editor is in WYSIWYG mode it will return the filtered - * HTML from it (converted to BBCode if using the BBCode plugin). - * It it's in Source Mode it will return the unfiltered contents - * of the source editor (if using the BBCode plugin this will be - * BBCode again). - * - * @since 1.3.5 - * @return {string} - * @function - * @name val - * @memberOf SCEditor.prototype - */ - /** - * Sets the value of the editor. - * - * If filter set true the val will be passed through the filter - * function. If using the BBCode plugin it will pass the val to - * the BBCode filter to convert any BBCode into HTML. - * - * @param {string} val - * @param {boolean} [filter=true] - * @return {this} - * @since 1.3.5 - * @function - * @name val^2 - * @memberOf SCEditor.prototype - */ - base.val = function (val, filter) { - if (!isString(val)) { - return base.inSourceMode() ? - base.getSourceEditorValue(false) : - base.getWysiwygEditorValue(filter); - } - - if (!base.inSourceMode()) { - if (filter !== false && 'toHtml' in format) { - val = format.toHtml(val); - } - - base.setWysiwygEditorValue(val); - } else { - base.setSourceEditorValue(val); - } - - return base; - }; - - /** - * Inserts HTML/BBCode into the editor - * - * If end is supplied any selected text will be placed between - * start and end. If there is no selected text start and end - * will be concatenate together. - * - * If the filter param is set to true, the HTML/BBCode will be - * passed through any plugin filters. If using the BBCode plugin - * this will convert any BBCode into HTML. - * - * @param {string} start - * @param {string} [end=null] - * @param {boolean} [filter=true] - * @param {boolean} [convertEmoticons=true] If to convert emoticons - * @return {this} - * @since 1.3.5 - * @function - * @name insert - * @memberOf SCEditor.prototype - */ - /** - * Inserts HTML/BBCode into the editor - * - * If end is supplied any selected text will be placed between - * start and end. If there is no selected text start and end - * will be concatenate together. - * - * If the filter param is set to true, the HTML/BBCode will be - * passed through any plugin filters. If using the BBCode plugin - * this will convert any BBCode into HTML. - * - * If the allowMixed param is set to true, HTML any will not be - * escaped - * - * @param {string} start - * @param {string} [end=null] - * @param {boolean} [filter=true] - * @param {boolean} [convertEmoticons=true] If to convert emoticons - * @param {boolean} [allowMixed=false] - * @return {this} - * @since 1.4.3 - * @function - * @name insert^2 - * @memberOf SCEditor.prototype - */ - // eslint-disable-next-line max-params - base.insert = function ( - start, end, filter, convertEmoticons, allowMixed - ) { - if (base.inSourceMode()) { - base.sourceEditorInsertText(start, end); - return base; - } - - // Add the selection between start and end - if (end) { - var html = rangeHelper.selectedHtml(); - - if (filter !== false && 'fragmentToSource' in format) { - html = format - .fragmentToSource(html, wysiwygDocument, currentNode); - } - - start += html + end; - } - // TODO: This filter should allow empty tags as it's inserting. - if (filter !== false && 'fragmentToHtml' in format) { - start = format.fragmentToHtml(start, currentNode); - } - - // Convert any escaped HTML back into HTML if mixed is allowed - if (filter !== false && allowMixed === true) { - start = start.replace(/</g, '<') - .replace(/>/g, '>') - .replace(/&/g, '&'); - } - - base.wysiwygEditorInsertHtml(start); - - return base; - }; - - /** - * Gets the WYSIWYG editors HTML value. - * - * If using a plugin that filters the Ht Ml like the BBCode plugin - * it will return the result of the filtering (BBCode) unless the - * filter param is set to false. - * - * @param {boolean} [filter=true] - * @return {string} - * @function - * @name getWysiwygEditorValue - * @memberOf SCEditor.prototype - */ - base.getWysiwygEditorValue = function (filter) { - var html; - // Create a tmp node to store contents so it can be modified - // without affecting anything else. - var tmp = createElement('div', {}, wysiwygDocument); - var childNodes = wysiwygBody.childNodes; - - for (var i = 0; i < childNodes.length; i++) { - appendChild(tmp, childNodes[i].cloneNode(true)); - } - - appendChild(wysiwygBody, tmp); - fixNesting(tmp); - remove(tmp); - - html = tmp.innerHTML; - - // filter the HTML and DOM through any plugins - if (filter !== false && format.hasOwnProperty('toSource')) { - html = format.toSource(html, wysiwygDocument); - } - - return html; - }; - - /** - * Gets the WYSIWYG editor's iFrame Body. - * - * @return {HTMLElement} - * @function - * @since 1.4.3 - * @name getBody - * @memberOf SCEditor.prototype - */ - base.getBody = function () { - return wysiwygBody; - }; - - /** - * Gets the WYSIWYG editors container area (whole iFrame). - * - * @return {HTMLElement} - * @function - * @since 1.4.3 - * @name getContentAreaContainer - * @memberOf SCEditor.prototype - */ - base.getContentAreaContainer = function () { - return wysiwygEditor; - }; - - /** - * Gets the text editor value - * - * If using a plugin that filters the text like the BBCode plugin - * it will return the result of the filtering which is BBCode to - * HTML so it will return HTML. If filter is set to false it will - * just return the contents of the source editor (BBCode). - * - * @param {boolean} [filter=true] - * @return {string} - * @function - * @since 1.4.0 - * @name getSourceEditorValue - * @memberOf SCEditor.prototype - */ - base.getSourceEditorValue = function (filter) { - var val = sourceEditor.value; - - if (filter !== false && 'toHtml' in format) { - val = format.toHtml(val); - } - - return val; - }; - - /** - * Sets the WYSIWYG HTML editor value. Should only be the HTML - * contained within the body tags - * - * @param {string} value - * @function - * @name setWysiwygEditorValue - * @memberOf SCEditor.prototype - */ - base.setWysiwygEditorValue = function (value) { - if (!value) { - value = '<p><br /></p>'; - } - - wysiwygBody.innerHTML = sanitize(value); - replaceEmoticons(); - - appendNewLine(); - triggerValueChanged(); - autoExpand(); - }; - - /** - * Sets the text editor value - * - * @param {string} value - * @function - * @name setSourceEditorValue - * @memberOf SCEditor.prototype - */ - base.setSourceEditorValue = function (value) { - sourceEditor.value = value; - - triggerValueChanged(); - }; - - /** - * Updates the textarea that the editor is replacing - * with the value currently inside the editor. - * - * @function - * @name updateOriginal - * @since 1.4.0 - * @memberOf SCEditor.prototype - */ - base.updateOriginal = function () { - original.value = base.val(); - }; - - /** - * Replaces any emoticon codes in the passed HTML - * with their emoticon images - * @private - */ - replaceEmoticons = function () { - if (options.emoticonsEnabled) { - replace(wysiwygBody, allEmoticons, options.emoticonsCompat); - } - }; - - /** - * If the editor is in source code mode - * - * @return {boolean} - * @function - * @name inSourceMode - * @memberOf SCEditor.prototype - */ - base.inSourceMode = function () { - return hasClass(editorContainer, 'sourceMode'); - }; - - /** - * Gets if the editor is in sourceMode - * - * @return boolean - * @function - * @name sourceMode - * @memberOf SCEditor.prototype - */ - /** - * Sets if the editor is in sourceMode - * - * @param {boolean} enable - * @return {this} - * @function - * @name sourceMode^2 - * @memberOf SCEditor.prototype - */ - base.sourceMode = function (enable) { - var inSourceMode = base.inSourceMode(); - - if (typeof enable !== 'boolean') { - return inSourceMode; - } - - if ((inSourceMode && !enable) || (!inSourceMode && enable)) { - base.toggleSourceMode(); - } - - return base; - }; - - /** - * Switches between the WYSIWYG and source modes - * - * @function - * @name toggleSourceMode - * @since 1.4.0 - * @memberOf SCEditor.prototype - */ - base.toggleSourceMode = function () { - var isInSourceMode = base.inSourceMode(); - - // don't allow switching to WYSIWYG if doesn't support it - if (!isWysiwygSupported && isInSourceMode) { - return; - } - - if (!isInSourceMode) { - rangeHelper.saveRange(); - rangeHelper.clear(); - } - - currentSelection = null; - base.blur(); - - if (isInSourceMode) { - base.setWysiwygEditorValue(base.getSourceEditorValue()); - } else { - base.setSourceEditorValue(base.getWysiwygEditorValue()); - } - - toggle(sourceEditor); - toggle(wysiwygEditor); - - toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); - toggleClass(editorContainer, 'sourceMode', !isInSourceMode); - - updateToolBar(); - updateActiveButtons(); - }; - - /** - * Gets the selected text of the source editor - * @return {string} - * @private - */ - sourceEditorSelectedText = function () { - sourceEditor.focus(); - - return sourceEditor.value.substring( - sourceEditor.selectionStart, - sourceEditor.selectionEnd - ); - }; - - /** - * Handles the passed command - * @private - */ - handleCommand = function (caller, cmd) { - // check if in text mode and handle text commands - if (base.inSourceMode()) { - if (cmd.txtExec) { - if (Array.isArray(cmd.txtExec)) { - base.sourceEditorInsertText.apply(base, cmd.txtExec); - } else { - cmd.txtExec.call(base, caller, sourceEditorSelectedText()); - } - } - } else if (cmd.exec) { - if (isFunction(cmd.exec)) { - cmd.exec.call(base, caller); - } else { - base.execCommand( - cmd.exec, - cmd.hasOwnProperty('execParam') ? cmd.execParam : null - ); - } - } - - }; - - /** - * Executes a command on the WYSIWYG editor - * - * @param {string} command - * @param {String|Boolean} [param] - * @function - * @name execCommand - * @memberOf SCEditor.prototype - */ - base.execCommand = function (command, param) { - var executed = false, - commandObj = base.commands[command]; - - base.focus(); - - // TODO: make configurable - // don't apply any commands to code elements - if (closest(rangeHelper.parentNode(), 'code')) { - return; - } - - try { - executed = wysiwygDocument.execCommand(command, false, param); - } catch (ex) { } - - // show error if execution failed and an error message exists - if (!executed && commandObj && commandObj.errorMessage) { - /*global alert:false*/ - alert(base._(commandObj.errorMessage)); - } - - updateActiveButtons(); - }; - - /** - * Checks if the current selection has changed and triggers - * the selectionchanged event if it has. - * - * In browsers other that don't support selectionchange event it will check - * at most once every 100ms. - * @private - */ - checkSelectionChanged = function () { - function check() { - // Don't create new selection if there isn't one (like after - // blur event in iOS) - if (wysiwygWindow.getSelection() && - wysiwygWindow.getSelection().rangeCount <= 0) { - currentSelection = null; - // rangeHelper could be null if editor was destroyed - // before the timeout had finished - } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { - currentSelection = rangeHelper.cloneSelected(); - - // If the selection is in an inline wrap it in a block. - // Fixes #331 - if (currentSelection && currentSelection.collapsed) { - var parent = currentSelection.startContainer; - var offset = currentSelection.startOffset; - - // Handle if selection is placed before/after an element - if (offset && parent.nodeType !== TEXT_NODE) { - parent = parent.childNodes[offset]; - } - - while (parent && parent.parentNode !== wysiwygBody) { - parent = parent.parentNode; - } - - if (parent && isInline(parent, true)) { - rangeHelper.saveRange(); - wrapInlines(wysiwygBody, wysiwygDocument); - rangeHelper.restoreRange(); - } - } - - trigger(editorContainer, 'selectionchanged'); - } - - isSelectionCheckPending = false; - } - - if (isSelectionCheckPending) { - return; - } - - isSelectionCheckPending = true; - - // Don't need to limit checking if browser supports the Selection API - if ('onselectionchange' in wysiwygDocument) { - check(); - } else { - setTimeout(check, 100); - } - }; - - /** - * Checks if the current node has changed and triggers - * the nodechanged event if it has - * @private - */ - checkNodeChanged = function () { - // check if node has changed - var oldNode, - node = rangeHelper.parentNode(); - - if (currentNode !== node) { - oldNode = currentNode; - currentNode = node; - currentBlockNode = rangeHelper.getFirstBlockParent(node); - - trigger(editorContainer, 'nodechanged', { - oldNode: oldNode, - newNode: currentNode - }); - } - }; - - /** - * Gets the current node that contains the selection/caret in - * WYSIWYG mode. - * - * Will be null in sourceMode or if there is no selection. - * - * @return {?Node} - * @function - * @name currentNode - * @memberOf SCEditor.prototype - */ - base.currentNode = function () { - return currentNode; - }; - - /** - * Gets the first block level node that contains the - * selection/caret in WYSIWYG mode. - * - * Will be null in sourceMode or if there is no selection. - * - * @return {?Node} - * @function - * @name currentBlockNode - * @memberOf SCEditor.prototype - * @since 1.4.4 - */ - base.currentBlockNode = function () { - return currentBlockNode; - }; - - /** - * Updates if buttons are active or not - * @private - */ - updateActiveButtons = function () { - var firstBlock, parent; - var activeClass = 'active'; - var doc = wysiwygDocument; - var isSource = base.sourceMode(); - - if (base.readOnly()) { - each(find(toolbar, activeClass), function (_, menuItem) { - removeClass(menuItem, activeClass); - }); - return; - } - - if (!isSource) { - parent = rangeHelper.parentNode(); - firstBlock = rangeHelper.getFirstBlockParent(parent); - } - - for (var j = 0; j < btnStateHandlers.length; j++) { - var state = 0; - var btn = toolbarButtons[btnStateHandlers[j].name]; - var stateFn = btnStateHandlers[j].state; - var isDisabled = (isSource && !btn._sceTxtMode) || - (!isSource && !btn._sceWysiwygMode); - - if (isString(stateFn)) { - if (!isSource) { - try { - state = doc.queryCommandEnabled(stateFn) ? 0 : -1; - - // eslint-disable-next-line max-depth - if (state > -1) { - state = doc.queryCommandState(stateFn) ? 1 : 0; - } - } catch (ex) {} - } - } else if (!isDisabled) { - state = stateFn.call(base, parent, firstBlock); - } - - toggleClass(btn, 'disabled', isDisabled || state < 0); - toggleClass(btn, activeClass, state > 0); - } - - if (icons && icons.update) { - icons.update(isSource, parent, firstBlock); - } - }; - - /** - * Handles any key press in the WYSIWYG editor - * - * @private - */ - handleKeyPress = function (e) { - // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 - if (e.defaultPrevented) { - return; - } - - base.closeDropDown(); - - // 13 = enter key - if (e.which === 13) { - var LIST_TAGS = 'li,ul,ol'; - - // "Fix" (cludge) for blocklevel elements being duplicated in some - // browsers when enter is pressed instead of inserting a newline - if (!is(currentBlockNode, LIST_TAGS) && - hasStyling(currentBlockNode)) { - - var br = createElement('br', {}, wysiwygDocument); - rangeHelper.insertNode(br); - - // Last <br> of a block will be collapsed so need to make sure - // the <br> that was inserted isn't the last node of a block. - var parent = br.parentNode; - var lastChild = parent.lastChild; - - // Sometimes an empty next node is created after the <br> - if (lastChild && lastChild.nodeType === TEXT_NODE && - lastChild.nodeValue === '') { - remove(lastChild); - lastChild = parent.lastChild; - } - - // If this is the last BR of a block and the previous - // sibling is inline then will need an extra BR. This - // is needed because the last BR of a block will be - // collapsed. Fixes issue #248 - if (!isInline(parent, true) && lastChild === br && - isInline(br.previousSibling)) { - rangeHelper.insertHTML('<br>'); - } - - e.preventDefault(); - } - } - }; - - /** - * Makes sure that if there is a code or quote tag at the - * end of the editor, that there is a new line after it. - * - * If there wasn't a new line at the end you wouldn't be able - * to enter any text after a code/quote tag - * @return {void} - * @private - */ - appendNewLine = function () { - // Check all nodes in reverse until either add a new line - // or reach a non-empty textnode or BR at which point can - // stop checking. - rTraverse(wysiwygBody, function (node) { - // Last block, add new line after if has styling - if (node.nodeType === ELEMENT_NODE && - !/inline/.test(css(node, 'display'))) { - - // Add line break after if has styling - if (!is(node, '.sceditor-nlf') && hasStyling(node)) { - var paragraph = createElement('p', {}, wysiwygDocument); - paragraph.className = 'sceditor-nlf'; - paragraph.innerHTML = '<br />'; - appendChild(wysiwygBody, paragraph); - return false; - } - } - - // Last non-empty text node or line break. - // No need to add line-break after them - if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || - is(node, 'br')) { - return false; - } - }); - }; - - /** - * Handles form reset event - * @private - */ - handleFormReset = function () { - base.val(original.value); - }; - - /** - * Handles any mousedown press in the WYSIWYG editor - * @private - */ - handleMouseDown = function () { - base.closeDropDown(); - }; - - /** - * Translates the string into the locale language. - * - * Replaces any {0}, {1}, {2}, ect. with the params provided. - * - * @param {string} str - * @param {...String} args - * @return {string} - * @function - * @name _ - * @memberOf SCEditor.prototype - */ - base._ = function () { - var undef, - args = arguments; - - if (locale && locale[args[0]]) { - args[0] = locale[args[0]]; - } - - return args[0].replace(/\{(\d+)\}/g, function (str, p1) { - return args[p1 - 0 + 1] !== undef ? - args[p1 - 0 + 1] : - '{' + p1 + '}'; - }); - }; - - /** - * Passes events on to any handlers - * @private - * @return void - */ - handleEvent = function (e) { - if (pluginManager) { - // Send event to all plugins - pluginManager.call(e.type + 'Event', e, base); - } - - // convert the event into a custom event to send - var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; - - if (eventHandlers[name]) { - eventHandlers[name].forEach(function (fn) { - fn.call(base, e); - }); - } - }; - - /** - * Binds a handler to the specified events - * - * This function only binds to a limited list of - * supported events. - * - * The supported events are: - * - * * keyup - * * keydown - * * Keypress - * * blur - * * focus - * * input - * * nodechanged - When the current node containing - * the selection changes in WYSIWYG mode - * * contextmenu - * * selectionchanged - * * valuechanged - * - * - * The events param should be a string containing the event(s) - * to bind this handler to. If multiple, they should be separated - * by spaces. - * - * @param {string} events - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name bind - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.bind = function (events, handler, excludeWysiwyg, excludeSource) { - events = events.split(' '); - - var i = events.length; - while (i--) { - if (isFunction(handler)) { - var wysEvent = 'scewys' + events[i]; - var srcEvent = 'scesrc' + events[i]; - // Use custom events to allow passing the instance as the - // 2nd argument. - // Also allows unbinding without unbinding the editors own - // event handlers. - if (!excludeWysiwyg) { - eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; - eventHandlers[wysEvent].push(handler); - } - - if (!excludeSource) { - eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; - eventHandlers[srcEvent].push(handler); - } - - // Start sending value changed events - if (events[i] === 'valuechanged') { - triggerValueChanged.hasHandler = true; - } - } - } - - return base; - }; - - /** - * Unbinds an event that was bound using bind(). - * - * @param {string} events - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude unbinding this - * handler from the WYSIWYG editor - * @param {boolean} excludeSource if to exclude unbinding this - * handler from the source editor - * @return {this} - * @function - * @name unbind - * @memberOf SCEditor.prototype - * @since 1.4.1 - * @see bind - */ - base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { - events = events.split(' '); - - var i = events.length; - while (i--) { - if (isFunction(handler)) { - if (!excludeWysiwyg) { - arrayRemove( - eventHandlers['scewys' + events[i]] || [], handler); - } - - if (!excludeSource) { - arrayRemove( - eventHandlers['scesrc' + events[i]] || [], handler); - } - } - } - - return base; - }; - - /** - * Blurs the editors input area - * - * @return {this} - * @function - * @name blur - * @memberOf SCEditor.prototype - * @since 1.3.6 - */ - /** - * Adds a handler to the editors blur event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name blur^2 - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.blur = function (handler, excludeWysiwyg, excludeSource) { - if (isFunction(handler)) { - base.bind('blur', handler, excludeWysiwyg, excludeSource); - } else if (!base.sourceMode()) { - wysiwygBody.blur(); - } else { - sourceEditor.blur(); - } - - return base; - }; - - /** - * Focuses the editors input area - * - * @return {this} - * @function - * @name focus - * @memberOf SCEditor.prototype - */ - /** - * Adds an event handler to the focus event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name focus^2 - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.focus = function (handler, excludeWysiwyg, excludeSource) { - if (isFunction(handler)) { - base.bind('focus', handler, excludeWysiwyg, excludeSource); - } else if (!base.inSourceMode()) { - // Already has focus so do nothing - if (find(wysiwygDocument, ':focus').length) { - return; - } - - var container; - var rng = rangeHelper.selectedRange(); - - // Fix FF bug where it shows the cursor in the wrong place - // if the editor hasn't had focus before. See issue #393 - if (!currentSelection) { - autofocus(true); - } - - // Check if cursor is set after a BR when the BR is the only - // child of the parent. In Firefox this causes a line break - // to occur when something is typed. See issue #321 - if (rng && rng.endOffset === 1 && rng.collapsed) { - container = rng.endContainer; - - if (container && container.childNodes.length === 1 && - is(container.firstChild, 'br')) { - rng.setStartBefore(container.firstChild); - rng.collapse(true); - rangeHelper.selectRange(rng); - } - } - - wysiwygWindow.focus(); - wysiwygBody.focus(); - } else { - sourceEditor.focus(); - } - - updateActiveButtons(); - - return base; - }; - - /** - * Adds a handler to the key down event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyDown - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyDown = function (handler, excludeWysiwyg, excludeSource) { - return base.bind('keydown', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the key press event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyPress - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyPress = function (handler, excludeWysiwyg, excludeSource) { - return base - .bind('keypress', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the key up event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyUp - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyUp = function (handler, excludeWysiwyg, excludeSource) { - return base.bind('keyup', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the node changed event. - * - * Happens whenever the node containing the selection/caret - * changes in WYSIWYG mode. - * - * @param {Function} handler - * @return {this} - * @function - * @name nodeChanged - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.nodeChanged = function (handler) { - return base.bind('nodechanged', handler, false, true); - }; - - /** - * Adds a handler to the selection changed event - * - * Happens whenever the selection changes in WYSIWYG mode. - * - * @param {Function} handler - * @return {this} - * @function - * @name selectionChanged - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.selectionChanged = function (handler) { - return base.bind('selectionchanged', handler, false, true); - }; - - /** - * Adds a handler to the value changed event - * - * Happens whenever the current editor value changes. - * - * Whenever anything is inserted, the value changed or - * 1.5 secs after text is typed. If a space is typed it will - * cause the event to be triggered immediately instead of - * after 1.5 seconds - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name valueChanged - * @memberOf SCEditor.prototype - * @since 1.4.5 - */ - base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { - return base - .bind('valuechanged', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Emoticons keypress handler - * @private - */ - emoticonsKeyPress = function (e) { - var replacedEmoticon, - cachePos = 0, - emoticonsCache = base.emoticonsCache, - curChar = String.fromCharCode(e.which); - - // TODO: Make configurable - if (closest(currentBlockNode, 'code')) { - return; - } - - if (!emoticonsCache) { - emoticonsCache = []; - - each(allEmoticons, function (key, html) { - emoticonsCache[cachePos++] = [key, html]; - }); - - emoticonsCache.sort(function (a, b) { - return a[0].length - b[0].length; - }); - - base.emoticonsCache = emoticonsCache; - base.longestEmoticonCode = - emoticonsCache[emoticonsCache.length - 1][0].length; - } - - replacedEmoticon = rangeHelper.replaceKeyword( - base.emoticonsCache, - true, - true, - base.longestEmoticonCode, - options.emoticonsCompat, - curChar - ); - - if (replacedEmoticon) { - if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { - e.preventDefault(); - } - } - }; - - /** - * Makes sure emoticons are surrounded by whitespace - * @private - */ - emoticonsCheckWhitespace = function () { - checkWhitespace(currentBlockNode, rangeHelper); - }; - - /** - * Gets if emoticons are currently enabled - * @return {boolean} - * @function - * @name emoticons - * @memberOf SCEditor.prototype - * @since 1.4.2 - */ - /** - * Enables/disables emoticons - * - * @param {boolean} enable - * @return {this} - * @function - * @name emoticons^2 - * @memberOf SCEditor.prototype - * @since 1.4.2 - */ - base.emoticons = function (enable) { - if (!enable && enable !== false) { - return options.emoticonsEnabled; - } - - options.emoticonsEnabled = enable; - - if (enable) { - on(wysiwygBody, 'keypress', emoticonsKeyPress); - - if (!base.sourceMode()) { - rangeHelper.saveRange(); - - replaceEmoticons(); - triggerValueChanged(false); - - rangeHelper.restoreRange(); - } - } else { - var emoticons = - find(wysiwygBody, 'img[data-sceditor-emoticon]'); - - each(emoticons, function (_, img) { - var text = data(img, 'sceditor-emoticon'); - var textNode = wysiwygDocument.createTextNode(text); - img.parentNode.replaceChild(textNode, img); - }); - - off(wysiwygBody, 'keypress', emoticonsKeyPress); - - triggerValueChanged(); - } - - return base; - }; - - /** - * Gets the current WYSIWYG editors inline CSS - * - * @return {string} - * @function - * @name css - * @memberOf SCEditor.prototype - * @since 1.4.3 - */ - /** - * Sets inline CSS for the WYSIWYG editor - * - * @param {string} css - * @return {this} - * @function - * @name css^2 - * @memberOf SCEditor.prototype - * @since 1.4.3 - */ - base.css = function (css) { - if (!inlineCss) { - inlineCss = createElement('style', { - id: 'inline' - }, wysiwygDocument); - - appendChild(wysiwygDocument.head, inlineCss); - } - - if (!isString(css)) { - return inlineCss.styleSheet ? - inlineCss.styleSheet.cssText : inlineCss.innerHTML; - } - - if (inlineCss.styleSheet) { - inlineCss.styleSheet.cssText = css; - } else { - inlineCss.innerHTML = css; - } - - return base; - }; - - /** - * Handles the keydown event, used for shortcuts - * @private - */ - handleKeyDown = function (e) { - var shortcut = [], - SHIFT_KEYS = { - '`': '~', - '1': '!', - '2': '@', - '3': '#', - '4': '$', - '5': '%', - '6': '^', - '7': '&', - '8': '*', - '9': '(', - '0': ')', - '-': '_', - '=': '+', - ';': ': ', - '\'': '"', - ',': '<', - '.': '>', - '/': '?', - '\\': '|', - '[': '{', - ']': '}' - }, - SPECIAL_KEYS = { - 8: 'backspace', - 9: 'tab', - 13: 'enter', - 19: 'pause', - 20: 'capslock', - 27: 'esc', - 32: 'space', - 33: 'pageup', - 34: 'pagedown', - 35: 'end', - 36: 'home', - 37: 'left', - 38: 'up', - 39: 'right', - 40: 'down', - 45: 'insert', - 46: 'del', - 91: 'win', - 92: 'win', - 93: 'select', - 96: '0', - 97: '1', - 98: '2', - 99: '3', - 100: '4', - 101: '5', - 102: '6', - 103: '7', - 104: '8', - 105: '9', - 106: '*', - 107: '+', - 109: '-', - 110: '.', - 111: '/', - 112: 'f1', - 113: 'f2', - 114: 'f3', - 115: 'f4', - 116: 'f5', - 117: 'f6', - 118: 'f7', - 119: 'f8', - 120: 'f9', - 121: 'f10', - 122: 'f11', - 123: 'f12', - 144: 'numlock', - 145: 'scrolllock', - 186: ';', - 187: '=', - 188: ',', - 189: '-', - 190: '.', - 191: '/', - 192: '`', - 219: '[', - 220: '\\', - 221: ']', - 222: '\'' - }, - NUMPAD_SHIFT_KEYS = { - 109: '-', - 110: 'del', - 111: '/', - 96: '0', - 97: '1', - 98: '2', - 99: '3', - 100: '4', - 101: '5', - 102: '6', - 103: '7', - 104: '8', - 105: '9' - }, - which = e.which, - character = SPECIAL_KEYS[which] || - String.fromCharCode(which).toLowerCase(); - - if (e.ctrlKey || e.metaKey) { - shortcut.push('ctrl'); - } - - if (e.altKey) { - shortcut.push('alt'); - } - - if (e.shiftKey) { - shortcut.push('shift'); - - if (NUMPAD_SHIFT_KEYS[which]) { - character = NUMPAD_SHIFT_KEYS[which]; - } else if (SHIFT_KEYS[character]) { - character = SHIFT_KEYS[character]; - } - } - - // Shift is 16, ctrl is 17 and alt is 18 - if (character && (which < 16 || which > 18)) { - shortcut.push(character); - } - - shortcut = shortcut.join('+'); - if (shortcutHandlers[shortcut] && - shortcutHandlers[shortcut].call(base) === false) { - - e.stopPropagation(); - e.preventDefault(); - } - }; - - /** - * Adds a shortcut handler to the editor - * @param {string} shortcut - * @param {String|Function} cmd - * @return {sceditor} - */ - base.addShortcut = function (shortcut, cmd) { - shortcut = shortcut.toLowerCase(); - - if (isString(cmd)) { - shortcutHandlers[shortcut] = function () { - handleCommand(toolbarButtons[cmd], base.commands[cmd]); - - return false; - }; - } else { - shortcutHandlers[shortcut] = cmd; - } - - return base; - }; - - /** - * Removes a shortcut handler - * @param {string} shortcut - * @return {sceditor} - */ - base.removeShortcut = function (shortcut) { - delete shortcutHandlers[shortcut.toLowerCase()]; - - return base; - }; - - /** - * Handles the backspace key press - * - * Will remove block styling like quotes/code ect if at the start. - * @private - */ - handleBackSpace = function (e) { - var node, offset, range, parent; - - // 8 is the backspace key - if (options.disableBlockRemove || e.which !== 8 || - !(range = rangeHelper.selectedRange())) { - return; - } - - node = range.startContainer; - offset = range.startOffset; - - if (offset !== 0 || !(parent = currentStyledBlockNode()) || - is(parent, 'body')) { - return; - } - - while (node !== parent) { - while (node.previousSibling) { - node = node.previousSibling; - - // Everything but empty text nodes before the cursor - // should prevent the style from being removed - if (node.nodeType !== TEXT_NODE || node.nodeValue) { - return; - } - } - - if (!(node = node.parentNode)) { - return; - } - } - - // The backspace was pressed at the start of - // the container so clear the style - base.clearBlockFormatting(parent); - e.preventDefault(); - }; - - /** - * Gets the first styled block node that contains the cursor - * @return {HTMLElement} - */ - currentStyledBlockNode = function () { - var block = currentBlockNode; - - while (!hasStyling(block) || isInline(block, true)) { - if (!(block = block.parentNode) || is(block, 'body')) { - return; - } - } - - return block; - }; - - /** - * Clears the formatting of the passed block element. - * - * If block is false, if will clear the styling of the first - * block level element that contains the cursor. - * @param {HTMLElement} block - * @since 1.4.4 - */ - base.clearBlockFormatting = function (block) { - block = block || currentStyledBlockNode(); - - if (!block || is(block, 'body')) { - return base; - } - - rangeHelper.saveRange(); - - block.className = ''; - - attr(block, 'style', ''); - - if (!is(block, 'p,div,td')) { - convertElement(block, 'p'); - } - - rangeHelper.restoreRange(); - return base; - }; - - /** - * Triggers the valueChanged signal if there is - * a plugin that handles it. - * - * If rangeHelper.saveRange() has already been - * called, then saveRange should be set to false - * to prevent the range being saved twice. - * - * @since 1.4.5 - * @param {boolean} saveRange If to call rangeHelper.saveRange(). - * @private - */ - triggerValueChanged = function (saveRange) { - if (!pluginManager || - (!pluginManager.hasHandler('valuechangedEvent') && - !triggerValueChanged.hasHandler)) { - return; - } - - var currentHtml, - sourceMode = base.sourceMode(), - hasSelection = !sourceMode && rangeHelper.hasSelection(); - - // Composition end isn't guaranteed to fire but must have - // ended when triggerValueChanged() is called so reset it - isComposing = false; - - // Don't need to save the range if sceditor-start-marker - // is present as the range is already saved - saveRange = saveRange !== false && - !wysiwygDocument.getElementById('sceditor-start-marker'); - - // Clear any current timeout as it's now been triggered - if (valueChangedKeyUpTimer) { - clearTimeout(valueChangedKeyUpTimer); - valueChangedKeyUpTimer = false; - } - - if (hasSelection && saveRange) { - rangeHelper.saveRange(); - } - - currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; - - // Only trigger if something has actually changed. - if (currentHtml !== triggerValueChanged.lastVal) { - triggerValueChanged.lastVal = currentHtml; - - trigger(editorContainer, 'valuechanged', { - rawValue: sourceMode ? base.val() : currentHtml - }); - } - - if (hasSelection && saveRange) { - rangeHelper.removeMarkers(); - } - }; - - /** - * Should be called whenever there is a blur event - * @private - */ - valueChangedBlur = function () { - if (valueChangedKeyUpTimer) { - triggerValueChanged(); - } - }; - - /** - * Should be called whenever there is a keypress event - * @param {Event} e The keypress event - * @private - */ - valueChangedKeyUp = function (e) { - var which = e.which, - lastChar = valueChangedKeyUp.lastChar, - lastWasSpace = (lastChar === 13 || lastChar === 32), - lastWasDelete = (lastChar === 8 || lastChar === 46); - - valueChangedKeyUp.lastChar = which; - - if (isComposing) { - return; - } - - // 13 = return & 32 = space - if (which === 13 || which === 32) { - if (!lastWasSpace) { - triggerValueChanged(); - } else { - valueChangedKeyUp.triggerNext = true; - } - // 8 = backspace & 46 = del - } else if (which === 8 || which === 46) { - if (!lastWasDelete) { - triggerValueChanged(); - } else { - valueChangedKeyUp.triggerNext = true; - } - } else if (valueChangedKeyUp.triggerNext) { - triggerValueChanged(); - valueChangedKeyUp.triggerNext = false; - } - - // Clear the previous timeout and set a new one. - clearTimeout(valueChangedKeyUpTimer); - - // Trigger the event 1.5s after the last keypress if space - // isn't pressed. This might need to be lowered, will need - // to look into what the slowest average Chars Per Min is. - valueChangedKeyUpTimer = setTimeout(function () { - if (!isComposing) { - triggerValueChanged(); - } - }, 1500); - }; - - handleComposition = function (e) { - isComposing = /start/i.test(e.type); - - if (!isComposing) { - triggerValueChanged(); - } - }; - - autoUpdate = function () { - base.updateOriginal(); - }; - - // run the initializer - init(); - } - - /** - * Map containing the loaded SCEditor locales - * @type {Object} - * @name locale - * @memberOf sceditor - */ - SCEditor.locale = {}; - - SCEditor.formats = {}; - SCEditor.icons = {}; - - - /** - * Static command helper class - * @class command - * @name sceditor.command - */ - SCEditor.command = - /** @lends sceditor.command */ - { - /** - * Gets a command - * - * @param {string} name - * @return {Object|null} - * @since v1.3.5 - */ - get: function (name) { - return defaultCmds[name] || null; - }, - - /** - * <p>Adds a command to the editor or updates an existing - * command if a command with the specified name already exists.</p> - * - * <p>Once a command is add it can be included in the toolbar by - * adding it's name to the toolbar option in the constructor. It - * can also be executed manually by calling - * {@link sceditor.execCommand}</p> - * - * @example - * SCEditor.command.set("hello", - * { - * exec: function () { - * alert("Hello World!"); - * } - * }); - * - * @param {string} name - * @param {Object} cmd - * @return {this|false} Returns false if name or cmd is false - * @since v1.3.5 - */ - set: function (name, cmd) { - if (!name || !cmd) { - return false; - } - - // merge any existing command properties - cmd = extend(defaultCmds[name] || {}, cmd); - - cmd.remove = function () { - SCEditor.command.remove(name); - }; - - defaultCmds[name] = cmd; - return this; - }, - - /** - * Removes a command - * - * @param {string} name - * @return {this} - * @since v1.3.5 - */ - remove: function (name) { - if (defaultCmds[name]) { - delete defaultCmds[name]; - } - - return this; - } - }; - - /** - * SCEditor - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor - * @author Sam Clarke - */ - - - window.sceditor = { - command: SCEditor.command, - commands: defaultCmds, - defaultOptions: defaultOptions, - - ios: ios, - isWysiwygSupported: isWysiwygSupported, - - regexEscape: regex, - escapeEntities: entities, - escapeUriScheme: uriScheme, - - dom: { - css: css, - attr: attr, - removeAttr: removeAttr, - is: is, - closest: closest, - width: width, - height: height, - traverse: traverse, - rTraverse: rTraverse, - parseHTML: parseHTML, - hasStyling: hasStyling, - convertElement: convertElement, - blockLevelList: blockLevelList, - canHaveChildren: canHaveChildren, - isInline: isInline, - copyCSS: copyCSS, - fixNesting: fixNesting, - findCommonAncestor: findCommonAncestor, - getSibling: getSibling, - removeWhiteSpace: removeWhiteSpace, - extractContents: extractContents, - getOffset: getOffset, - getStyle: getStyle, - hasStyle: hasStyle - }, - locale: SCEditor.locale, - icons: SCEditor.icons, - utils: { - each: each, - isEmptyObject: isEmptyObject, - extend: extend - }, - plugins: PluginManager.plugins, - formats: SCEditor.formats, - create: function (textarea, options) { - options = options || {}; - - // Don't allow the editor to be initialised - // on it's own source editor - if (parent(textarea, '.sceditor-container')) { - return; - } - - if (options.runWithoutWysiwygSupport || isWysiwygSupported) { - /*eslint no-new: off*/ - (new SCEditor(textarea, options)); - } - }, - instance: function (textarea) { - return textarea._sceditor; - } - }; - - /** - * SCEditor - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor - * @author Sam Clarke - * @requires jQuery - */ - - - // For backwards compatibility - $__default['default'].sceditor = window.sceditor; - - /** - * Creates an instance of sceditor on all textareas - * matched by the jQuery selector. - * - * If options is set to "state" it will return bool value - * indicating if the editor has been initialised on the - * matched textarea(s). If there is only one textarea - * it will return the bool value for that textarea. - * If more than one textarea is matched it will - * return an array of bool values for each textarea. - * - * If options is set to "instance" it will return the - * current editor instance for the textarea(s). Like the - * state option, if only one textarea is matched this will - * return just the instance for that textarea. If more than - * one textarea is matched it will return an array of - * instances each textarea. - * - * @param {Object|string} [options] Should either be an Object of options or - * the strings "state" or "instance" - * @return {this|Array<SCEditor>|Array<boolean>|SCEditor|boolean} - */ - $__default['default'].fn.sceditor = function (options) { - var instance; - var ret = []; - - this.each(function () { - instance = this._sceditor; - - // Add state of instance to ret if that is what options is set to - if (options === 'state') { - ret.push(!!instance); - } else if (options === 'instance') { - ret.push(instance); - } else if (!instance) { - $__default['default'].sceditor.create(this, options); - } - }); - - // If nothing in the ret array then must be init so return this - if (!ret.length) { - return this; - } - - return ret.length === 1 ? ret[0] : ret; - }; - -}(jQuery)); -;/** - * SCEditor BBCode Plugin - * http://www.sceditor.com/ - * - * Copyright (C) 2011-2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor BBCode Format - * @author Sam Clarke - */ -(function (sceditor) { - /*eslint max-depth: off*/ - 'use strict'; - - var escapeEntities = sceditor.escapeEntities; - var escapeUriScheme = sceditor.escapeUriScheme; - var dom = sceditor.dom; - var utils = sceditor.utils; - - var css = dom.css; - var attr = dom.attr; - var is = dom.is; - var extend = utils.extend; - var each = utils.each; - - var EMOTICON_DATA_ATTR = 'data-sceditor-emoticon'; - - var getEditorCommand = sceditor.command.get; - - var QuoteType = { - /** @lends BBCodeParser.QuoteType */ - /** - * Always quote the attribute value - * @type {Number} - */ - always: 1, - - /** - * Never quote the attributes value - * @type {Number} - */ - never: 2, - - /** - * Only quote the attributes value when it contains spaces to equals - * @type {Number} - */ - auto: 3 - }; - - var defaultCommandsOverrides = { - bold: { - txtExec: ['[b]', '[/b]'] - }, - italic: { - txtExec: ['[i]', '[/i]'] - }, - underline: { - txtExec: ['[u]', '[/u]'] - }, - strike: { - txtExec: ['[s]', '[/s]'] - }, - subscript: { - txtExec: ['[sub]', '[/sub]'] - }, - superscript: { - txtExec: ['[sup]', '[/sup]'] - }, - left: { - txtExec: ['[left]', '[/left]'] - }, - center: { - txtExec: ['[center]', '[/center]'] - }, - right: { - txtExec: ['[right]', '[/right]'] - }, - justify: { - txtExec: ['[justify]', '[/justify]'] - }, - font: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('font')._dropDown( - editor, - caller, - function (fontName) { - editor.insertText( - '[font=' + fontName + ']', - '[/font]' - ); - } - ); - } - }, - size: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('size')._dropDown( - editor, - caller, - function (fontSize) { - editor.insertText( - '[size=' + fontSize + ']', - '[/size]' - ); - } - ); - } - }, - color: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('color')._dropDown( - editor, - caller, - function (color) { - editor.insertText( - '[color=' + color + ']', - '[/color]' - ); - } - ); - } - }, - bulletlist: { - txtExec: function (caller, selected) { - this.insertText( - '[ul]\n[li]' + - selected.split(/\r?\n/).join('[/li]\n[li]') + - '[/li]\n[/ul]' - ); - } - }, - orderedlist: { - txtExec: function (caller, selected) { - this.insertText( - '[ol]\n[li]' + - selected.split(/\r?\n/).join('[/li]\n[li]') + - '[/li]\n[/ol]' - ); - } - }, - table: { - txtExec: ['[table][tr][td]', '[/td][/tr][/table]'] - }, - horizontalrule: { - txtExec: ['[hr]'] - }, - code: { - txtExec: ['[code]', '[/code]'] - }, - image: { - txtExec: function (caller, selected) { - var editor = this; - - getEditorCommand('image')._dropDown( - editor, - caller, - selected, - function (url, width, height) { - var attrs = ''; - - if (width) { - attrs += ' width=' + width; - } - - if (height) { - attrs += ' height=' + height; - } - - editor.insertText( - '[img' + attrs + ']' + url + '[/img]' - ); - } - ); - } - }, - email: { - txtExec: function (caller, selected) { - var editor = this; - - getEditorCommand('email')._dropDown( - editor, - caller, - function (url, text) { - editor.insertText( - '[email=' + url + ']' + - (text || selected || url) + - '[/email]' - ); - } - ); - } - }, - link: { - txtExec: function (caller, selected) { - var editor = this; - - getEditorCommand('link')._dropDown( - editor, - caller, - function (url, text) { - editor.insertText( - '[url=' + url + ']' + - (text || selected || url) + - '[/url]' - ); - } - ); - } - }, - quote: { - txtExec: ['[quote]', '[/quote]'] - }, - youtube: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('youtube')._dropDown( - editor, - caller, - function (id) { - editor.insertText('[youtube]' + id + '[/youtube]'); - } - ); - } - }, - rtl: { - txtExec: ['[rtl]', '[/rtl]'] - }, - ltr: { - txtExec: ['[ltr]', '[/ltr]'] - } - }; - - var bbcodeHandlers = { - // START_COMMAND: Bold - b: { - tags: { - b: null, - strong: null - }, - styles: { - // 401 is for FF 3.5 - 'font-weight': ['bold', 'bolder', '401', '700', '800', '900'] - }, - format: '[b]{0}[/b]', - html: '<strong>{0}</strong>' - }, - // END_COMMAND - - // START_COMMAND: Italic - i: { - tags: { - i: null, - em: null - }, - styles: { - 'font-style': ['italic', 'oblique'] - }, - format: '[i]{0}[/i]', - html: '<em>{0}</em>' - }, - // END_COMMAND - - // START_COMMAND: Underline - u: { - tags: { - u: null - }, - styles: { - 'text-decoration': ['underline'] - }, - format: '[u]{0}[/u]', - html: '<u>{0}</u>' - }, - // END_COMMAND - - // START_COMMAND: Strikethrough - s: { - tags: { - s: null, - strike: null - }, - styles: { - 'text-decoration': ['line-through'] - }, - format: '[s]{0}[/s]', - html: '<s>{0}</s>' - }, - // END_COMMAND - - // START_COMMAND: Subscript - sub: { - tags: { - sub: null - }, - format: '[sub]{0}[/sub]', - html: '<sub>{0}</sub>' - }, - // END_COMMAND - - // START_COMMAND: Superscript - sup: { - tags: { - sup: null - }, - format: '[sup]{0}[/sup]', - html: '<sup>{0}</sup>' - }, - // END_COMMAND - - // START_COMMAND: Font - font: { - tags: { - font: { - face: null - } - }, - styles: { - 'font-family': null - }, - quoteType: QuoteType.never, - format: function (element, content) { - var font; - - if (!is(element, 'font') || !(font = attr(element, 'face'))) { - font = css(element, 'font-family'); - } - - return '[font=' + _stripQuotes(font) + ']' + - content + '[/font]'; - }, - html: '<font face="{defaultattr}">{0}</font>' - }, - // END_COMMAND - - // START_COMMAND: Size - size: { - tags: { - font: { - size: null - } - }, - styles: { - 'font-size': null - }, - format: function (element, content) { - var fontSize = attr(element, 'size'), - size = 2; - - if (!fontSize) { - fontSize = css(element, 'fontSize'); - } - - // Most browsers return px value but IE returns 1-7 - if (fontSize.indexOf('px') > -1) { - // convert size to an int - fontSize = fontSize.replace('px', '') - 0; - - if (fontSize < 12) { - size = 1; - } - if (fontSize > 15) { - size = 3; - } - if (fontSize > 17) { - size = 4; - } - if (fontSize > 23) { - size = 5; - } - if (fontSize > 31) { - size = 6; - } - if (fontSize > 47) { - size = 7; - } - } else { - size = fontSize; - } - - return '[size=' + size + ']' + content + '[/size]'; - }, - html: '<font size="{defaultattr}">{!0}</font>' - }, - // END_COMMAND - - // START_COMMAND: Color - color: { - tags: { - font: { - color: null - } - }, - styles: { - color: null - }, - quoteType: QuoteType.never, - format: function (elm, content) { - var color; - - if (!is(elm, 'font') || !(color = attr(elm, 'color'))) { - color = elm.style.color || css(elm, 'color'); - } - - return '[color=' + _normaliseColour(color) + ']' + - content + '[/color]'; - }, - html: function (token, attrs, content) { - return '<font color="' + - escapeEntities(_normaliseColour(attrs.defaultattr), true) + - '">' + content + '</font>'; - } - }, - // END_COMMAND - - // START_COMMAND: Lists - ul: { - tags: { - ul: null - }, - breakStart: true, - isInline: false, - skipLastLineBreak: true, - format: '[ul]{0}[/ul]', - html: '<ul>{0}</ul>' - }, - list: { - breakStart: true, - isInline: false, - skipLastLineBreak: true, - html: '<ul>{0}</ul>' - }, - ol: { - tags: { - ol: null - }, - breakStart: true, - isInline: false, - skipLastLineBreak: true, - format: '[ol]{0}[/ol]', - html: '<ol>{0}</ol>' - }, - li: { - tags: { - li: null - }, - isInline: false, - closedBy: ['/ul', '/ol', '/list', '*', 'li'], - format: '[li]{0}[/li]', - html: '<li>{0}</li>' - }, - '*': { - isInline: false, - closedBy: ['/ul', '/ol', '/list', '*', 'li'], - html: '<li>{0}</li>' - }, - // END_COMMAND - - // START_COMMAND: Table - table: { - tags: { - table: null - }, - isInline: false, - isHtmlInline: true, - skipLastLineBreak: true, - format: '[table]{0}[/table]', - html: '<table>{0}</table>' - }, - tr: { - tags: { - tr: null - }, - isInline: false, - skipLastLineBreak: true, - format: '[tr]{0}[/tr]', - html: '<tr>{0}</tr>' - }, - th: { - tags: { - th: null - }, - allowsEmpty: true, - isInline: false, - format: '[th]{0}[/th]', - html: '<th>{0}</th>' - }, - td: { - tags: { - td: null - }, - allowsEmpty: true, - isInline: false, - format: '[td]{0}[/td]', - html: '<td>{0}</td>' - }, - // END_COMMAND - - // START_COMMAND: Emoticons - emoticon: { - allowsEmpty: true, - tags: { - img: { - src: null, - 'data-sceditor-emoticon': null - } - }, - format: function (element, content) { - return attr(element, EMOTICON_DATA_ATTR) + content; - }, - html: '{0}' - }, - // END_COMMAND - - // START_COMMAND: Horizontal Rule - hr: { - tags: { - hr: null - }, - allowsEmpty: true, - isSelfClosing: true, - isInline: false, - format: '[hr]{0}', - html: '<hr />' - }, - // END_COMMAND - - // START_COMMAND: Image - img: { - allowsEmpty: true, - tags: { - img: { - src: null - } - }, - allowedChildren: ['#'], - quoteType: QuoteType.never, - format: function (element, content) { - var width, height, - attribs = '', - style = function (name) { - return element.style ? element.style[name] : null; - }; - - // check if this is an emoticon image - if (attr(element, EMOTICON_DATA_ATTR)) { - return content; - } - - width = attr(element, 'width') || style('width'); - height = attr(element, 'height') || style('height'); - - // only add width and height if one is specified - if ((element.complete && (width || height)) || - (width && height)) { - - attribs = '=' + dom.width(element) + 'x' + - dom.height(element); - } - - return '[img' + attribs + ']' + attr(element, 'src') + '[/img]'; - }, - html: function (token, attrs, content) { - var undef, width, height, match, - attribs = ''; - - // handle [img width=340 height=240]url[/img] - width = attrs.width; - height = attrs.height; - - // handle [img=340x240]url[/img] - if (attrs.defaultattr) { - match = attrs.defaultattr.split(/x/i); - - width = match[0]; - height = (match.length === 2 ? match[1] : match[0]); - } - - if (width !== undef) { - attribs += ' width="' + escapeEntities(width, true) + '"'; - } - - if (height !== undef) { - attribs += ' height="' + escapeEntities(height, true) + '"'; - } - - return '<img' + attribs + - ' src="' + escapeUriScheme(content) + '" />'; - } - }, - // END_COMMAND - - // START_COMMAND: URL - url: { - allowsEmpty: true, - tags: { - a: { - href: null - } - }, - quoteType: QuoteType.never, - format: function (element, content) { - var url = attr(element, 'href'); - - // make sure this link is not an e-mail, - // if it is return e-mail BBCode - if (url.substr(0, 7) === 'mailto:') { - return '[email="' + url.substr(7) + '"]' + - content + '[/email]'; - } - - return '[url=' + url + ']' + content + '[/url]'; - }, - html: function (token, attrs, content) { - attrs.defaultattr = - escapeEntities(attrs.defaultattr, true) || content; - - return '<a href="' + escapeUriScheme(attrs.defaultattr) + '">' + - content + '</a>'; - } - }, - // END_COMMAND - - // START_COMMAND: E-mail - email: { - quoteType: QuoteType.never, - html: function (token, attrs, content) { - return '<a href="mailto:' + - (escapeEntities(attrs.defaultattr, true) || content) + - '">' + content + '</a>'; - } - }, - // END_COMMAND - - // START_COMMAND: Quote - quote: { - tags: { - blockquote: null - }, - isInline: false, - quoteType: QuoteType.never, - format: function (element, content) { - var authorAttr = 'data-author'; - var author = ''; - var cite; - var children = element.children; - - for (var i = 0; !cite && i < children.length; i++) { - if (is(children[i], 'cite')) { - cite = children[i]; - } - } - - if (cite || attr(element, authorAttr)) { - author = cite && cite.textContent || - attr(element, authorAttr); - - attr(element, authorAttr, author); - - if (cite) { - element.removeChild(cite); - } - - content = this.elementToBbcode(element); - author = '=' + author.replace(/(^\s+|\s+$)/g, ''); - - if (cite) { - element.insertBefore(cite, element.firstChild); - } - } - - return '[quote' + author + ']' + content + '[/quote]'; - }, - html: function (token, attrs, content) { - if (attrs.defaultattr) { - content = '<cite>' + escapeEntities(attrs.defaultattr) + - '</cite>' + content; - } - - return '<blockquote>' + content + '</blockquote>'; - } - }, - // END_COMMAND - - // START_COMMAND: Code - code: { - tags: { - code: null - }, - isInline: false, - allowedChildren: ['#', '#newline'], - format: '[code]{0}[/code]', - html: '<code>{0}</code>' - }, - // END_COMMAND - - - // START_COMMAND: Left - left: { - styles: { - 'text-align': [ - 'left', - '-webkit-left', - '-moz-left', - '-khtml-left' - ] - }, - isInline: false, - allowsEmpty: true, - format: '[left]{0}[/left]', - html: '<div align="left">{0}</div>' - }, - // END_COMMAND - - // START_COMMAND: Centre - center: { - styles: { - 'text-align': [ - 'center', - '-webkit-center', - '-moz-center', - '-khtml-center' - ] - }, - isInline: false, - allowsEmpty: true, - format: '[center]{0}[/center]', - html: '<div align="center">{0}</div>' - }, - // END_COMMAND - - // START_COMMAND: Right - right: { - styles: { - 'text-align': [ - 'right', - '-webkit-right', - '-moz-right', - '-khtml-right' - ] - }, - isInline: false, - allowsEmpty: true, - format: '[right]{0}[/right]', - html: '<div align="right">{0}</div>' - }, - // END_COMMAND - - // START_COMMAND: Justify - justify: { - styles: { - 'text-align': [ - 'justify', - '-webkit-justify', - '-moz-justify', - '-khtml-justify' - ] - }, - isInline: false, - allowsEmpty: true, - format: '[justify]{0}[/justify]', - html: '<div align="justify">{0}</div>' - }, - // END_COMMAND - - // START_COMMAND: YouTube - youtube: { - allowsEmpty: true, - tags: { - iframe: { - 'data-youtube-id': null - } - }, - format: function (element, content) { - element = attr(element, 'data-youtube-id'); - - return element ? '[youtube]' + element + '[/youtube]' : content; - }, - html: '<iframe width="560" height="315" frameborder="0" ' + - 'src="https://www.youtube-nocookie.com/embed/{0}?wmode=opaque" ' + - 'data-youtube-id="{0}" allowfullscreen></iframe>' - }, - // END_COMMAND - - - // START_COMMAND: Rtl - rtl: { - styles: { - direction: ['rtl'] - }, - isInline: false, - format: '[rtl]{0}[/rtl]', - html: '<div style="direction: rtl">{0}</div>' - }, - // END_COMMAND - - // START_COMMAND: Ltr - ltr: { - styles: { - direction: ['ltr'] - }, - isInline: false, - format: '[ltr]{0}[/ltr]', - html: '<div style="direction: ltr">{0}</div>' - }, - // END_COMMAND - - // this is here so that commands above can be removed - // without having to remove the , after the last one. - // Needed for IE. - ignore: {} - }; - - /** - * Formats a string replacing {name} with the values of - * obj.name properties. - * - * If there is no property for the specified {name} then - * it will be left intact. - * - * @param {string} str - * @param {Object} obj - * @return {string} - * @since 2.0.0 - */ - function formatBBCodeString(str, obj) { - return str.replace(/\{([^}]+)\}/g, function (match, group) { - var undef, - escape = true; - - if (group.charAt(0) === '!') { - escape = false; - group = group.substring(1); - } - - if (group === '0') { - escape = false; - } - - if (obj[group] === undef) { - return match; - } - - return escape ? escapeEntities(obj[group], true) : obj[group]; - }); - } - - /** - * Removes the first and last divs from the HTML. - * - * This is needed for pasting - * @param {string} html - * @return {string} - * @private - */ - function removeFirstLastDiv(html) { - var node, next, removeDiv, - output = document.createElement('div'); - - removeDiv = function (node, isFirst) { - // Don't remove divs that have styling - if (dom.hasStyling(node)) { - return; - } - - if ((node.childNodes.length !== 1 || - !is(node.firstChild, 'br'))) { - while ((next = node.firstChild)) { - output.insertBefore(next, node); - } - } - - if (isFirst) { - var lastChild = output.lastChild; - - if (node !== lastChild && is(lastChild, 'div') && - node.nextSibling === lastChild) { - output.insertBefore(document.createElement('br'), node); - } - } - - output.removeChild(node); - }; - - css(output, 'display', 'none'); - output.innerHTML = html.replace(/<\/div>\n/g, '</div>'); - - if ((node = output.firstChild) && is(node, 'div')) { - removeDiv(node, true); - } - - if ((node = output.lastChild) && is(node, 'div')) { - removeDiv(node); - } - - return output.innerHTML; - } - - function isFunction(fn) { - return typeof fn === 'function'; - } - - /** - * Removes any leading or trailing quotes ('") - * - * @return string - * @since v1.4.0 - */ - function _stripQuotes(str) { - return str ? - str.replace(/\\(.)/g, '$1').replace(/^(["'])(.*?)\1$/, '$2') : str; - } - - /** - * Formats a string replacing {0}, {1}, {2}, ect. with - * the params provided - * - * @param {string} str The string to format - * @param {...string} arg The strings to replace - * @return {string} - * @since v1.4.0 - */ - function _formatString(str) { - var undef; - var args = arguments; - - return str.replace(/\{(\d+)\}/g, function (_, matchNum) { - return args[matchNum - 0 + 1] !== undef ? - args[matchNum - 0 + 1] : - '{' + matchNum + '}'; - }); - } - - var TOKEN_OPEN = 'open'; - var TOKEN_CONTENT = 'content'; - var TOKEN_NEWLINE = 'newline'; - var TOKEN_CLOSE = 'close'; - - - /* - * @typedef {Object} TokenizeToken - * @property {string} type - * @property {string} name - * @property {string} val - * @property {Object.<string, string>} attrs - * @property {array} children - * @property {TokenizeToken} closing - */ - - /** - * Tokenize token object - * - * @param {string} type The type of token this is, - * should be one of tokenType - * @param {string} name The name of this token - * @param {string} val The originally matched string - * @param {array} attrs Any attributes. Only set on - * TOKEN_TYPE_OPEN tokens - * @param {array} children Any children of this token - * @param {TokenizeToken} closing This tokens closing tag. - * Only set on TOKEN_TYPE_OPEN tokens - * @class {TokenizeToken} - * @name {TokenizeToken} - * @memberOf BBCodeParser.prototype - */ - // eslint-disable-next-line max-params - function TokenizeToken(type, name, val, attrs, children, closing) { - var base = this; - - base.type = type; - base.name = name; - base.val = val; - base.attrs = attrs || {}; - base.children = children || []; - base.closing = closing || null; - }; - - TokenizeToken.prototype = { - /** @lends BBCodeParser.prototype.TokenizeToken */ - /** - * Clones this token - * - * @return {TokenizeToken} - */ - clone: function () { - var base = this; - - return new TokenizeToken( - base.type, - base.name, - base.val, - extend({}, base.attrs), - [], - base.closing ? base.closing.clone() : null - ); - }, - /** - * Splits this token at the specified child - * - * @param {TokenizeToken} splitAt The child to split at - * @return {TokenizeToken} The right half of the split token or - * empty clone if invalid splitAt lcoation - */ - splitAt: function (splitAt) { - var offsetLength; - var base = this; - var clone = base.clone(); - var offset = base.children.indexOf(splitAt); - - if (offset > -1) { - // Work out how many items are on the right side of the split - // to pass to splice() - offsetLength = base.children.length - offset; - clone.children = base.children.splice(offset, offsetLength); - } - - return clone; - } - }; - - - /** - * SCEditor BBCode parser class - * - * @param {Object} options - * @class BBCodeParser - * @name BBCodeParser - * @since v1.4.0 - */ - function BBCodeParser(options) { - var base = this; - - base.opts = extend({}, BBCodeParser.defaults, options); - - /** - * Takes a BBCode string and splits it into open, - * content and close tags. - * - * It does no checking to verify a tag has a matching open - * or closing tag or if the tag is valid child of any tag - * before it. For that the tokens should be passed to the - * parse function. - * - * @param {string} str - * @return {array} - * @memberOf BBCodeParser.prototype - */ - base.tokenize = function (str) { - var matches, type, i; - var tokens = []; - // The token types in reverse order of precedence - // (they're looped in reverse) - var tokenTypes = [ - { - type: TOKEN_CONTENT, - regex: /^([^\[\r\n]+|\[)/ - }, - { - type: TOKEN_NEWLINE, - regex: /^(\r\n|\r|\n)/ - }, - { - type: TOKEN_OPEN, - regex: /^\[[^\[\]]+\]/ - }, - // Close must come before open as they are - // the same except close has a / at the start. - { - type: TOKEN_CLOSE, - regex: /^\[\/[^\[\]]+\]/ - } - ]; - - strloop: - while (str.length) { - i = tokenTypes.length; - while (i--) { - type = tokenTypes[i].type; - - // Check if the string matches any of the tokens - if (!(matches = str.match(tokenTypes[i].regex)) || - !matches[0]) { - continue; - } - - // Add the match to the tokens list - tokens.push(tokenizeTag(type, matches[0])); - - // Remove the match from the string - str = str.substr(matches[0].length); - - // The token has been added so start again - continue strloop; - } - - // If there is anything left in the string which doesn't match - // any of the tokens then just assume it's content and add it. - if (str.length) { - tokens.push(tokenizeTag(TOKEN_CONTENT, str)); - } - - str = ''; - } - - return tokens; - }; - - /** - * Extracts the name an params from a tag - * - * @param {string} type - * @param {string} val - * @return {Object} - * @private - */ - function tokenizeTag(type, val) { - var matches, attrs, name, - openRegex = /\[([^\]\s=]+)(?:([^\]]+))?\]/, - closeRegex = /\[\/([^\[\]]+)\]/; - - // Extract the name and attributes from opening tags and - // just the name from closing tags. - if (type === TOKEN_OPEN && (matches = val.match(openRegex))) { - name = lower(matches[1]); - - if (matches[2] && (matches[2] = matches[2].trim())) { - attrs = tokenizeAttrs(matches[2]); - } - } - - if (type === TOKEN_CLOSE && - (matches = val.match(closeRegex))) { - name = lower(matches[1]); - } - - if (type === TOKEN_NEWLINE) { - name = '#newline'; - } - - // Treat all tokens without a name and - // all unknown BBCodes as content - if (!name || ((type === TOKEN_OPEN || type === TOKEN_CLOSE) && - !bbcodeHandlers[name])) { - - type = TOKEN_CONTENT; - name = '#'; - } - - return new TokenizeToken(type, name, val, attrs); - } - - /** - * Extracts the individual attributes from a string containing - * all the attributes. - * - * @param {string} attrs - * @return {Object} Assoc array of attributes - * @private - */ - function tokenizeAttrs(attrs) { - var matches, - /* - ([^\s=]+) Anything that's not a space or equals - = Equals sign = - (?: - (?: - (["']) The opening quote - ( - (?:\\\2|[^\2])*? Anything that isn't the - unescaped opening quote - ) - \2 The opening quote again which - will close the string - ) - | If not a quoted string then match - ( - (?:.(?!\s\S+=))*.? Anything that isn't part of - [space][non-space][=] which - would be a new attribute - ) - ) - */ - attrRegex = /([^\s=]+)=(?:(?:(["'])((?:\\\2|[^\2])*?)\2)|((?:.(?!\s\S+=))*.))/g, - ret = {}; - - // if only one attribute then remove the = from the start and - // strip any quotes - if (attrs.charAt(0) === '=' && attrs.indexOf('=', 1) < 0) { - ret.defaultattr = _stripQuotes(attrs.substr(1)); - } else { - if (attrs.charAt(0) === '=') { - attrs = 'defaultattr' + attrs; - } - - // No need to strip quotes here, the regex will do that. - while ((matches = attrRegex.exec(attrs))) { - ret[lower(matches[1])] = - _stripQuotes(matches[3]) || matches[4]; - } - } - - return ret; - } - - /** - * Parses a string into an array of BBCodes - * - * @param {string} str - * @param {boolean} preserveNewLines If to preserve all new lines, not - * strip any based on the passed - * formatting options - * @return {array} Array of BBCode objects - * @memberOf BBCodeParser.prototype - */ - base.parse = function (str, preserveNewLines) { - var ret = parseTokens(base.tokenize(str)); - var opts = base.opts; - - if (opts.fixInvalidNesting) { - fixNesting(ret); - } - - normaliseNewLines(ret, null, preserveNewLines); - - if (opts.removeEmptyTags) { - removeEmpty(ret); - } - - return ret; - }; - - /** - * Checks if an array of TokenizeToken's contains the - * specified token. - * - * Checks the tokens name and type match another tokens - * name and type in the array. - * - * @param {string} name - * @param {string} type - * @param {array} arr - * @return {Boolean} - * @private - */ - function hasTag(name, type, arr) { - var i = arr.length; - - while (i--) { - if (arr[i].type === type && arr[i].name === name) { - return true; - } - } - - return false; - } - - /** - * Checks if the child tag is allowed as one - * of the parent tags children. - * - * @param {TokenizeToken} parent - * @param {TokenizeToken} child - * @return {Boolean} - * @private - */ - function isChildAllowed(parent, child) { - var parentBBCode = parent ? bbcodeHandlers[parent.name] : {}, - allowedChildren = parentBBCode.allowedChildren; - - if (base.opts.fixInvalidChildren && allowedChildren) { - return allowedChildren.indexOf(child.name || '#') > -1; - } - - return true; - } - - // TODO: Tidy this parseTokens() function up a bit. - /** - * Parses an array of tokens created by tokenize() - * - * @param {array} toks - * @return {array} Parsed tokens - * @see tokenize() - * @private - */ - function parseTokens(toks) { - var token, bbcode, curTok, clone, i, next, - cloned = [], - output = [], - openTags = [], - /** - * Returns the currently open tag or undefined - * @return {TokenizeToken} - */ - currentTag = function () { - return last(openTags); - }, - /** - * Adds a tag to either the current tags children - * or to the output array. - * @param {TokenizeToken} token - * @private - */ - addTag = function (token) { - if (currentTag()) { - currentTag().children.push(token); - } else { - output.push(token); - } - }, - /** - * Checks if this tag closes the current tag - * @param {string} name - * @return {Void} - */ - closesCurrentTag = function (name) { - return currentTag() && - (bbcode = bbcodeHandlers[currentTag().name]) && - bbcode.closedBy && - bbcode.closedBy.indexOf(name) > -1; - }; - - while ((token = toks.shift())) { - next = toks[0]; - - /* - * Fixes any invalid children. - * - * If it is an element which isn't allowed as a child of it's - * parent then it will be converted to content of the parent - * element. i.e. - * [code]Code [b]only[/b] allows text.[/code] - * Will become: - * <code>Code [b]only[/b] allows text.</code> - * Instead of: - * <code>Code <b>only</b> allows text.</code> - */ - // Ignore tags that can't be children - if (!isChildAllowed(currentTag(), token)) { - - // exclude closing tags of current tag - if (token.type !== TOKEN_CLOSE || !currentTag() || - token.name !== currentTag().name) { - token.name = '#'; - token.type = TOKEN_CONTENT; - } - } - - switch (token.type) { - case TOKEN_OPEN: - // Check it this closes a parent, - // e.g. for lists [*]one [*]two - if (closesCurrentTag(token.name)) { - openTags.pop(); - } - - addTag(token); - bbcode = bbcodeHandlers[token.name]; - - // If this tag is not self closing and it has a closing - // tag then it is open and has children so add it to the - // list of open tags. If has the closedBy property then - // it is closed by other tags so include everything as - // it's children until one of those tags is reached. - if (bbcode && !bbcode.isSelfClosing && - (bbcode.closedBy || - hasTag(token.name, TOKEN_CLOSE, toks))) { - openTags.push(token); - } else if (!bbcode || !bbcode.isSelfClosing) { - token.type = TOKEN_CONTENT; - } - break; - - case TOKEN_CLOSE: - // check if this closes the current tag, - // e.g. [/list] would close an open [*] - if (currentTag() && token.name !== currentTag().name && - closesCurrentTag('/' + token.name)) { - - openTags.pop(); - } - - // If this is closing the currently open tag just pop - // the close tag off the open tags array - if (currentTag() && token.name === currentTag().name) { - currentTag().closing = token; - openTags.pop(); - - // If this is closing an open tag that is the parent of - // the current tag then clone all the tags including the - // current one until reaching the parent that is being - // closed. Close the parent and then add the clones back - // in. - } else if (hasTag(token.name, TOKEN_OPEN, openTags)) { - - // Remove the tag from the open tags - while ((curTok = openTags.pop())) { - - // If it's the tag that is being closed then - // discard it and break the loop. - if (curTok.name === token.name) { - curTok.closing = token; - break; - } - - // Otherwise clone this tag and then add any - // previously cloned tags as it's children - clone = curTok.clone(); - - if (cloned.length) { - clone.children.push(last(cloned)); - } - - cloned.push(clone); - } - - // Place block linebreak before cloned tags - if (next && next.type === TOKEN_NEWLINE) { - bbcode = bbcodeHandlers[token.name]; - if (bbcode && bbcode.isInline === false) { - addTag(next); - toks.shift(); - } - } - - // Add the last cloned child to the now current tag - // (the parent of the tag which was being closed) - addTag(last(cloned)); - - // Add all the cloned tags to the open tags list - i = cloned.length; - while (i--) { - openTags.push(cloned[i]); - } - - cloned.length = 0; - - // This tag is closing nothing so treat it as content - } else { - token.type = TOKEN_CONTENT; - addTag(token); - } - break; - - case TOKEN_NEWLINE: - // handle things like - // [*]list\nitem\n[*]list1 - // where it should come out as - // [*]list\nitem[/*]\n[*]list1[/*] - // instead of - // [*]list\nitem\n[/*][*]list1[/*] - if (currentTag() && next && closesCurrentTag( - (next.type === TOKEN_CLOSE ? '/' : '') + - next.name - )) { - // skip if the next tag is the closing tag for - // the option tag, i.e. [/*] - if (!(next.type === TOKEN_CLOSE && - next.name === currentTag().name)) { - bbcode = bbcodeHandlers[currentTag().name]; - - if (bbcode && bbcode.breakAfter) { - openTags.pop(); - } else if (bbcode && - bbcode.isInline === false && - base.opts.breakAfterBlock && - bbcode.breakAfter !== false) { - openTags.pop(); - } - } - } - - addTag(token); - break; - - default: // content - addTag(token); - break; - } - } - - return output; - } - - /** - * Normalise all new lines - * - * Removes any formatting new lines from the BBCode - * leaving only content ones. I.e. for a list: - * - * [list] - * [*] list item one - * with a line break - * [*] list item two - * [/list] - * - * would become - * - * [list] [*] list item one - * with a line break [*] list item two [/list] - * - * Which makes it easier to convert to HTML or add - * the formatting new lines back in when converting - * back to BBCode - * - * @param {array} children - * @param {TokenizeToken} parent - * @param {boolean} onlyRemoveBreakAfter - * @return {void} - */ - function normaliseNewLines(children, parent, onlyRemoveBreakAfter) { - var token, left, right, parentBBCode, bbcode, - removedBreakEnd, removedBreakBefore, remove; - var childrenLength = children.length; - // TODO: this function really needs tidying up - if (parent) { - parentBBCode = bbcodeHandlers[parent.name]; - } - - var i = childrenLength; - while (i--) { - if (!(token = children[i])) { - continue; - } - - if (token.type === TOKEN_NEWLINE) { - left = i > 0 ? children[i - 1] : null; - right = i < childrenLength - 1 ? children[i + 1] : null; - remove = false; - - // Handle the start and end new lines - // e.g. [tag]\n and \n[/tag] - if (!onlyRemoveBreakAfter && parentBBCode && - parentBBCode.isSelfClosing !== true) { - // First child of parent so must be opening line break - // (breakStartBlock, breakStart) e.g. [tag]\n - if (!left) { - if (parentBBCode.isInline === false && - base.opts.breakStartBlock && - parentBBCode.breakStart !== false) { - remove = true; - } - - if (parentBBCode.breakStart) { - remove = true; - } - // Last child of parent so must be end line break - // (breakEndBlock, breakEnd) - // e.g. \n[/tag] - // remove last line break (breakEndBlock, breakEnd) - } else if (!removedBreakEnd && !right) { - if (parentBBCode.isInline === false && - base.opts.breakEndBlock && - parentBBCode.breakEnd !== false) { - remove = true; - } - - if (parentBBCode.breakEnd) { - remove = true; - } - - removedBreakEnd = remove; - } - } - - if (left && left.type === TOKEN_OPEN) { - if ((bbcode = bbcodeHandlers[left.name])) { - if (!onlyRemoveBreakAfter) { - if (bbcode.isInline === false && - base.opts.breakAfterBlock && - bbcode.breakAfter !== false) { - remove = true; - } - - if (bbcode.breakAfter) { - remove = true; - } - } else if (bbcode.isInline === false) { - remove = true; - } - } - } - - if (!onlyRemoveBreakAfter && !removedBreakBefore && - right && right.type === TOKEN_OPEN) { - - if ((bbcode = bbcodeHandlers[right.name])) { - if (bbcode.isInline === false && - base.opts.breakBeforeBlock && - bbcode.breakBefore !== false) { - remove = true; - } - - if (bbcode.breakBefore) { - remove = true; - } - - removedBreakBefore = remove; - - if (remove) { - children.splice(i, 1); - continue; - } - } - } - - if (remove) { - children.splice(i, 1); - } - - // reset double removedBreakBefore removal protection. - // This is needed for cases like \n\n[\tag] where - // only 1 \n should be removed but without this they both - // would be. - removedBreakBefore = false; - } else if (token.type === TOKEN_OPEN) { - normaliseNewLines(token.children, token, - onlyRemoveBreakAfter); - } - } - } - - /** - * Fixes any invalid nesting. - * - * If it is a block level element inside 1 or more inline elements - * then those inline elements will be split at the point where the - * block level is and the block level element placed between the split - * parts. i.e. - * [inline]A[blocklevel]B[/blocklevel]C[/inline] - * Will become: - * [inline]A[/inline][blocklevel]B[/blocklevel][inline]C[/inline] - * - * @param {array} children - * @param {array} [parents] Null if there is no parents - * @param {boolea} [insideInline] If inside an inline element - * @param {array} [rootArr] Root array if there is one - * @return {array} - * @private - */ - function fixNesting(children, parents, insideInline, rootArr) { - var token, i, parent, parentIndex, parentParentChildren, right; - - var isInline = function (token) { - var bbcode = bbcodeHandlers[token.name]; - - return !bbcode || bbcode.isInline !== false; - }; - - parents = parents || []; - rootArr = rootArr || children; - - // This must check the length each time as it can change when - // tokens are moved to fix the nesting. - for (i = 0; i < children.length; i++) { - if (!(token = children[i]) || token.type !== TOKEN_OPEN) { - continue; - } - - if (insideInline && !isInline(token)) { - // if this is a blocklevel element inside an inline one then - // split the parent at the block level element - parent = last(parents); - right = parent.splitAt(token); - - parentParentChildren = parents.length > 1 ? - parents[parents.length - 2].children : rootArr; - - // If parent inline is allowed inside this tag, clone it and - // wrap this tags children in it. - if (isChildAllowed(token, parent)) { - var clone = parent.clone(); - clone.children = token.children; - token.children = [clone]; - } - - parentIndex = parentParentChildren.indexOf(parent); - if (parentIndex > -1) { - // remove the block level token from the right side of - // the split inline element - right.children.splice(0, 1); - - // insert the block level token and the right side after - // the left side of the inline token - parentParentChildren.splice( - parentIndex + 1, 0, token, right - ); - - // If token is a block and is followed by a newline, - // then move the newline along with it to the new parent - var next = right.children[0]; - if (next && next.type === TOKEN_NEWLINE) { - if (!isInline(token)) { - right.children.splice(0, 1); - parentParentChildren.splice( - parentIndex + 2, 0, next - ); - } - } - - // return to parents loop as the - // children have now increased - return; - } - - } - - parents.push(token); - - fixNesting( - token.children, - parents, - insideInline || isInline(token), - rootArr - ); - - parents.pop(); - } - } - - /** - * Removes any empty BBCodes which are not allowed to be empty. - * - * @param {array} tokens - * @private - */ - function removeEmpty(tokens) { - var token, bbcode; - - /** - * Checks if all children are whitespace or not - * @private - */ - var isTokenWhiteSpace = function (children) { - var j = children.length; - - while (j--) { - var type = children[j].type; - - if (type === TOKEN_OPEN || type === TOKEN_CLOSE) { - return false; - } - - if (type === TOKEN_CONTENT && - /\S|\u00A0/.test(children[j].val)) { - return false; - } - } - - return true; - }; - - var i = tokens.length; - while (i--) { - // So skip anything that isn't a tag since only tags can be - // empty, content can't - if (!(token = tokens[i]) || token.type !== TOKEN_OPEN) { - continue; - } - - bbcode = bbcodeHandlers[token.name]; - - // Remove any empty children of this tag first so that if they - // are all removed this one doesn't think it's not empty. - removeEmpty(token.children); - - if (isTokenWhiteSpace(token.children) && bbcode && - !bbcode.isSelfClosing && !bbcode.allowsEmpty) { - tokens.splice.apply(tokens, [i, 1].concat(token.children)); - } - } - } - - /** - * Converts a BBCode string to HTML - * - * @param {string} str - * @param {boolean} preserveNewLines If to preserve all new lines, not - * strip any based on the passed - * formatting options - * @return {string} - * @memberOf BBCodeParser.prototype - */ - base.toHTML = function (str, preserveNewLines) { - return convertToHTML(base.parse(str, preserveNewLines), true); - }; - - /** - * @private - */ - function convertToHTML(tokens, isRoot) { - var undef, token, bbcode, content, html, needsBlockWrap, - blockWrapOpen, isInline, lastChild, - ret = ''; - - isInline = function (bbcode) { - return (!bbcode || (bbcode.isHtmlInline !== undef ? - bbcode.isHtmlInline : bbcode.isInline)) !== false; - }; - - while (tokens.length > 0) { - if (!(token = tokens.shift())) { - continue; - } - - if (token.type === TOKEN_OPEN) { - lastChild = token.children[token.children.length - 1] || {}; - bbcode = bbcodeHandlers[token.name]; - needsBlockWrap = isRoot && isInline(bbcode); - content = convertToHTML(token.children, false); - - if (bbcode && bbcode.html) { - // Only add a line break to the end if this is - // blocklevel and the last child wasn't block-level - if (!isInline(bbcode) && - isInline(bbcodeHandlers[lastChild.name]) && - !bbcode.isPreFormatted && - !bbcode.skipLastLineBreak) { - // Add placeholder br to end of block level - // elements - content += '<br />'; - } - - if (!isFunction(bbcode.html)) { - token.attrs['0'] = content; - html = formatBBCodeString( - bbcode.html, - token.attrs - ); - } else { - html = bbcode.html.call( - base, - token, - token.attrs, - content - ); - } - } else { - html = token.val + content + - (token.closing ? token.closing.val : ''); - } - } else if (token.type === TOKEN_NEWLINE) { - if (!isRoot) { - ret += '<br />'; - continue; - } - - // If not already in a block wrap then start a new block - if (!blockWrapOpen) { - ret += '<div>'; - } - - ret += '<br />'; - - // Normally the div acts as a line-break with by moving - // whatever comes after onto a new line. - // If this is the last token, add an extra line-break so it - // shows as there will be nothing after it. - if (!tokens.length) { - ret += '<br />'; - } - - ret += '</div>\n'; - blockWrapOpen = false; - continue; - // content - } else { - needsBlockWrap = isRoot; - html = escapeEntities(token.val, true); - } - - if (needsBlockWrap && !blockWrapOpen) { - ret += '<div>'; - blockWrapOpen = true; - } else if (!needsBlockWrap && blockWrapOpen) { - ret += '</div>\n'; - blockWrapOpen = false; - } - - ret += html; - } - - if (blockWrapOpen) { - ret += '</div>\n'; - } - - return ret; - } - - /** - * Takes a BBCode string, parses it then converts it back to BBCode. - * - * This will auto fix the BBCode and format it with the specified - * options. - * - * @param {string} str - * @param {boolean} preserveNewLines If to preserve all new lines, not - * strip any based on the passed - * formatting options - * @return {string} - * @memberOf BBCodeParser.prototype - */ - base.toBBCode = function (str, preserveNewLines) { - return convertToBBCode(base.parse(str, preserveNewLines)); - }; - - /** - * Converts parsed tokens back into BBCode with the - * formatting specified in the options and with any - * fixes specified. - * - * @param {array} toks Array of parsed tokens from base.parse() - * @return {string} - * @private - */ - function convertToBBCode(toks) { - var token, attr, bbcode, isBlock, isSelfClosing, quoteType, - breakBefore, breakStart, breakEnd, breakAfter, - ret = ''; - - while (toks.length > 0) { - if (!(token = toks.shift())) { - continue; - } - // TODO: tidy this - bbcode = bbcodeHandlers[token.name]; - isBlock = !(!bbcode || bbcode.isInline !== false); - isSelfClosing = bbcode && bbcode.isSelfClosing; - - breakBefore = (isBlock && base.opts.breakBeforeBlock && - bbcode.breakBefore !== false) || - (bbcode && bbcode.breakBefore); - - breakStart = (isBlock && !isSelfClosing && - base.opts.breakStartBlock && - bbcode.breakStart !== false) || - (bbcode && bbcode.breakStart); - - breakEnd = (isBlock && base.opts.breakEndBlock && - bbcode.breakEnd !== false) || - (bbcode && bbcode.breakEnd); - - breakAfter = (isBlock && base.opts.breakAfterBlock && - bbcode.breakAfter !== false) || - (bbcode && bbcode.breakAfter); - - quoteType = (bbcode ? bbcode.quoteType : null) || - base.opts.quoteType || QuoteType.auto; - - if (!bbcode && token.type === TOKEN_OPEN) { - ret += token.val; - - if (token.children) { - ret += convertToBBCode(token.children); - } - - if (token.closing) { - ret += token.closing.val; - } - } else if (token.type === TOKEN_OPEN) { - if (breakBefore) { - ret += '\n'; - } - - // Convert the tag and it's attributes to BBCode - ret += '[' + token.name; - if (token.attrs) { - if (token.attrs.defaultattr) { - ret += '=' + quote( - token.attrs.defaultattr, - quoteType, - 'defaultattr' - ); - - delete token.attrs.defaultattr; - } - - for (attr in token.attrs) { - if (token.attrs.hasOwnProperty(attr)) { - ret += ' ' + attr + '=' + - quote(token.attrs[attr], quoteType, attr); - } - } - } - ret += ']'; - - if (breakStart) { - ret += '\n'; - } - - // Convert the tags children to BBCode - if (token.children) { - ret += convertToBBCode(token.children); - } - - // add closing tag if not self closing - if (!isSelfClosing && !bbcode.excludeClosing) { - if (breakEnd) { - ret += '\n'; - } - - ret += '[/' + token.name + ']'; - } - - if (breakAfter) { - ret += '\n'; - } - - // preserve whatever was recognized as the - // closing tag if it is a self closing tag - if (token.closing && isSelfClosing) { - ret += token.closing.val; - } - } else { - ret += token.val; - } - } - - return ret; - } - - /** - * Quotes an attribute - * - * @param {string} str - * @param {BBCodeParser.QuoteType} quoteType - * @param {string} name - * @return {string} - * @private - */ - function quote(str, quoteType, name) { - var needsQuotes = /\s|=/.test(str); - - if (isFunction(quoteType)) { - return quoteType(str, name); - } - - if (quoteType === QuoteType.never || - (quoteType === QuoteType.auto && !needsQuotes)) { - return str; - } - - return '"' + str.replace(/\\/g, '\\\\').replace(/"/g, '\\"') + '"'; - } - - /** - * Returns the last element of an array or null - * - * @param {array} arr - * @return {Object} Last element - * @private - */ - function last(arr) { - if (arr.length) { - return arr[arr.length - 1]; - } - - return null; - } - - /** - * Converts a string to lowercase. - * - * @param {string} str - * @return {string} Lowercase version of str - * @private - */ - function lower(str) { - return str.toLowerCase(); - } - }; - - /** - * Quote type - * @type {Object} - * @class QuoteType - * @name BBCodeParser.QuoteType - * @since 1.4.0 - */ - BBCodeParser.QuoteType = QuoteType; - - /** - * Default BBCode parser options - * @type {Object} - */ - BBCodeParser.defaults = { - /** - * If to add a new line before block level elements - * - * @type {Boolean} - */ - breakBeforeBlock: false, - - /** - * If to add a new line after the start of block level elements - * - * @type {Boolean} - */ - breakStartBlock: false, - - /** - * If to add a new line before the end of block level elements - * - * @type {Boolean} - */ - breakEndBlock: false, - - /** - * If to add a new line after block level elements - * - * @type {Boolean} - */ - breakAfterBlock: true, - - /** - * If to remove empty tags - * - * @type {Boolean} - */ - removeEmptyTags: true, - - /** - * If to fix invalid nesting, - * i.e. block level elements inside inline elements. - * - * @type {Boolean} - */ - fixInvalidNesting: true, - - /** - * If to fix invalid children. - * i.e. A tag which is inside a parent that doesn't - * allow that type of tag. - * - * @type {Boolean} - */ - fixInvalidChildren: true, - - /** - * Attribute quote type - * - * @type {BBCodeParser.QuoteType} - * @since 1.4.1 - */ - quoteType: QuoteType.auto, - - /** - * Whether to use strict matching on attributes and styles. - * - * When true this will perform AND matching requiring all tag - * attributes and styles to match. - * - * When false will perform OR matching and will match if any of - * a tags attributes or styles match. - * - * @type {Boolean} - * @since 3.1.0 - */ - strictMatch: false - }; - - /** - * Converts a number 0-255 to hex. - * - * Will return 00 if number is not a valid number. - * - * @param {any} number - * @return {string} - * @private - */ - function toHex(number) { - number = parseInt(number, 10); - - if (isNaN(number)) { - return '00'; - } - - number = Math.max(0, Math.min(number, 255)).toString(16); - - return number.length < 2 ? '0' + number : number; - } - /** - * Normalises a CSS colour to hex #xxxxxx format - * - * @param {string} colorStr - * @return {string} - * @private - */ - function _normaliseColour(colorStr) { - var match; - - colorStr = colorStr || '#000'; - - // rgb(n,n,n); - if ((match = - colorStr.match(/rgb\((\d{1,3}),\s*?(\d{1,3}),\s*?(\d{1,3})\)/i))) { - return '#' + - toHex(match[1]) + - toHex(match[2]) + - toHex(match[3]); - } - - // expand shorthand - if ((match = colorStr.match(/#([0-f])([0-f])([0-f])\s*?$/i))) { - return '#' + - match[1] + match[1] + - match[2] + match[2] + - match[3] + match[3]; - } - - return colorStr; - } - - /** - * SCEditor BBCode format - * @since 2.0.0 - */ - function bbcodeFormat() { - var base = this; - - base.stripQuotes = _stripQuotes; - - /** - * cache of all the tags pointing to their bbcodes to enable - * faster lookup of which bbcode a tag should have - * @private - */ - var tagsToBBCodes = {}; - - /** - * Allowed children of specific HTML tags. Empty array if no - * children other than text nodes are allowed - * @private - */ - var validChildren = { - ul: ['li', 'ol', 'ul'], - ol: ['li', 'ol', 'ul'], - table: ['tr'], - tr: ['td', 'th'], - code: ['br', 'p', 'div'] - }; - - /** - * Populates tagsToBBCodes and stylesToBBCodes for easier lookups - * - * @private - */ - function buildBbcodeCache() { - each(bbcodeHandlers, function (bbcode, handler) { - var - isBlock = handler.isInline === false, - tags = bbcodeHandlers[bbcode].tags, - styles = bbcodeHandlers[bbcode].styles; - - if (styles) { - tagsToBBCodes['*'] = tagsToBBCodes['*'] || {}; - tagsToBBCodes['*'][isBlock] = - tagsToBBCodes['*'][isBlock] || {}; - tagsToBBCodes['*'][isBlock][bbcode] = [ - ['style', Object.entries(styles)] - ]; - } - - if (tags) { - each(tags, function (tag, values) { - if (values && values.style) { - values.style = Object.entries(values.style); - } - - tagsToBBCodes[tag] = tagsToBBCodes[tag] || {}; - tagsToBBCodes[tag][isBlock] = - tagsToBBCodes[tag][isBlock] || {}; - tagsToBBCodes[tag][isBlock][bbcode] = - values && Object.entries(values); - }); - } - }); - }; - - /** - * Handles adding newlines after block level elements - * - * @param {HTMLElement} element The element to convert - * @param {string} content The tags text content - * @return {string} - * @private - */ - function handleBlockNewlines(element, content) { - var tag = element.nodeName.toLowerCase(); - var isInline = dom.isInline; - if (!isInline(element, true) || tag === 'br') { - var isLastBlockChild, parent, parentLastChild, - previousSibling = element.previousSibling; - - // Skips selection makers and ignored elements - // Skip empty inline elements - while (previousSibling && - previousSibling.nodeType === 1 && - !is(previousSibling, 'br') && - isInline(previousSibling, true) && - !previousSibling.firstChild) { - previousSibling = previousSibling.previousSibling; - } - - // If it's the last block of an inline that is the last - // child of a block then it shouldn't cause a line break - // <block><inline><br></inline></block> - do { - parent = element.parentNode; - parentLastChild = parent && parent.lastChild; - - isLastBlockChild = parentLastChild === element; - element = parent; - } while (parent && isLastBlockChild && isInline(parent, true)); - - // If this block is: - // * Not the last child of a block level element - // * Is a <li> tag (lists are blocks) - if (!isLastBlockChild || tag === 'li') { - content += '\n'; - } - - // Check for: - // <block>text<block>text</block></block> - // - // The second opening <block> opening tag should cause a - // line break because the previous sibing is inline. - if (tag !== 'br' && previousSibling && - !is(previousSibling, 'br') && - isInline(previousSibling, true)) { - content = '\n' + content; - } - } - - return content; - } - - /** - * Handles a HTML tag and finds any matching BBCodes - * - * @param {HTMLElement} element The element to convert - * @param {string} content The Tags text content - * @param {boolean} blockLevel - * @return {string} Content with any matching BBCode tags - * wrapped around it. - * @private - */ - function handleTags(element, content, blockLevel) { - function isStyleMatch(style) { - var property = style[0]; - var values = style[1]; - var val = dom.getStyle(element, property); - var parent = element.parentNode; - - // if the parent has the same style use that instead of this one - // so you don't end up with [i]parent[i]child[/i][/i] - if (!val || parent && dom.hasStyle(parent, property, val)) { - return false; - } - - return !values || values.includes(val); - } - - function createAttributeMatch(isStrict) { - return function (attribute) { - var name = attribute[0]; - var value = attribute[1]; - - // code tags should skip most styles - if (name === 'style' && element.nodeName === 'CODE') { - return false; - } - - if (name === 'style' && value) { - return value[isStrict ? 'every' : 'some'](isStyleMatch); - } else { - var val = attr(element, name); - - return val && (!value || value.includes(val)); - } - }; - } - - function handleTag(tag) { - if (!tagsToBBCodes[tag] || !tagsToBBCodes[tag][blockLevel]) { - return; - } - - // loop all bbcodes for this tag - each(tagsToBBCodes[tag][blockLevel], function (bbcode, attrs) { - var fn, format, - isStrict = bbcodeHandlers[bbcode].strictMatch; - - if (typeof isStrict === 'undefined') { - isStrict = base.opts.strictMatch; - } - - // Skip if the element doesn't have the attribute or the - // attribute doesn't match one of the required values - fn = isStrict ? 'every' : 'some'; - if (attrs && !attrs[fn](createAttributeMatch(isStrict))) { - return; - } - - format = bbcodeHandlers[bbcode].format; - if (isFunction(format)) { - content = format.call(base, element, content); - } else { - content = _formatString(format, content); - } - return false; - }); - } - - handleTag('*'); - handleTag(element.nodeName.toLowerCase()); - return content; - } - - /** - * Converts a HTML dom element to BBCode starting from - * the innermost element and working backwards - * - * @private - * @param {HTMLElement} element - * @return {string} BBCode - * @memberOf SCEditor.plugins.bbcode.prototype - */ - function elementToBbcode(element) { - var toBBCode = function (node, vChildren) { - var ret = ''; - - dom.traverse(node, function (node) { - var content = '', - nodeType = node.nodeType, - tag = node.nodeName.toLowerCase(), - vChild = validChildren[tag], - firstChild = node.firstChild, - isValidChild = true; - - if (typeof vChildren === 'object') { - isValidChild = vChildren.indexOf(tag) > -1; - - // Emoticons should always be converted - if (is(node, 'img') && attr(node, EMOTICON_DATA_ATTR)) { - isValidChild = true; - } - - // if this tag is one of the parents allowed children - // then set this tags allowed children to whatever it - // allows, otherwise set to what the parent allows - if (!isValidChild) { - vChild = vChildren; - } - } - - // 3 = text and 1 = element - if (nodeType !== 3 && nodeType !== 1) { - return; - } - - if (nodeType === 1) { - // skip empty nlf elements (new lines automatically - // added after block level elements like quotes) - if (is(node, '.sceditor-nlf') && !firstChild) { - return; - } - - // don't convert iframe contents - if (tag !== 'iframe') { - content = toBBCode(node, vChild); - } - - // TODO: isValidChild is no longer needed. Should use - // valid children bbcodes instead by creating BBCode - // tokens like the parser. - if (isValidChild) { - // code tags should skip most styles - if (tag !== 'code') { - // First parse inline codes - content = handleTags(node, content, false); - } - - content = handleTags(node, content, true); - ret += handleBlockNewlines(node, content); - } else { - ret += content; - } - } else { - ret += node.nodeValue; - } - }, false, true); - - return ret; - }; - - return toBBCode(element); - }; - - /** - * Initializer - * @private - */ - base.init = function () { - base.opts = this.opts; - base.elementToBbcode = elementToBbcode; - - // build the BBCode cache - buildBbcodeCache(); - - this.commands = extend( - true, {}, defaultCommandsOverrides, this.commands - ); - - // Add BBCode helper methods - this.toBBCode = base.toSource; - this.fromBBCode = base.toHtml; - }; - - /** - * Converts BBCode into HTML - * - * @param {boolean} asFragment - * @param {string} source - * @param {boolean} [legacyAsFragment] Used by fromBBCode() method - */ - function toHtml(asFragment, source, legacyAsFragment) { - var parser = new BBCodeParser(base.opts.parserOptions); - var html = parser.toHTML( - base.opts.bbcodeTrim ? source.trim() : source - ); - - return (asFragment || legacyAsFragment) ? - removeFirstLastDiv(html) : html; - } - - /** - * Converts HTML into BBCode - * - * @param {boolean} asFragment - * @param {string} html - * @param {!Document} [context] - * @param {!HTMLElement} [parent] - * @return {string} - * @private - */ - function toSource(asFragment, html, context, parent) { - context = context || document; - - var bbcode, elements; - var containerParent = context.createElement('div'); - var container = context.createElement('div'); - var parser = new BBCodeParser(base.opts.parserOptions); - - container.innerHTML = html; - css(containerParent, 'visibility', 'hidden'); - containerParent.appendChild(container); - context.body.appendChild(containerParent); - - if (asFragment) { - // Add text before and after so removeWhiteSpace doesn't remove - // leading and trailing whitespace - containerParent.insertBefore( - context.createTextNode('#'), - containerParent.firstChild - ); - containerParent.appendChild(context.createTextNode('#')); - } - - // Match parents white-space handling - if (parent) { - css(container, 'whiteSpace', css(parent, 'whiteSpace')); - } - - // Remove all nodes with sceditor-ignore class - elements = container.getElementsByClassName('sceditor-ignore'); - while (elements.length) { - elements[0].parentNode.removeChild(elements[0]); - } - - dom.removeWhiteSpace(containerParent); - - bbcode = elementToBbcode(container); - - context.body.removeChild(containerParent); - - bbcode = parser.toBBCode(bbcode, true); - - if (base.opts.bbcodeTrim) { - bbcode = bbcode.trim(); - } - - return bbcode; - }; - - base.toHtml = toHtml.bind(null, false); - base.fragmentToHtml = toHtml.bind(null, true); - base.toSource = toSource.bind(null, false); - base.fragmentToSource = toSource.bind(null, true); - }; - - /** - * Gets a BBCode - * - * @param {string} name - * @return {Object|null} - * @since 2.0.0 - */ - bbcodeFormat.get = function (name) { - return bbcodeHandlers[name] || null; - }; - - /** - * Adds a BBCode to the parser or updates an existing - * BBCode if a BBCode with the specified name already exists. - * - * @param {string} name - * @param {Object} bbcode - * @return {this} - * @since 2.0.0 - */ - bbcodeFormat.set = function (name, bbcode) { - if (name && bbcode) { - // merge any existing command properties - bbcode = extend(bbcodeHandlers[name] || {}, bbcode); - - bbcode.remove = function () { - delete bbcodeHandlers[name]; - }; - - bbcodeHandlers[name] = bbcode; - } - - return this; - }; - - /** - * Renames a BBCode - * - * This does not change the format or HTML handling, those must be - * changed manually. - * - * @param {string} name [description] - * @param {string} newName [description] - * @return {this|false} - * @since 2.0.0 - */ - bbcodeFormat.rename = function (name, newName) { - if (name in bbcodeHandlers) { - bbcodeHandlers[newName] = bbcodeHandlers[name]; - - delete bbcodeHandlers[name]; - } - - return this; - }; - - /** - * Removes a BBCode - * - * @param {string} name - * @return {this} - * @since 2.0.0 - */ - bbcodeFormat.remove = function (name) { - if (name in bbcodeHandlers) { - delete bbcodeHandlers[name]; - } - - return this; - }; - - bbcodeFormat.formatBBCodeString = formatBBCodeString; - - sceditor.formats.bbcode = bbcodeFormat; - sceditor.BBCodeParser = BBCodeParser; -}(sceditor));
diff -r c7c738ddbbf8 -r ec68006a495e src/development/jquery.sceditor.js --- a/src/development/jquery.sceditor.js Thu Aug 04 17:43:17 2022 -0600 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,9158 +0,0 @@ -(function ($) { - 'use strict'; - - function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } - - var $__default = /*#__PURE__*/_interopDefaultLegacy($); - - /** - * Check if the passed argument is the - * the passed type. - * - * @param {string} type - * @param {*} arg - * @returns {boolean} - */ - function isTypeof(type, arg) { - return typeof arg === type; - } - - /** - * @type {function(*): boolean} - */ - var isString = isTypeof.bind(null, 'string'); - - /** - * @type {function(*): boolean} - */ - var isUndefined = isTypeof.bind(null, 'undefined'); - - /** - * @type {function(*): boolean} - */ - var isFunction = isTypeof.bind(null, 'function'); - - /** - * @type {function(*): boolean} - */ - var isNumber = isTypeof.bind(null, 'number'); - - - /** - * Returns true if an object has no keys - * - * @param {!Object} obj - * @returns {boolean} - */ - function isEmptyObject(obj) { - return !Object.keys(obj).length; - } - - /** - * Extends the first object with any extra objects passed - * - * If the first argument is boolean and set to true - * it will extend child arrays and objects recursively. - * - * @param {!Object|boolean} targetArg - * @param {...Object} source - * @return {Object} - */ - function extend(targetArg, sourceArg) { - var isTargetBoolean = targetArg === !!targetArg; - var i = isTargetBoolean ? 2 : 1; - var target = isTargetBoolean ? sourceArg : targetArg; - var isDeep = isTargetBoolean ? targetArg : false; - - function isObject(value) { - return value !== null && typeof value === 'object' && - Object.getPrototypeOf(value) === Object.prototype; - } - - for (; i < arguments.length; i++) { - var source = arguments[i]; - - // Copy all properties for jQuery compatibility - /* eslint guard-for-in: off */ - for (var key in source) { - var targetValue = target[key]; - var value = source[key]; - - // Skip undefined values to match jQuery - if (isUndefined(value)) { - continue; - } - - // Skip special keys to prevent prototype pollution - if (key === '__proto__' || key === 'constructor') { - continue; - } - - var isValueObject = isObject(value); - var isValueArray = Array.isArray(value); - - if (isDeep && (isValueObject || isValueArray)) { - // Can only merge if target type matches otherwise create - // new target to merge into - var isSameType = isObject(targetValue) === isValueObject && - Array.isArray(targetValue) === isValueArray; - - target[key] = extend( - true, - isSameType ? targetValue : (isValueArray ? [] : {}), - value - ); - } else { - target[key] = value; - } - } - } - - return target; - } - - /** - * Removes an item from the passed array - * - * @param {!Array} arr - * @param {*} item - */ - function arrayRemove(arr, item) { - var i = arr.indexOf(item); - - if (i > -1) { - arr.splice(i, 1); - } - } - - /** - * Iterates over an array or object - * - * @param {!Object|Array} obj - * @param {function(*, *)} fn - */ - function each(obj, fn) { - if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { - for (var i = 0; i < obj.length; i++) { - fn(i, obj[i]); - } - } else { - Object.keys(obj).forEach(function (key) { - fn(key, obj[key]); - }); - } - } - - /** - * Cache of camelCase CSS property names - * @type {Object<string, string>} - */ - var cssPropertyNameCache = {}; - - /** - * Node type constant for element nodes - * - * @type {number} - */ - var ELEMENT_NODE = 1; - - /** - * Node type constant for text nodes - * - * @type {number} - */ - var TEXT_NODE = 3; - - /** - * Node type constant for comment nodes - * - * @type {number} - */ - var COMMENT_NODE = 8; - - function toFloat(value) { - value = parseFloat(value); - - return isFinite(value) ? value : 0; - } - - /** - * Creates an element with the specified attributes - * - * Will create it in the current document unless context - * is specified. - * - * @param {!string} tag - * @param {!Object<string, string>} [attributes] - * @param {!Document} [context] - * @returns {!HTMLElement} - */ - function createElement(tag, attributes, context) { - var node = (context || document).createElement(tag); - - each(attributes || {}, function (key, value) { - if (key === 'style') { - node.style.cssText = value; - } else if (key in node) { - node[key] = value; - } else { - node.setAttribute(key, value); - } - }); - - return node; - } - - /** - * Gets the first parent node that matches the selector - * - * @param {!HTMLElement} node - * @param {!string} [selector] - * @returns {HTMLElement|undefined} - */ - function parent(node, selector) { - var parent = node || {}; - - while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { - if (!selector || is(parent, selector)) { - return parent; - } - } - } - - /** - * Checks the passed node and all parents and - * returns the first matching node if any. - * - * @param {!HTMLElement} node - * @param {!string} selector - * @returns {HTMLElement|undefined} - */ - function closest(node, selector) { - return is(node, selector) ? node : parent(node, selector); - } - - /** - * Removes the node from the DOM - * - * @param {!HTMLElement} node - */ - function remove(node) { - if (node.parentNode) { - node.parentNode.removeChild(node); - } - } - - /** - * Appends child to parent node - * - * @param {!HTMLElement} node - * @param {!HTMLElement} child - */ - function appendChild(node, child) { - node.appendChild(child); - } - - /** - * Finds any child nodes that match the selector - * - * @param {!HTMLElement} node - * @param {!string} selector - * @returns {NodeList} - */ - function find(node, selector) { - return node.querySelectorAll(selector); - } - - /** - * For on() and off() if to add/remove the event - * to the capture phase - * - * @type {boolean} - */ - var EVENT_CAPTURE = true; - - /** - * Adds an event listener for the specified events. - * - * Events should be a space separated list of events. - * - * If selector is specified the handler will only be - * called when the event target matches the selector. - * - * @param {!Node} node - * @param {string} events - * @param {string} [selector] - * @param {function(Object)} fn - * @param {boolean} [capture=false] - * @see off() - */ - // eslint-disable-next-line max-params - function on(node, events, selector, fn, capture) { - events.split(' ').forEach(function (event) { - var handler; - - if (isString(selector)) { - handler = fn['_sce-event-' + event + selector] || function (e) { - var target = e.target; - while (target && target !== node) { - if (is(target, selector)) { - fn.call(target, e); - return; - } - - target = target.parentNode; - } - }; - - fn['_sce-event-' + event + selector] = handler; - } else { - handler = selector; - capture = fn; - } - - node.addEventListener(event, handler, capture || false); - }); - } - - /** - * Removes an event listener for the specified events. - * - * @param {!Node} node - * @param {string} events - * @param {string} [selector] - * @param {function(Object)} fn - * @param {boolean} [capture=false] - * @see on() - */ - // eslint-disable-next-line max-params - function off(node, events, selector, fn, capture) { - events.split(' ').forEach(function (event) { - var handler; - - if (isString(selector)) { - handler = fn['_sce-event-' + event + selector]; - } else { - handler = selector; - capture = fn; - } - - node.removeEventListener(event, handler, capture || false); - }); - } - - /** - * If only attr param is specified it will get - * the value of the attr param. - * - * If value is specified but null the attribute - * will be removed otherwise the attr value will - * be set to the passed value. - * - * @param {!HTMLElement} node - * @param {!string} attr - * @param {?string} [value] - */ - function attr(node, attr, value) { - if (arguments.length < 3) { - return node.getAttribute(attr); - } - - // eslint-disable-next-line eqeqeq, no-eq-null - if (value == null) { - removeAttr(node, attr); - } else { - node.setAttribute(attr, value); - } - } - - /** - * Removes the specified attribute - * - * @param {!HTMLElement} node - * @param {!string} attr - */ - function removeAttr(node, attr) { - node.removeAttribute(attr); - } - - /** - * Sets the passed elements display to none - * - * @param {!HTMLElement} node - */ - function hide(node) { - css(node, 'display', 'none'); - } - - /** - * Sets the passed elements display to default - * - * @param {!HTMLElement} node - */ - function show(node) { - css(node, 'display', ''); - } - - /** - * Toggles an elements visibility - * - * @param {!HTMLElement} node - */ - function toggle(node) { - if (isVisible(node)) { - hide(node); - } else { - show(node); - } - } - - /** - * Gets a computed CSS values or sets an inline CSS value - * - * Rules should be in camelCase format and not - * hyphenated like CSS properties. - * - * @param {!HTMLElement} node - * @param {!Object|string} rule - * @param {string|number} [value] - * @return {string|number|undefined} - */ - function css(node, rule, value) { - if (arguments.length < 3) { - if (isString(rule)) { - return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; - } - - each(rule, function (key, value) { - css(node, key, value); - }); - } else { - // isNaN returns false for null, false and empty strings - // so need to check it's truthy or 0 - var isNumeric = (value || value === 0) && !isNaN(value); - node.style[rule] = isNumeric ? value + 'px' : value; - } - } - - - /** - * Gets or sets the data attributes on a node - * - * Unlike the jQuery version this only stores data - * in the DOM attributes which means only strings - * can be stored. - * - * @param {Node} node - * @param {string} [key] - * @param {string} [value] - * @return {Object|undefined} - */ - function data(node, key, value) { - var argsLength = arguments.length; - var data = {}; - - if (node.nodeType === ELEMENT_NODE) { - if (argsLength === 1) { - each(node.attributes, function (_, attr) { - if (/^data\-/i.test(attr.name)) { - data[attr.name.substr(5)] = attr.value; - } - }); - - return data; - } - - if (argsLength === 2) { - return attr(node, 'data-' + key); - } - - attr(node, 'data-' + key, String(value)); - } - } - - /** - * Checks if node matches the given selector. - * - * @param {?HTMLElement} node - * @param {string} selector - * @returns {boolean} - */ - function is(node, selector) { - var result = false; - - if (node && node.nodeType === ELEMENT_NODE) { - result = (node.matches || node.msMatchesSelector || - node.webkitMatchesSelector).call(node, selector); - } - - return result; - } - - - /** - * Returns true if node contains child otherwise false. - * - * This differs from the DOM contains() method in that - * if node and child are equal this will return false. - * - * @param {!Node} node - * @param {HTMLElement} child - * @returns {boolean} - */ - function contains(node, child) { - return node !== child && node.contains && node.contains(child); - } - - /** - * @param {Node} node - * @param {string} [selector] - * @returns {?HTMLElement} - */ - function previousElementSibling(node, selector) { - var prev = node.previousElementSibling; - - if (selector && prev) { - return is(prev, selector) ? prev : null; - } - - return prev; - } - - /** - * @param {!Node} node - * @param {!Node} refNode - * @returns {Node} - */ - function insertBefore(node, refNode) { - return refNode.parentNode.insertBefore(node, refNode); - } - - /** - * @param {?HTMLElement} node - * @returns {!Array.<string>} - */ - function classes(node) { - return node.className.trim().split(/\s+/); - } - - /** - * @param {?HTMLElement} node - * @param {string} className - * @returns {boolean} - */ - function hasClass(node, className) { - return is(node, '.' + className); - } - - /** - * @param {!HTMLElement} node - * @param {string} className - */ - function addClass(node, className) { - var classList = classes(node); - - if (classList.indexOf(className) < 0) { - classList.push(className); - } - - node.className = classList.join(' '); - } - - /** - * @param {!HTMLElement} node - * @param {string} className - */ - function removeClass(node, className) { - var classList = classes(node); - - arrayRemove(classList, className); - - node.className = classList.join(' '); - } - - /** - * Toggles a class on node. - * - * If state is specified and is truthy it will add - * the class. - * - * If state is specified and is falsey it will remove - * the class. - * - * @param {HTMLElement} node - * @param {string} className - * @param {boolean} [state] - */ - function toggleClass(node, className, state) { - state = isUndefined(state) ? !hasClass(node, className) : state; - - if (state) { - addClass(node, className); - } else { - removeClass(node, className); - } - } - - /** - * Gets or sets the width of the passed node. - * - * @param {HTMLElement} node - * @param {number|string} [value] - * @returns {number|undefined} - */ - function width(node, value) { - if (isUndefined(value)) { - var cs = getComputedStyle(node); - var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); - var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); - - return node.offsetWidth - padding - border; - } - - css(node, 'width', value); - } - - /** - * Gets or sets the height of the passed node. - * - * @param {HTMLElement} node - * @param {number|string} [value] - * @returns {number|undefined} - */ - function height(node, value) { - if (isUndefined(value)) { - var cs = getComputedStyle(node); - var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); - var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); - - return node.offsetHeight - padding - border; - } - - css(node, 'height', value); - } - - /** - * Triggers a custom event with the specified name and - * sets the detail property to the data object passed. - * - * @param {HTMLElement} node - * @param {string} eventName - * @param {Object} [data] - */ - function trigger(node, eventName, data) { - var event; - - if (isFunction(window.CustomEvent)) { - event = new CustomEvent(eventName, { - bubbles: true, - cancelable: true, - detail: data - }); - } else { - event = node.ownerDocument.createEvent('CustomEvent'); - event.initCustomEvent(eventName, true, true, data); - } - - node.dispatchEvent(event); - } - - /** - * Returns if a node is visible. - * - * @param {HTMLElement} - * @returns {boolean} - */ - function isVisible(node) { - return !!node.getClientRects().length; - } - - /** - * Convert CSS property names into camel case - * - * @param {string} string - * @returns {string} - */ - function camelCase(string) { - return string - .replace(/^-ms-/, 'ms-') - .replace(/-(\w)/g, function (match, char) { - return char.toUpperCase(); - }); - } - - - /** - * Loop all child nodes of the passed node - * - * The function should accept 1 parameter being the node. - * If the function returns false the loop will be exited. - * - * @param {HTMLElement} node - * @param {function} func Callback which is called with every - * child node as the first argument. - * @param {boolean} innermostFirst If the innermost node should be passed - * to the function before it's parents. - * @param {boolean} siblingsOnly If to only traverse the nodes siblings - * @param {boolean} [reverse=false] If to traverse the nodes in reverse - */ - // eslint-disable-next-line max-params - function traverse(node, func, innermostFirst, siblingsOnly, reverse) { - node = reverse ? node.lastChild : node.firstChild; - - while (node) { - var next = reverse ? node.previousSibling : node.nextSibling; - - if ( - (!innermostFirst && func(node) === false) || - (!siblingsOnly && traverse( - node, func, innermostFirst, siblingsOnly, reverse - ) === false) || - (innermostFirst && func(node) === false) - ) { - return false; - } - - node = next; - } - } - - /** - * Like traverse but loops in reverse - * @see traverse - */ - function rTraverse(node, func, innermostFirst, siblingsOnly) { - traverse(node, func, innermostFirst, siblingsOnly, true); - } - - /** - * Parses HTML into a document fragment - * - * @param {string} html - * @param {Document} [context] - * @since 1.4.4 - * @return {DocumentFragment} - */ - function parseHTML(html, context) { - context = context || document; - - var ret = context.createDocumentFragment(); - var tmp = createElement('div', {}, context); - - tmp.innerHTML = html; - - while (tmp.firstChild) { - appendChild(ret, tmp.firstChild); - } - - return ret; - } - - /** - * Checks if an element has any styling. - * - * It has styling if it is not a plain <div> or <p> or - * if it has a class, style attribute or data. - * - * @param {HTMLElement} elm - * @return {boolean} - * @since 1.4.4 - */ - function hasStyling(node) { - return node && (!is(node, 'p,div') || node.className || - attr(node, 'style') || !isEmptyObject(data(node))); - } - - /** - * Converts an element from one type to another. - * - * For example it can convert the element <b> to <strong> - * - * @param {HTMLElement} element - * @param {string} toTagName - * @return {HTMLElement} - * @since 1.4.4 - */ - function convertElement(element, toTagName) { - var newElement = createElement(toTagName, {}, element.ownerDocument); - - each(element.attributes, function (_, attribute) { - // Some browsers parse invalid attributes names like - // 'size"2' which throw an exception when set, just - // ignore these. - try { - attr(newElement, attribute.name, attribute.value); - } catch (ex) {} - }); - - while (element.firstChild) { - appendChild(newElement, element.firstChild); - } - - element.parentNode.replaceChild(newElement, element); - - return newElement; - } - - /** - * List of block level elements separated by bars (|) - * - * @type {string} - */ - var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + - 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|' + - 'details|section|article|aside|nav|main|header|hgroup|footer|fieldset|' + - 'dl|dt|dd|figure|figcaption|'; - - /** - * List of elements that do not allow children separated by bars (|) - * - * @param {Node} node - * @return {boolean} - * @since 1.4.5 - */ - function canHaveChildren(node) { - // 1 = Element - // 9 = Document - // 11 = Document Fragment - if (!/11?|9/.test(node.nodeType)) { - return false; - } - - // List of empty HTML tags separated by bar (|) character. - // Source: http://www.w3.org/TR/html4/index/elements.html - // Source: http://www.w3.org/TR/html5/syntax.html#void-elements - return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + - '|isindex|link|meta|param|command|embed|keygen|source|track|' + - 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; - } - - /** - * Checks if an element is inline - * - * @param {HTMLElement} elm - * @param {boolean} [includeCodeAsBlock=false] - * @return {boolean} - */ - function isInline(elm, includeCodeAsBlock) { - var tagName, - nodeType = (elm || {}).nodeType || TEXT_NODE; - - if (nodeType !== ELEMENT_NODE) { - return nodeType === TEXT_NODE; - } - - tagName = elm.tagName.toLowerCase(); - - if (tagName === 'code') { - return !includeCodeAsBlock; - } - - return blockLevelList.indexOf('|' + tagName + '|') < 0; - } - - /** - * Copy the CSS from 1 node to another. - * - * Only copies CSS defined on the element e.g. style attr. - * - * @param {HTMLElement} from - * @param {HTMLElement} to - * @deprecated since v3.1.0 - */ - function copyCSS(from, to) { - if (to.style && from.style) { - to.style.cssText = from.style.cssText + to.style.cssText; - } - } - - /** - * Checks if a DOM node is empty - * - * @param {Node} node - * @returns {boolean} - */ - function isEmpty(node) { - if (node.lastChild && isEmpty(node.lastChild)) { - remove(node.lastChild); - } - - return node.nodeType === 3 ? !node.nodeValue : - (canHaveChildren(node) && !node.childNodes.length); - } - - /** - * Fixes block level elements inside in inline elements. - * - * Also fixes invalid list nesting by placing nested lists - * inside the previous li tag or wrapping them in an li tag. - * - * @param {HTMLElement} node - */ - function fixNesting(node) { - traverse(node, function (node) { - var list = 'ul,ol', - isBlock = !isInline(node, true) && node.nodeType !== COMMENT_NODE, - parent = node.parentNode; - - // Any blocklevel element inside an inline element needs fixing. - // Also <p> tags that contain blocks should be fixed - if (isBlock && (isInline(parent, true) || parent.tagName === 'P')) { - // Find the last inline parent node - var lastInlineParent = node; - while (isInline(lastInlineParent.parentNode, true) || - lastInlineParent.parentNode.tagName === 'P') { - lastInlineParent = lastInlineParent.parentNode; - } - - var before = extractContents(lastInlineParent, node); - var middle = node; - - // Clone inline styling and apply it to the blocks children - while (parent && isInline(parent, true)) { - if (parent.nodeType === ELEMENT_NODE) { - var clone = parent.cloneNode(); - while (middle.firstChild) { - appendChild(clone, middle.firstChild); - } - - appendChild(middle, clone); - } - parent = parent.parentNode; - } - - insertBefore(middle, lastInlineParent); - if (!isEmpty(before)) { - insertBefore(before, middle); - } - if (isEmpty(lastInlineParent)) { - remove(lastInlineParent); - } - } - - // Fix invalid nested lists which should be wrapped in an li tag - if (isBlock && is(node, list) && is(node.parentNode, list)) { - var li = previousElementSibling(node, 'li'); - - if (!li) { - li = createElement('li'); - insertBefore(li, node); - } - - appendChild(li, node); - } - }); - } - - /** - * Finds the common parent of two nodes - * - * @param {!HTMLElement} node1 - * @param {!HTMLElement} node2 - * @return {?HTMLElement} - */ - function findCommonAncestor(node1, node2) { - while ((node1 = node1.parentNode)) { - if (contains(node1, node2)) { - return node1; - } - } - } - - /** - * @param {?Node} - * @param {boolean} [previous=false] - * @returns {?Node} - */ - function getSibling(node, previous) { - if (!node) { - return null; - } - - return (previous ? node.previousSibling : node.nextSibling) || - getSibling(node.parentNode, previous); - } - - /** - * Removes unused whitespace from the root and all it's children. - * - * @param {!HTMLElement} root - * @since 1.4.3 - */ - function removeWhiteSpace(root) { - var nodeValue, nodeType, next, previous, previousSibling, - nextNode, trimStart, - cssWhiteSpace = css(root, 'whiteSpace'), - // Preserve newlines if is pre-line - preserveNewLines = /line$/i.test(cssWhiteSpace), - node = root.firstChild; - - // Skip pre & pre-wrap with any vendor prefix - if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { - return; - } - - while (node) { - nextNode = node.nextSibling; - nodeValue = node.nodeValue; - nodeType = node.nodeType; - - if (nodeType === ELEMENT_NODE && node.firstChild) { - removeWhiteSpace(node); - } - - if (nodeType === TEXT_NODE) { - next = getSibling(node); - previous = getSibling(node, true); - trimStart = false; - - while (hasClass(previous, 'sceditor-ignore')) { - previous = getSibling(previous, true); - } - - // If previous sibling isn't inline or is a textnode that - // ends in whitespace, time the start whitespace - if (isInline(node) && previous) { - previousSibling = previous; - - while (previousSibling.lastChild) { - previousSibling = previousSibling.lastChild; - - // eslint-disable-next-line max-depth - while (hasClass(previousSibling, 'sceditor-ignore')) { - previousSibling = getSibling(previousSibling, true); - } - } - - trimStart = previousSibling.nodeType === TEXT_NODE ? - /[\t\n\r ]$/.test(previousSibling.nodeValue) : - !isInline(previousSibling); - } - - // Clear zero width spaces - nodeValue = nodeValue.replace(/\u200B/g, ''); - - // Strip leading whitespace - if (!previous || !isInline(previous) || trimStart) { - nodeValue = nodeValue.replace( - preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, - '' - ); - } - - // Strip trailing whitespace - if (!next || !isInline(next)) { - nodeValue = nodeValue.replace( - preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, - '' - ); - } - - // Remove empty text nodes - if (!nodeValue.length) { - remove(node); - } else { - node.nodeValue = nodeValue.replace( - preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, - ' ' - ); - } - } - - node = nextNode; - } - } - - /** - * Extracts all the nodes between the start and end nodes - * - * @param {HTMLElement} startNode The node to start extracting at - * @param {HTMLElement} endNode The node to stop extracting at - * @return {DocumentFragment} - */ - function extractContents(startNode, endNode) { - var range = startNode.ownerDocument.createRange(); - - range.setStartBefore(startNode); - range.setEndAfter(endNode); - - return range.extractContents(); - } - - /** - * Gets the offset position of an element - * - * @param {HTMLElement} node - * @return {Object} An object with left and top properties - */ - function getOffset(node) { - var left = 0, - top = 0; - - while (node) { - left += node.offsetLeft; - top += node.offsetTop; - node = node.offsetParent; - } - - return { - left: left, - top: top - }; - } - - /** - * Gets the value of a CSS property from the elements style attribute - * - * @param {HTMLElement} elm - * @param {string} property - * @return {string} - */ - function getStyle(elm, property) { - var styleValue, - elmStyle = elm.style; - - if (!cssPropertyNameCache[property]) { - cssPropertyNameCache[property] = camelCase(property); - } - - property = cssPropertyNameCache[property]; - styleValue = elmStyle[property]; - - // Add an exception for text-align - if ('textAlign' === property) { - styleValue = styleValue || css(elm, property); - - if (css(elm.parentNode, property) === styleValue || - css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { - return ''; - } - } - - return styleValue; - } - - /** - * Tests if an element has a style. - * - * If values are specified it will check that the styles value - * matches one of the values - * - * @param {HTMLElement} elm - * @param {string} property - * @param {string|array} [values] - * @return {boolean} - */ - function hasStyle(elm, property, values) { - var styleValue = getStyle(elm, property); - - if (!styleValue) { - return false; - } - - return !values || styleValue === values || - (Array.isArray(values) && values.indexOf(styleValue) > -1); - } - - /** - * Returns true if both nodes have the same number of inline styles and all the - * inline styles have matching values - * - * @param {HTMLElement} nodeA - * @param {HTMLElement} nodeB - * @returns {boolean} - */ - function stylesMatch(nodeA, nodeB) { - var i = nodeA.style.length; - if (i !== nodeB.style.length) { - return false; - } - - while (i--) { - var prop = nodeA.style[i]; - if (nodeA.style[prop] !== nodeB.style[prop]) { - return false; - } - } - - return true; - } - - /** - * Returns true if both nodes have the same number of attributes and all the - * attribute values match - * - * @param {HTMLElement} nodeA - * @param {HTMLElement} nodeB - * @returns {boolean} - */ - function attributesMatch(nodeA, nodeB) { - var i = nodeA.attributes.length; - if (i !== nodeB.attributes.length) { - return false; - } - - while (i--) { - var prop = nodeA.attributes[i]; - var notMatches = prop.name === 'style' ? - !stylesMatch(nodeA, nodeB) : - prop.value !== attr(nodeB, prop.name); - - if (notMatches) { - return false; - } - } - - return true; - } - - /** - * Removes an element placing its children in its place - * - * @param {HTMLElement} node - */ - function removeKeepChildren(node) { - while (node.firstChild) { - insertBefore(node.firstChild, node); - } - - remove(node); - } - - /** - * Merges inline styles and tags with parents where possible - * - * @param {Node} node - * @since 3.1.0 - */ - function merge(node) { - if (node.nodeType !== ELEMENT_NODE) { - return; - } - - var parent = node.parentNode; - var tagName = node.tagName; - var mergeTags = /B|STRONG|EM|SPAN|FONT/; - - // Merge children (in reverse as children can be removed) - var i = node.childNodes.length; - while (i--) { - merge(node.childNodes[i]); - } - - // Should only merge inline tags - if (!isInline(node)) { - return; - } - - // Remove any inline styles that match the parent style - i = node.style.length; - while (i--) { - var prop = node.style[i]; - if (css(parent, prop) === css(node, prop)) { - node.style.removeProperty(prop); - } - } - - // Can only remove / merge tags if no inline styling left. - // If there is any inline style left then it means it at least partially - // doesn't match the parent style so must stay - if (!node.style.length) { - removeAttr(node, 'style'); - - // Remove font attributes if match parent - if (tagName === 'FONT') { - if (css(node, 'fontFamily').toLowerCase() === - css(parent, 'fontFamily').toLowerCase()) { - removeAttr(node, 'face'); - } - - if (css(node, 'color') === css(parent, 'color')) { - removeAttr(node, 'color'); - } - - if (css(node, 'fontSize') === css(parent, 'fontSize')) { - removeAttr(node, 'size'); - } - } - - // Spans and font tags with no attributes can be safely removed - if (!node.attributes.length && /SPAN|FONT/.test(tagName)) { - removeKeepChildren(node); - } else if (mergeTags.test(tagName)) { - var isBold = /B|STRONG/.test(tagName); - var isItalic = tagName === 'EM'; - - while (parent && isInline(parent) && - (!isBold || /bold|700/i.test(css(parent, 'fontWeight'))) && - (!isItalic || css(parent, 'fontStyle') === 'italic')) { - - // Remove if parent match - if ((parent.tagName === tagName || - (isBold && /B|STRONG/.test(parent.tagName))) && - attributesMatch(parent, node)) { - removeKeepChildren(node); - break; - } - - parent = parent.parentNode; - } - } - } - - // Merge siblings if attributes, including inline styles, match - var next = node.nextSibling; - if (next && next.tagName === tagName && attributesMatch(next, node)) { - appendChild(node, next); - removeKeepChildren(next); - } - } - - /** - * Default options for SCEditor - * @type {Object} - */ - var defaultOptions = { - /** @lends jQuery.sceditor.defaultOptions */ - /** - * Toolbar buttons order and groups. Should be comma separated and - * have a bar | to separate groups - * - * @type {string} - */ - toolbar: 'bold,italic,underline,strike,subscript,superscript|' + - 'left,center,right,justify|font,size,color,removeformat|' + - 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + - 'table|code,quote|horizontalrule,image,email,link,unlink|' + - 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', - - /** - * Comma separated list of commands to excludes from the toolbar - * - * @type {string} - */ - toolbarExclude: null, - - /** - * Stylesheet to include in the WYSIWYG editor. This is what will style - * the WYSIWYG elements - * - * @type {string} - */ - style: 'jquery.sceditor.default.css', - - /** - * Comma separated list of fonts for the font selector - * - * @type {string} - */ - fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + - 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', - - /** - * Colors should be comma separated and have a bar | to signal a new - * column. - * - * If null the colors will be auto generated. - * - * @type {string} - */ - colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + - '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + - '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + - '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + - '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + - '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + - '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + - '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', - - /** - * The locale to use. - * @type {string} - */ - locale: attr(document.documentElement, 'lang') || 'en', - - /** - * The Charset to use - * @type {string} - */ - charset: 'utf-8', - - /** - * Compatibility mode for emoticons. - * - * Helps if you have emoticons such as :/ which would put an emoticon - * inside http:// - * - * This mode requires emoticons to be surrounded by whitespace or end of - * line chars. This mode has limited As You Type emoticon conversion - * support. It will not replace AYT for end of line chars, only - * emoticons surrounded by whitespace. They will still be replaced - * correctly when loaded just not AYT. - * - * @type {boolean} - */ - emoticonsCompat: false, - - /** - * If to enable emoticons. Can be changes at runtime using the - * emoticons() method. - * - * @type {boolean} - * @since 1.4.2 - */ - emoticonsEnabled: true, - - /** - * Emoticon root URL - * - * @type {string} - */ - emoticonsRoot: '', - emoticons: { - dropdown: { - ':)': 'emoticons/smile.png', - ':angel:': 'emoticons/angel.png', - ':angry:': 'emoticons/angry.png', - '8-)': 'emoticons/cool.png', - ':\'(': 'emoticons/cwy.png', - ':ermm:': 'emoticons/ermm.png', - ':D': 'emoticons/grin.png', - '<3': 'emoticons/heart.png', - ':(': 'emoticons/sad.png', - ':O': 'emoticons/shocked.png', - ':P': 'emoticons/tongue.png', - ';)': 'emoticons/wink.png' - }, - more: { - ':alien:': 'emoticons/alien.png', - ':blink:': 'emoticons/blink.png', - ':blush:': 'emoticons/blush.png', - ':cheerful:': 'emoticons/cheerful.png', - ':devil:': 'emoticons/devil.png', - ':dizzy:': 'emoticons/dizzy.png', - ':getlost:': 'emoticons/getlost.png', - ':happy:': 'emoticons/happy.png', - ':kissing:': 'emoticons/kissing.png', - ':ninja:': 'emoticons/ninja.png', - ':pinch:': 'emoticons/pinch.png', - ':pouty:': 'emoticons/pouty.png', - ':sick:': 'emoticons/sick.png', - ':sideways:': 'emoticons/sideways.png', - ':silly:': 'emoticons/silly.png', - ':sleeping:': 'emoticons/sleeping.png', - ':unsure:': 'emoticons/unsure.png', - ':woot:': 'emoticons/w00t.png', - ':wassat:': 'emoticons/wassat.png' - }, - hidden: { - ':whistling:': 'emoticons/whistling.png', - ':love:': 'emoticons/wub.png' - } - }, - - /** - * Width of the editor. Set to null for automatic with - * - * @type {?number} - */ - width: null, - - /** - * Height of the editor including toolbar. Set to null for automatic - * height - * - * @type {?number} - */ - height: null, - - /** - * If to allow the editor to be resized - * - * @type {boolean} - */ - resizeEnabled: true, - - /** - * Min resize to width, set to null for half textarea width or -1 for - * unlimited - * - * @type {?number} - */ - resizeMinWidth: null, - /** - * Min resize to height, set to null for half textarea height or -1 for - * unlimited - * - * @type {?number} - */ - resizeMinHeight: null, - /** - * Max resize to height, set to null for double textarea height or -1 - * for unlimited - * - * @type {?number} - */ - resizeMaxHeight: null, - /** - * Max resize to width, set to null for double textarea width or -1 for - * unlimited - * - * @type {?number} - */ - resizeMaxWidth: null, - /** - * If resizing by height is enabled - * - * @type {boolean} - */ - resizeHeight: true, - /** - * If resizing by width is enabled - * - * @type {boolean} - */ - resizeWidth: true, - - /** - * Date format, will be overridden if locale specifies one. - * - * The words year, month and day will be replaced with the users current - * year, month and day. - * - * @type {string} - */ - dateFormat: 'year-month-day', - - /** - * Element to inset the toolbar into. - * - * @type {HTMLElement} - */ - toolbarContainer: null, - - /** - * If to enable paste filtering. This is currently experimental, please - * report any issues. - * - * @type {boolean} - */ - enablePasteFiltering: false, - - /** - * If to completely disable pasting into the editor - * - * @type {boolean} - */ - disablePasting: false, - - /** - * If the editor is read only. - * - * @type {boolean} - */ - readOnly: false, - - /** - * If to set the editor to right-to-left mode. - * - * If set to null the direction will be automatically detected. - * - * @type {boolean} - */ - rtl: false, - - /** - * If to auto focus the editor on page load - * - * @type {boolean} - */ - autofocus: false, - - /** - * If to auto focus the editor to the end of the content - * - * @type {boolean} - */ - autofocusEnd: true, - - /** - * If to auto expand the editor to fix the content - * - * @type {boolean} - */ - autoExpand: false, - - /** - * If to auto update original textbox on blur - * - * @type {boolean} - */ - autoUpdate: false, - - /** - * If to enable the browsers built in spell checker - * - * @type {boolean} - */ - spellcheck: true, - - /** - * If to run the source editor when there is no WYSIWYG support. Only - * really applies to mobile OS's. - * - * @type {boolean} - */ - runWithoutWysiwygSupport: false, - - /** - * If to load the editor in source mode and still allow switching - * between WYSIWYG and source mode - * - * @type {boolean} - */ - startInSourceMode: false, - - /** - * Optional ID to give the editor. - * - * @type {string} - */ - id: null, - - /** - * Comma separated list of plugins - * - * @type {string} - */ - plugins: '', - - /** - * z-index to set the editor container to. Needed for jQuery UI dialog. - * - * @type {?number} - */ - zIndex: null, - - /** - * If to trim the BBCode. Removes any spaces at the start and end of the - * BBCode string. - * - * @type {boolean} - */ - bbcodeTrim: false, - - /** - * If to disable removing block level elements by pressing backspace at - * the start of them - * - * @type {boolean} - */ - disableBlockRemove: false, - - /** - * Array of allowed URL (should be either strings or regex) for iframes. - * - * If it's a string then iframes where the start of the src matches the - * specified string will be allowed. - * - * If it's a regex then iframes where the src matches the regex will be - * allowed. - * - * @type {Array} - */ - allowedIframeUrls: [], - - /** - * BBCode parser options, only applies if using the editor in BBCode - * mode. - * - * See SCEditor.BBCodeParser.defaults for list of valid options - * - * @type {Object} - */ - parserOptions: { }, - - /** - * CSS that will be added to the to dropdown menu (eg. z-index) - * - * @type {Object} - */ - dropDownCss: { } - }; - - // Must start with a valid scheme - // ^ - // Schemes that are considered safe - // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| - // Relative schemes (//:) are considered safe - // (\\/\\/)| - // Image data URI's are considered safe - // data:image\\/(png|bmp|gif|p?jpe?g); - var VALID_SCHEME_REGEX = - /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; - - /** - * Escapes a string so it's safe to use in regex - * - * @param {string} str - * @return {string} - */ - function regex(str) { - return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); - } - /** - * Escapes all HTML entities in a string - * - * If noQuotes is set to false, all single and double - * quotes will also be escaped - * - * @param {string} str - * @param {boolean} [noQuotes=true] - * @return {string} - * @since 1.4.1 - */ - function entities(str, noQuotes) { - if (!str) { - return str; - } - - var replacements = { - '&': '&', - '<': '<', - '>': '>', - ' ': ' ', - '\r\n': '<br />', - '\r': '<br />', - '\n': '<br />' - }; - - if (noQuotes !== false) { - replacements['"'] = '"'; - replacements['\''] = '''; - replacements['`'] = '`'; - } - - str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { - return replacements[match] || match; - }); - - return str; - } - /** - * Escape URI scheme. - * - * Appends the current URL to a url if it has a scheme that is not: - * - * http - * https - * sftp - * ftp - * mailto - * spotify - * skype - * ssh - * teamspeak - * tel - * // - * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); - * - * **IMPORTANT**: This does not escape any HTML in a url, for - * that use the escape.entities() method. - * - * @param {string} url - * @return {string} - * @since 1.4.5 - */ - function uriScheme(url) { - var path, - // If there is a : before a / then it has a scheme - hasScheme = /^[^\/]*:/i, - location = window.location; - - // Has no scheme or a valid scheme - if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { - return url; - } - - path = location.pathname.split('/'); - path.pop(); - - return location.protocol + '//' + - location.host + - path.join('/') + '/' + - url; - } - - /** - * HTML templates used by the editor and default commands - * @type {Object} - * @private - */ - var _templates = { - html: - '<!DOCTYPE html>' + - '<html{attrs}>' + - '<head>' + - '<meta http-equiv="Content-Type" ' + - 'content="text/html;charset={charset}" />' + - '<link rel="stylesheet" type="text/css" href="{style}" />' + - '</head>' + - '<body contenteditable="true" {spellcheck}><p></p></body>' + - '</html>', - - toolbarButton: '<a class="sceditor-button sceditor-button-{name}" ' + - 'data-sceditor-command="{name}" unselectable="on">' + - '<div unselectable="on">{dispName}</div></a>', - - emoticon: '<img src="{url}" data-sceditor-emoticon="{key}" ' + - 'alt="{key}" title="{tooltip}" />', - - fontOpt: '<a class="sceditor-font-option" href="#" ' + - 'data-font="{font}"><font face="{font}">{font}</font></a>', - - sizeOpt: '<a class="sceditor-fontsize-option" data-size="{size}" ' + - 'href="#"><font size="{size}">{size}</font></a>', - - pastetext: - '<div><label for="txt">{label}</label> ' + - '<textarea cols="20" rows="7" id="txt"></textarea></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - table: - '<div><label for="rows">{rows}</label><input type="text" ' + - 'id="rows" value="2" /></div>' + - '<div><label for="cols">{cols}</label><input type="text" ' + - 'id="cols" value="2" /></div>' + - '<div><input type="button" class="button" value="{insert}"' + - ' /></div>', - - image: - '<div><label for="image">{url}</label> ' + - '<input type="text" id="image" dir="ltr" placeholder="https://" /></div>' + - '<div><label for="width">{width}</label> ' + - '<input type="text" id="width" size="2" dir="ltr" /></div>' + - '<div><label for="height">{height}</label> ' + - '<input type="text" id="height" size="2" dir="ltr" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - email: - '<div><label for="email">{label}</label> ' + - '<input type="text" id="email" dir="ltr" /></div>' + - '<div><label for="des">{desc}</label> ' + - '<input type="text" id="des" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - link: - '<div><label for="link">{url}</label> ' + - '<input type="text" id="link" dir="ltr" placeholder="https://" /></div>' + - '<div><label for="des">{desc}</label> ' + - '<input type="text" id="des" /></div>' + - '<div><input type="button" class="button" value="{ins}" /></div>', - - youtubeMenu: - '<div><label for="link">{label}</label> ' + - '<input type="text" id="link" dir="ltr" placeholder="https://" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - youtube: - '<iframe width="560" height="315" frameborder="0" allowfullscreen ' + - 'src="https://www.youtube-nocookie.com/embed/{id}?wmode=opaque&start={time}" ' + - 'data-youtube-id="{id}"></iframe>' - }; - - /** - * Replaces any params in a template with the passed params. - * - * If createHtml is passed it will return a DocumentFragment - * containing the parsed template. - * - * @param {string} name - * @param {Object} [params] - * @param {boolean} [createHtml] - * @returns {string|DocumentFragment} - * @private - */ - function _tmpl (name, params, createHtml) { - var template = _templates[name]; - - Object.keys(params).forEach(function (name) { - template = template.replace( - new RegExp(regex('{' + name + '}'), 'g'), params[name] - ); - }); - - if (createHtml) { - template = parseHTML(template); - } - - return template; - } - - /** - * Fixes a bug in FF where it sometimes wraps - * new lines in their own list item. - * See issue #359 - */ - function fixFirefoxListBug(editor) { - // Only apply to Firefox as will break other browsers. - if ('mozHidden' in document) { - var node = editor.getBody(); - var next; - - while (node) { - next = node; - - if (next.firstChild) { - next = next.firstChild; - } else { - - while (next && !next.nextSibling) { - next = next.parentNode; - } - - if (next) { - next = next.nextSibling; - } - } - - if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { - // Only remove if newlines are collapsed - if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { - remove(node); - } - } - - node = next; - } - } - } - - - /** - * Map of all the commands for SCEditor - * @type {Object} - * @name commands - * @memberOf jQuery.sceditor - */ - var defaultCmds = { - // START_COMMAND: Bold - bold: { - exec: 'bold', - tooltip: 'Bold', - shortcut: 'Ctrl+B' - }, - // END_COMMAND - // START_COMMAND: Italic - italic: { - exec: 'italic', - tooltip: 'Italic', - shortcut: 'Ctrl+I' - }, - // END_COMMAND - // START_COMMAND: Underline - underline: { - exec: 'underline', - tooltip: 'Underline', - shortcut: 'Ctrl+U' - }, - // END_COMMAND - // START_COMMAND: Strikethrough - strike: { - exec: 'strikethrough', - tooltip: 'Strikethrough' - }, - // END_COMMAND - // START_COMMAND: Subscript - subscript: { - exec: 'subscript', - tooltip: 'Subscript' - }, - // END_COMMAND - // START_COMMAND: Superscript - superscript: { - exec: 'superscript', - tooltip: 'Superscript' - }, - // END_COMMAND - - // START_COMMAND: Left - left: { - state: function (node) { - if (node && node.nodeType === 3) { - node = node.parentNode; - } - - if (node) { - var isLtr = css(node, 'direction') === 'ltr'; - var align = css(node, 'textAlign'); - - // Can be -moz-left - return /left/.test(align) || - align === (isLtr ? 'start' : 'end'); - } - }, - exec: 'justifyleft', - tooltip: 'Align left' - }, - // END_COMMAND - // START_COMMAND: Centre - center: { - exec: 'justifycenter', - tooltip: 'Center' - }, - // END_COMMAND - // START_COMMAND: Right - right: { - state: function (node) { - if (node && node.nodeType === 3) { - node = node.parentNode; - } - - if (node) { - var isLtr = css(node, 'direction') === 'ltr'; - var align = css(node, 'textAlign'); - - // Can be -moz-right - return /right/.test(align) || - align === (isLtr ? 'end' : 'start'); - } - }, - exec: 'justifyright', - tooltip: 'Align right' - }, - // END_COMMAND - // START_COMMAND: Justify - justify: { - exec: 'justifyfull', - tooltip: 'Justify' - }, - // END_COMMAND - - // START_COMMAND: Font - font: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'font')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.opts.fonts.split(',').forEach(function (font) { - appendChild(content, _tmpl('fontOpt', { - font: font - }, true)); - }); - - editor.createDropDown(caller, 'font-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.font._dropDown(editor, caller, function (fontName) { - editor.execCommand('fontname', fontName); - }); - }, - tooltip: 'Font Name' - }, - // END_COMMAND - // START_COMMAND: Size - size: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'size')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - for (var i = 1; i <= 7; i++) { - appendChild(content, _tmpl('sizeOpt', { - size: i - }, true)); - } - - editor.createDropDown(caller, 'fontsize-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.size._dropDown(editor, caller, function (fontSize) { - editor.execCommand('fontsize', fontSize); - }); - }, - tooltip: 'Font Size' - }, - // END_COMMAND - // START_COMMAND: Colour - color: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'), - html = '', - cmd = defaultCmds.color; - - if (!cmd._htmlCache) { - editor.opts.colors.split('|').forEach(function (column) { - html += '<div class="sceditor-color-column">'; - - column.split(',').forEach(function (color) { - html += - '<a href="#" class="sceditor-color-option"' + - ' style="background-color: ' + color + '"' + - ' data-color="' + color + '"></a>'; - }); - - html += '</div>'; - }); - - cmd._htmlCache = html; - } - - appendChild(content, parseHTML(cmd._htmlCache)); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'color')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'color-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.color._dropDown(editor, caller, function (color) { - editor.execCommand('forecolor', color); - }); - }, - tooltip: 'Font Color' - }, - // END_COMMAND - // START_COMMAND: Remove Format - removeformat: { - exec: 'removeformat', - tooltip: 'Remove Formatting' - }, - // END_COMMAND - - // START_COMMAND: Cut - cut: { - exec: 'cut', - tooltip: 'Cut', - errorMessage: 'Your browser does not allow the cut command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-X' - }, - // END_COMMAND - // START_COMMAND: Copy - copy: { - exec: 'copy', - tooltip: 'Copy', - errorMessage: 'Your browser does not allow the copy command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-C' - }, - // END_COMMAND - // START_COMMAND: Paste - paste: { - exec: 'paste', - tooltip: 'Paste', - errorMessage: 'Your browser does not allow the paste command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-V' - }, - // END_COMMAND - // START_COMMAND: Paste Text - pastetext: { - exec: function (caller) { - var val, - content = createElement('div'), - editor = this; - - appendChild(content, _tmpl('pastetext', { - label: editor._( - 'Paste your text inside the following box:' - ), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - val = find(content, '#txt')[0].value; - - if (val) { - editor.wysiwygEditorInsertText(val); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'pastetext', content); - }, - tooltip: 'Paste Text' - }, - // END_COMMAND - // START_COMMAND: Bullet List - bulletlist: { - exec: function () { - fixFirefoxListBug(this); - this.execCommand('insertunorderedlist'); - }, - tooltip: 'Bullet list' - }, - // END_COMMAND - // START_COMMAND: Ordered List - orderedlist: { - exec: function () { - fixFirefoxListBug(this); - this.execCommand('insertorderedlist'); - }, - tooltip: 'Numbered list' - }, - // END_COMMAND - // START_COMMAND: Indent - indent: { - state: function (parent, firstBlock) { - // Only works with lists, for now - var range, startParent, endParent; - - if (is(firstBlock, 'li')) { - return 0; - } - - if (is(firstBlock, 'ul,ol,menu')) { - // if the whole list is selected, then this must be - // invalidated because the browser will place a - // <blockquote> there - range = this.getRangeHelper().selectedRange(); - - startParent = range.startContainer.parentNode; - endParent = range.endContainer.parentNode; - - // TODO: could use nodeType for this? - // Maybe just check the firstBlock contains both the start - //and end containers - - // Select the tag, not the textNode - // (that's why the parentNode) - if (startParent !== - startParent.parentNode.firstElementChild || - // work around a bug in FF - (is(endParent, 'li') && endParent !== - endParent.parentNode.lastElementChild)) { - return 0; - } - } - - return -1; - }, - exec: function () { - var editor = this, - block = editor.getRangeHelper().getFirstBlockParent(); - - editor.focus(); - - // An indent system is quite complicated as there are loads - // of complications and issues around how to indent text - // As default, let's just stay with indenting the lists, - // at least, for now. - if (closest(block, 'ul,ol,menu')) { - editor.execCommand('indent'); - } - }, - tooltip: 'Add indent' - }, - // END_COMMAND - // START_COMMAND: Outdent - outdent: { - state: function (parents, firstBlock) { - return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; - }, - exec: function () { - var block = this.getRangeHelper().getFirstBlockParent(); - if (closest(block, 'ul,ol,menu')) { - this.execCommand('outdent'); - } - }, - tooltip: 'Remove one indent' - }, - // END_COMMAND - - // START_COMMAND: Table - table: { - exec: function (caller) { - var editor = this, - content = createElement('div'); - - appendChild(content, _tmpl('table', { - rows: editor._('Rows:'), - cols: editor._('Cols:'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var rows = Number(find(content, '#rows')[0].value), - cols = Number(find(content, '#cols')[0].value), - html = '<table>'; - - if (rows > 0 && cols > 0) { - html += Array(rows + 1).join( - '<tr>' + - Array(cols + 1).join( - '<td><br /></td>' - ) + - '</tr>' - ); - - html += '</table>'; - - editor.wysiwygEditorInsertHtml(html); - editor.closeDropDown(true); - e.preventDefault(); - } - }); - - editor.createDropDown(caller, 'inserttable', content); - }, - tooltip: 'Insert a table' - }, - // END_COMMAND - - // START_COMMAND: Horizontal Rule - horizontalrule: { - exec: 'inserthorizontalrule', - tooltip: 'Insert a horizontal rule' - }, - // END_COMMAND - - // START_COMMAND: Code - code: { - exec: function () { - this.wysiwygEditorInsertHtml( - '<code>', - '<br /></code>' - ); - }, - tooltip: 'Code' - }, - // END_COMMAND - - // START_COMMAND: Image - image: { - _dropDown: function (editor, caller, selected, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('image', { - url: editor._('URL:'), - width: editor._('Width (optional):'), - height: editor._('Height (optional):'), - insert: editor._('Insert') - }, true)); - - - var urlInput = find(content, '#image')[0]; - - urlInput.value = selected; - - on(content, 'click', '.button', function (e) { - if (urlInput.value) { - cb( - urlInput.value, - find(content, '#width')[0].value, - find(content, '#height')[0].value - ); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertimage', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.image._dropDown( - editor, - caller, - '', - function (url, width, height) { - var attrs = ''; - - if (width) { - attrs += ' width="' + parseInt(width, 10) + '"'; - } - - if (height) { - attrs += ' height="' + parseInt(height, 10) + '"'; - } - - attrs += ' src="' + entities(url) + '"'; - - editor.wysiwygEditorInsertHtml( - '<img' + attrs + ' />' - ); - } - ); - }, - tooltip: 'Insert an image' - }, - // END_COMMAND - - // START_COMMAND: E-mail - email: { - _dropDown: function (editor, caller, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('email', { - label: editor._('E-mail:'), - desc: editor._('Description (optional):'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var email = find(content, '#email')[0].value; - - if (email) { - cb(email, find(content, '#des')[0].value); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertemail', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.email._dropDown( - editor, - caller, - function (email, text) { - if (!editor.getRangeHelper().selectedHtml() || text) { - editor.wysiwygEditorInsertHtml( - '<a href="' + - 'mailto:' + entities(email) + '">' + - entities((text || email)) + - '</a>' - ); - } else { - editor.execCommand('createlink', 'mailto:' + email); - } - } - ); - }, - tooltip: 'Insert an email' - }, - // END_COMMAND - - // START_COMMAND: Link - link: { - _dropDown: function (editor, caller, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('link', { - url: editor._('URL:'), - desc: editor._('Description (optional):'), - ins: editor._('Insert') - }, true)); - - var linkInput = find(content, '#link')[0]; - - function insertUrl(e) { - if (linkInput.value) { - cb(linkInput.value, find(content, '#des')[0].value); - } - - editor.closeDropDown(true); - e.preventDefault(); - } - - on(content, 'click', '.button', insertUrl); - on(content, 'keypress', function (e) { - // 13 = enter key - if (e.which === 13 && linkInput.value) { - insertUrl(e); - } - }, EVENT_CAPTURE); - - editor.createDropDown(caller, 'insertlink', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.link._dropDown(editor, caller, function (url, text) { - if (text || !editor.getRangeHelper().selectedHtml()) { - editor.wysiwygEditorInsertHtml( - '<a href="' + entities(url) + '">' + - entities(text || url) + - '</a>' - ); - } else { - editor.execCommand('createlink', url); - } - }); - }, - tooltip: 'Insert a link' - }, - // END_COMMAND - - // START_COMMAND: Unlink - unlink: { - state: function () { - return closest(this.currentNode(), 'a') ? 0 : -1; - }, - exec: function () { - var anchor = closest(this.currentNode(), 'a'); - - if (anchor) { - while (anchor.firstChild) { - insertBefore(anchor.firstChild, anchor); - } - - remove(anchor); - } - }, - tooltip: 'Unlink' - }, - // END_COMMAND - - - // START_COMMAND: Quote - quote: { - exec: function (caller, html, author) { - var before = '<blockquote>', - end = '</blockquote>'; - - // if there is HTML passed set end to null so any selected - // text is replaced - if (html) { - author = (author ? '<cite>' + - entities(author) + - '</cite>' : ''); - before = before + author + html + end; - end = null; - // if not add a newline to the end of the inserted quote - } else if (this.getRangeHelper().selectedHtml() === '') { - end = '<br />' + end; - } - - this.wysiwygEditorInsertHtml(before, end); - }, - tooltip: 'Insert a Quote' - }, - // END_COMMAND - - // START_COMMAND: Emoticons - emoticon: { - exec: function (caller) { - var editor = this; - - var createContent = function (includeMore) { - var moreLink, - opts = editor.opts, - emoticonsRoot = opts.emoticonsRoot || '', - emoticonsCompat = opts.emoticonsCompat, - rangeHelper = editor.getRangeHelper(), - startSpace = emoticonsCompat && - rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', - endSpace = emoticonsCompat && - rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', - content = createElement('div'), - line = createElement('div'), - perLine = 0, - emoticons = extend( - {}, - opts.emoticons.dropdown, - includeMore ? opts.emoticons.more : {} - ); - - appendChild(content, line); - - perLine = Math.sqrt(Object.keys(emoticons).length); - - on(content, 'click', 'img', function (e) { - editor.insert(startSpace + attr(this, 'alt') + endSpace, - null, false).closeDropDown(true); - - e.preventDefault(); - }); - - each(emoticons, function (code, emoticon) { - appendChild(line, createElement('img', { - src: emoticonsRoot + (emoticon.url || emoticon), - alt: code, - title: emoticon.tooltip || code - })); - - if (line.children.length >= perLine) { - line = createElement('div'); - appendChild(content, line); - } - }); - - if (!includeMore && opts.emoticons.more) { - moreLink = createElement('a', { - className: 'sceditor-more' - }); - - appendChild(moreLink, - document.createTextNode(editor._('More'))); - - on(moreLink, 'click', function (e) { - editor.createDropDown( - caller, 'more-emoticons', createContent(true) - ); - - e.preventDefault(); - }); - - appendChild(content, moreLink); - } - - return content; - }; - - editor.createDropDown(caller, 'emoticons', createContent(false)); - }, - txtExec: function (caller) { - defaultCmds.emoticon.exec.call(this, caller); - }, - tooltip: 'Insert an emoticon' - }, - // END_COMMAND - - // START_COMMAND: YouTube - youtube: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - appendChild(content, _tmpl('youtubeMenu', { - label: editor._('Video URL:'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var val = find(content, '#link')[0].value; - var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)?([a-zA-Z0-9_-]{11})/); - var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); - var time = 0; - - if (timeMatch) { - each(timeMatch[1].split(/[hms]/), function (i, val) { - if (val !== '') { - time = (time * 60) + Number(val); - } - }); - } - - if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { - callback(idMatch[1], time); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertlink', content); - }, - exec: function (btn) { - var editor = this; - - defaultCmds.youtube._dropDown(editor, btn, function (id, time) { - editor.wysiwygEditorInsertHtml(_tmpl('youtube', { - id: id, - time: time - })); - }); - }, - tooltip: 'Insert a YouTube video' - }, - // END_COMMAND - - // START_COMMAND: Date - date: { - _date: function (editor) { - var now = new Date(), - year = now.getYear(), - month = now.getMonth() + 1, - day = now.getDate(); - - if (year < 2000) { - year = 1900 + year; - } - - if (month < 10) { - month = '0' + month; - } - - if (day < 10) { - day = '0' + day; - } - - return editor.opts.dateFormat - .replace(/year/i, year) - .replace(/month/i, month) - .replace(/day/i, day); - }, - exec: function () { - this.insertText(defaultCmds.date._date(this)); - }, - txtExec: function () { - this.insertText(defaultCmds.date._date(this)); - }, - tooltip: 'Insert current date' - }, - // END_COMMAND - - // START_COMMAND: Time - time: { - _time: function () { - var now = new Date(), - hours = now.getHours(), - mins = now.getMinutes(), - secs = now.getSeconds(); - - if (hours < 10) { - hours = '0' + hours; - } - - if (mins < 10) { - mins = '0' + mins; - } - - if (secs < 10) { - secs = '0' + secs; - } - - return hours + ':' + mins + ':' + secs; - }, - exec: function () { - this.insertText(defaultCmds.time._time()); - }, - txtExec: function () { - this.insertText(defaultCmds.time._time()); - }, - tooltip: 'Insert current time' - }, - // END_COMMAND - - - // START_COMMAND: Ltr - ltr: { - state: function (parents, firstBlock) { - return firstBlock && firstBlock.style.direction === 'ltr'; - }, - exec: function () { - var editor = this, - rangeHelper = editor.getRangeHelper(), - node = rangeHelper.getFirstBlockParent(); - - editor.focus(); - - if (!node || is(node, 'body')) { - editor.execCommand('formatBlock', 'p'); - - node = rangeHelper.getFirstBlockParent(); - - if (!node || is(node, 'body')) { - return; - } - } - - var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; - css(node, 'direction', toggleValue); - }, - tooltip: 'Left-to-Right' - }, - // END_COMMAND - - // START_COMMAND: Rtl - rtl: { - state: function (parents, firstBlock) { - return firstBlock && firstBlock.style.direction === 'rtl'; - }, - exec: function () { - var editor = this, - rangeHelper = editor.getRangeHelper(), - node = rangeHelper.getFirstBlockParent(); - - editor.focus(); - - if (!node || is(node, 'body')) { - editor.execCommand('formatBlock', 'p'); - - node = rangeHelper.getFirstBlockParent(); - - if (!node || is(node, 'body')) { - return; - } - } - - var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; - css(node, 'direction', toggleValue); - }, - tooltip: 'Right-to-Left' - }, - // END_COMMAND - - - // START_COMMAND: Print - print: { - exec: 'print', - tooltip: 'Print' - }, - // END_COMMAND - - // START_COMMAND: Maximize - maximize: { - state: function () { - return this.maximize(); - }, - exec: function () { - this.maximize(!this.maximize()); - this.focus(); - }, - txtExec: function () { - this.maximize(!this.maximize()); - this.focus(); - }, - tooltip: 'Maximize', - shortcut: 'Ctrl+Shift+M' - }, - // END_COMMAND - - // START_COMMAND: Source - source: { - state: function () { - return this.sourceMode(); - }, - exec: function () { - this.toggleSourceMode(); - this.focus(); - }, - txtExec: function () { - this.toggleSourceMode(); - this.focus(); - }, - tooltip: 'View source', - shortcut: 'Ctrl+Shift+S' - }, - // END_COMMAND - - // this is here so that commands above can be removed - // without having to remove the , after the last one. - // Needed for IE. - ignore: {} - }; - - var plugins = {}; - - /** - * Plugin Manager class - * @class PluginManager - * @name PluginManager - */ - function PluginManager(thisObj) { - /** - * Alias of this - * - * @private - * @type {Object} - */ - var base = this; - - /** - * Array of all currently registered plugins - * - * @type {Array} - * @private - */ - var registeredPlugins = []; - - - /** - * Changes a signals name from "name" into "signalName". - * - * @param {string} signal - * @return {string} - * @private - */ - var formatSignalName = function (signal) { - return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); - }; - - /** - * Calls handlers for a signal - * - * @see call() - * @see callOnlyFirst() - * @param {Array} args - * @param {boolean} returnAtFirst - * @return {*} - * @private - */ - var callHandlers = function (args, returnAtFirst) { - args = [].slice.call(args); - - var idx, ret, - signal = formatSignalName(args.shift()); - - for (idx = 0; idx < registeredPlugins.length; idx++) { - if (signal in registeredPlugins[idx]) { - ret = registeredPlugins[idx][signal].apply(thisObj, args); - - if (returnAtFirst) { - return ret; - } - } - } - }; - - /** - * Calls all handlers for the passed signal - * - * @param {string} signal - * @param {...string} args - * @function - * @name call - * @memberOf PluginManager.prototype - */ - base.call = function () { - callHandlers(arguments, false); - }; - - /** - * Calls the first handler for a signal, and returns the - * - * @param {string} signal - * @param {...string} args - * @return {*} The result of calling the handler - * @function - * @name callOnlyFirst - * @memberOf PluginManager.prototype - */ - base.callOnlyFirst = function () { - return callHandlers(arguments, true); - }; - - /** - * Checks if a signal has a handler - * - * @param {string} signal - * @return {boolean} - * @function - * @name hasHandler - * @memberOf PluginManager.prototype - */ - base.hasHandler = function (signal) { - var i = registeredPlugins.length; - signal = formatSignalName(signal); - - while (i--) { - if (signal in registeredPlugins[i]) { - return true; - } - } - - return false; - }; - - /** - * Checks if the plugin exists in plugins - * - * @param {string} plugin - * @return {boolean} - * @function - * @name exists - * @memberOf PluginManager.prototype - */ - base.exists = function (plugin) { - if (plugin in plugins) { - plugin = plugins[plugin]; - - return typeof plugin === 'function' && - typeof plugin.prototype === 'object'; - } - - return false; - }; - - /** - * Checks if the passed plugin is currently registered. - * - * @param {string} plugin - * @return {boolean} - * @function - * @name isRegistered - * @memberOf PluginManager.prototype - */ - base.isRegistered = function (plugin) { - if (base.exists(plugin)) { - var idx = registeredPlugins.length; - - while (idx--) { - if (registeredPlugins[idx] instanceof plugins[plugin]) { - return true; - } - } - } - - return false; - }; - - /** - * Registers a plugin to receive signals - * - * @param {string} plugin - * @return {boolean} - * @function - * @name register - * @memberOf PluginManager.prototype - */ - base.register = function (plugin) { - if (!base.exists(plugin) || base.isRegistered(plugin)) { - return false; - } - - plugin = new plugins[plugin](); - registeredPlugins.push(plugin); - - if ('init' in plugin) { - plugin.init.call(thisObj); - } - - return true; - }; - - /** - * Deregisters a plugin. - * - * @param {string} plugin - * @return {boolean} - * @function - * @name deregister - * @memberOf PluginManager.prototype - */ - base.deregister = function (plugin) { - var removedPlugin, - pluginIdx = registeredPlugins.length, - removed = false; - - if (!base.isRegistered(plugin)) { - return removed; - } - - while (pluginIdx--) { - if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { - removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; - removed = true; - - if ('destroy' in removedPlugin) { - removedPlugin.destroy.call(thisObj); - } - } - } - - return removed; - }; - - /** - * Clears all plugins and removes the owner reference. - * - * Calling any functions on this object after calling - * destroy will cause a JS error. - * - * @name destroy - * @memberOf PluginManager.prototype - */ - base.destroy = function () { - var i = registeredPlugins.length; - - while (i--) { - if ('destroy' in registeredPlugins[i]) { - registeredPlugins[i].destroy.call(thisObj); - } - } - - registeredPlugins = []; - thisObj = null; - }; - } - PluginManager.plugins = plugins; - - /** - * Gets the text, start/end node and offset for - * length chars left or right of the passed node - * at the specified offset. - * - * @param {Node} node - * @param {number} offset - * @param {boolean} isLeft - * @param {number} length - * @return {Object} - * @private - */ - var outerText = function (range, isLeft, length) { - var nodeValue, remaining, start, end, node, - text = '', - next = range.startContainer, - offset = range.startOffset; - - // Handle cases where node is a paragraph and offset - // refers to the index of a text node. - // 3 = text node - if (next && next.nodeType !== 3) { - next = next.childNodes[offset]; - offset = 0; - } - - start = end = offset; - - while (length > text.length && next && next.nodeType === 3) { - nodeValue = next.nodeValue; - remaining = length - text.length; - - // If not the first node, start and end should be at their - // max values as will be updated when getting the text - if (node) { - end = nodeValue.length; - start = 0; - } - - node = next; - - if (isLeft) { - start = Math.max(end - remaining, 0); - offset = start; - - text = nodeValue.substr(start, end - start) + text; - next = node.previousSibling; - } else { - end = Math.min(remaining, nodeValue.length); - offset = start + end; - - text += nodeValue.substr(start, end); - next = node.nextSibling; - } - } - - return { - node: node || next, - offset: offset, - text: text - }; - }; - - /** - * Range helper - * - * @class RangeHelper - * @name RangeHelper - */ - function RangeHelper(win, d, sanitize) { - var _createMarker, _prepareInput, - doc = d || win.contentDocument || win.document, - startMarker = 'sceditor-start-marker', - endMarker = 'sceditor-end-marker', - base = this; - - /** - * Inserts HTML into the current range replacing any selected - * text. - * - * If endHTML is specified the selected contents will be put between - * html and endHTML. If there is nothing selected html and endHTML are - * just concatenate together. - * - * @param {string} html - * @param {string} [endHTML] - * @return False on fail - * @function - * @name insertHTML - * @memberOf RangeHelper.prototype - */ - base.insertHTML = function (html, endHTML) { - var node, div, - range = base.selectedRange(); - - if (!range) { - return false; - } - - if (endHTML) { - html += base.selectedHtml() + endHTML; - } - - div = createElement('p', {}, doc); - node = doc.createDocumentFragment(); - div.innerHTML = sanitize(html); - - while (div.firstChild) { - appendChild(node, div.firstChild); - } - - base.insertNode(node); - }; - - /** - * Prepares HTML to be inserted by adding a zero width space - * if the last child is empty and adding the range start/end - * markers to the last child. - * - * @param {Node|string} node - * @param {Node|string} [endNode] - * @param {boolean} [returnHtml] - * @return {Node|string} - * @private - */ - _prepareInput = function (node, endNode, returnHtml) { - var lastChild, - frag = doc.createDocumentFragment(); - - if (typeof node === 'string') { - if (endNode) { - node += base.selectedHtml() + endNode; - } - - frag = parseHTML(node); - } else { - appendChild(frag, node); - - if (endNode) { - appendChild(frag, base.selectedRange().extractContents()); - appendChild(frag, endNode); - } - } - - if (!(lastChild = frag.lastChild)) { - return; - } - - while (!isInline(lastChild.lastChild, true)) { - lastChild = lastChild.lastChild; - } - - if (canHaveChildren(lastChild)) { - // Webkit won't allow the cursor to be placed inside an - // empty tag, so add a zero width space to it. - if (!lastChild.lastChild) { - appendChild(lastChild, document.createTextNode('\u200B')); - } - } else { - lastChild = frag; - } - - base.removeMarkers(); - - // Append marks to last child so when restored cursor will be in - // the right place - appendChild(lastChild, _createMarker(startMarker)); - appendChild(lastChild, _createMarker(endMarker)); - - if (returnHtml) { - var div = createElement('div'); - appendChild(div, frag); - - return div.innerHTML; - } - - return frag; - }; - - /** - * The same as insertHTML except with DOM nodes instead - * - * <strong>Warning:</strong> the nodes must belong to the - * document they are being inserted into. Some browsers - * will throw exceptions if they don't. - * - * Returns boolean false on fail - * - * @param {Node} node - * @param {Node} endNode - * @return {false|undefined} - * @function - * @name insertNode - * @memberOf RangeHelper.prototype - */ - base.insertNode = function (node, endNode) { - var first, last, - input = _prepareInput(node, endNode), - range = base.selectedRange(), - parent = range.commonAncestorContainer, - emptyNodes = []; - - if (!input) { - return false; - } - - function removeIfEmpty(node) { - // Only remove empty node if it wasn't already empty - if (node && isEmpty(node) && emptyNodes.indexOf(node) < 0) { - remove(node); - } - } - - if (range.startContainer !== range.endContainer) { - each(parent.childNodes, function (_, node) { - if (isEmpty(node)) { - emptyNodes.push(node); - } - }); - - first = input.firstChild; - last = input.lastChild; - } - - range.deleteContents(); - - // FF allows <br /> to be selected but inserting a node - // into <br /> will cause it not to be displayed so must - // insert before the <br /> in FF. - // 3 = TextNode - if (parent && parent.nodeType !== 3 && !canHaveChildren(parent)) { - insertBefore(input, parent); - } else { - range.insertNode(input); - - // If a node was split or its contents deleted, remove any resulting - // empty tags. For example: - // <p>|test</p><div>test|</div> - // When deleteContents could become: - // <p></p>|<div></div> - // So remove the empty ones - removeIfEmpty(first && first.previousSibling); - removeIfEmpty(last && last.nextSibling); - } - - base.restoreRange(); - }; - - /** - * Clones the selected Range - * - * @return {Range} - * @function - * @name cloneSelected - * @memberOf RangeHelper.prototype - */ - base.cloneSelected = function () { - var range = base.selectedRange(); - - if (range) { - return range.cloneRange(); - } - }; - - /** - * Gets the selected Range - * - * @return {Range} - * @function - * @name selectedRange - * @memberOf RangeHelper.prototype - */ - base.selectedRange = function () { - var range, firstChild, - sel = win.getSelection(); - - if (!sel) { - return; - } - - // When creating a new range, set the start to the first child - // element of the body element to avoid errors in FF. - if (sel.rangeCount <= 0) { - firstChild = doc.body; - while (firstChild.firstChild) { - firstChild = firstChild.firstChild; - } - - range = doc.createRange(); - // Must be setStartBefore otherwise it can cause infinite - // loops with lists in WebKit. See issue 442 - range.setStartBefore(firstChild); - - sel.addRange(range); - } - - if (sel.rangeCount > 0) { - range = sel.getRangeAt(0); - } - - return range; - }; - - /** - * Gets if there is currently a selection - * - * @return {boolean} - * @function - * @name hasSelection - * @since 1.4.4 - * @memberOf RangeHelper.prototype - */ - base.hasSelection = function () { - var sel = win.getSelection(); - - return sel && sel.rangeCount > 0; - }; - - /** - * Gets the currently selected HTML - * - * @return {string} - * @function - * @name selectedHtml - * @memberOf RangeHelper.prototype - */ - base.selectedHtml = function () { - var div, - range = base.selectedRange(); - - if (range) { - div = createElement('p', {}, doc); - appendChild(div, range.cloneContents()); - - return div.innerHTML; - } - - return ''; - }; - - /** - * Gets the parent node of the selected contents in the range - * - * @return {HTMLElement} - * @function - * @name parentNode - * @memberOf RangeHelper.prototype - */ - base.parentNode = function () { - var range = base.selectedRange(); - - if (range) { - return range.commonAncestorContainer; - } - }; - - /** - * Gets the first block level parent of the selected - * contents of the range. - * - * @return {HTMLElement} - * @function - * @name getFirstBlockParent - * @memberOf RangeHelper.prototype - */ - /** - * Gets the first block level parent of the selected - * contents of the range. - * - * @param {Node} [n] The element to get the first block level parent from - * @return {HTMLElement} - * @function - * @name getFirstBlockParent^2 - * @since 1.4.1 - * @memberOf RangeHelper.prototype - */ - base.getFirstBlockParent = function (node) { - var func = function (elm) { - if (!isInline(elm, true)) { - return elm; - } - - elm = elm ? elm.parentNode : null; - - return elm ? func(elm) : elm; - }; - - return func(node || base.parentNode()); - }; - - /** - * Inserts a node at either the start or end of the current selection - * - * @param {Bool} start - * @param {Node} node - * @function - * @name insertNodeAt - * @memberOf RangeHelper.prototype - */ - base.insertNodeAt = function (start, node) { - var currentRange = base.selectedRange(), - range = base.cloneSelected(); - - if (!range) { - return false; - } - - range.collapse(start); - range.insertNode(node); - - // Reselect the current range. - // Fixes issue with Chrome losing the selection. Issue#82 - base.selectRange(currentRange); - }; - - /** - * Creates a marker node - * - * @param {string} id - * @return {HTMLSpanElement} - * @private - */ - _createMarker = function (id) { - base.removeMarker(id); - - var marker = createElement('span', { - id: id, - className: 'sceditor-selection sceditor-ignore', - style: 'display:none;line-height:0' - }, doc); - - marker.innerHTML = ' '; - - return marker; - }; - - /** - * Inserts start/end markers for the current selection - * which can be used by restoreRange to re-select the - * range. - * - * @memberOf RangeHelper.prototype - * @function - * @name insertMarkers - */ - base.insertMarkers = function () { - var currentRange = base.selectedRange(); - var startNode = _createMarker(startMarker); - - base.removeMarkers(); - base.insertNodeAt(true, startNode); - - // Fixes issue with end marker sometimes being placed before - // the start marker when the range is collapsed. - if (currentRange && currentRange.collapsed) { - startNode.parentNode.insertBefore( - _createMarker(endMarker), startNode.nextSibling); - } else { - base.insertNodeAt(false, _createMarker(endMarker)); - } - }; - - /** - * Gets the marker with the specified ID - * - * @param {string} id - * @return {Node} - * @function - * @name getMarker - * @memberOf RangeHelper.prototype - */ - base.getMarker = function (id) { - return doc.getElementById(id); - }; - - /** - * Removes the marker with the specified ID - * - * @param {string} id - * @function - * @name removeMarker - * @memberOf RangeHelper.prototype - */ - base.removeMarker = function (id) { - var marker = base.getMarker(id); - - if (marker) { - remove(marker); - } - }; - - /** - * Removes the start/end markers - * - * @function - * @name removeMarkers - * @memberOf RangeHelper.prototype - */ - base.removeMarkers = function () { - base.removeMarker(startMarker); - base.removeMarker(endMarker); - }; - - /** - * Saves the current range location. Alias of insertMarkers() - * - * @function - * @name saveRage - * @memberOf RangeHelper.prototype - */ - base.saveRange = function () { - base.insertMarkers(); - }; - - /** - * Select the specified range - * - * @param {Range} range - * @function - * @name selectRange - * @memberOf RangeHelper.prototype - */ - base.selectRange = function (range) { - var lastChild; - var sel = win.getSelection(); - var container = range.endContainer; - - // Check if cursor is set after a BR when the BR is the only - // child of the parent. In Firefox this causes a line break - // to occur when something is typed. See issue #321 - if (range.collapsed && container && - !isInline(container, true)) { - - lastChild = container.lastChild; - while (lastChild && is(lastChild, '.sceditor-ignore')) { - lastChild = lastChild.previousSibling; - } - - if (is(lastChild, 'br')) { - var rng = doc.createRange(); - rng.setEndAfter(lastChild); - rng.collapse(false); - - if (base.compare(range, rng)) { - range.setStartBefore(lastChild); - range.collapse(true); - } - } - } - - if (sel) { - base.clear(); - sel.addRange(range); - } - }; - - /** - * Restores the last range saved by saveRange() or insertMarkers() - * - * @function - * @name restoreRange - * @memberOf RangeHelper.prototype - */ - base.restoreRange = function () { - var isCollapsed, - range = base.selectedRange(), - start = base.getMarker(startMarker), - end = base.getMarker(endMarker); - - if (!start || !end || !range) { - return false; - } - - isCollapsed = start.nextSibling === end; - - range = doc.createRange(); - range.setStartBefore(start); - range.setEndAfter(end); - - if (isCollapsed) { - range.collapse(true); - } - - base.selectRange(range); - base.removeMarkers(); - }; - - /** - * Selects the text left and right of the current selection - * - * @param {number} left - * @param {number} right - * @since 1.4.3 - * @function - * @name selectOuterText - * @memberOf RangeHelper.prototype - */ - base.selectOuterText = function (left, right) { - var start, end, - range = base.cloneSelected(); - - if (!range) { - return false; - } - - range.collapse(false); - - start = outerText(range, true, left); - end = outerText(range, false, right); - - range.setStart(start.node, start.offset); - range.setEnd(end.node, end.offset); - - base.selectRange(range); - }; - - /** - * Gets the text left or right of the current selection - * - * @param {boolean} before - * @param {number} length - * @return {string} - * @since 1.4.3 - * @function - * @name selectOuterText - * @memberOf RangeHelper.prototype - */ - base.getOuterText = function (before, length) { - var range = base.cloneSelected(); - - if (!range) { - return ''; - } - - range.collapse(!before); - - return outerText(range, before, length).text; - }; - - /** - * Replaces keywords with values based on the current caret position - * - * @param {Array} keywords - * @param {boolean} includeAfter If to include the text after the - * current caret position or just - * text before - * @param {boolean} keywordsSorted If the keywords array is pre - * sorted shortest to longest - * @param {number} longestKeyword Length of the longest keyword - * @param {boolean} requireWhitespace If the key must be surrounded - * by whitespace - * @param {string} keypressChar If this is being called from - * a keypress event, this should be - * set to the pressed character - * @return {boolean} - * @function - * @name replaceKeyword - * @memberOf RangeHelper.prototype - */ - // eslint-disable-next-line max-params - base.replaceKeyword = function ( - keywords, - includeAfter, - keywordsSorted, - longestKeyword, - requireWhitespace, - keypressChar - ) { - if (!keywordsSorted) { - keywords.sort(function (a, b) { - return a[0].length - b[0].length; - }); - } - - var outerText, match, matchPos, startIndex, - leftLen, charsLeft, keyword, keywordLen, - whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', - keywordIdx = keywords.length, - whitespaceLen = requireWhitespace ? 1 : 0, - maxKeyLen = longestKeyword || - keywords[keywordIdx - 1][0].length; - - if (requireWhitespace) { - maxKeyLen++; - } - - keypressChar = keypressChar || ''; - outerText = base.getOuterText(true, maxKeyLen); - leftLen = outerText.length; - outerText += keypressChar; - - if (includeAfter) { - outerText += base.getOuterText(false, maxKeyLen); - } - - while (keywordIdx--) { - keyword = keywords[keywordIdx][0]; - keywordLen = keyword.length; - startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); - matchPos = -1; - - if (requireWhitespace) { - match = outerText - .substr(startIndex) - .match(new RegExp(whitespaceRegex + - regex(keyword) + whitespaceRegex)); - - if (match) { - // Add the length of the text that was removed by - // substr() and also add 1 for the whitespace - matchPos = match.index + startIndex + match[1].length; - } - } else { - matchPos = outerText.indexOf(keyword, startIndex); - } - - if (matchPos > -1) { - // Make sure the match is between before and - // after, not just entirely in one side or the other - if (matchPos <= leftLen && - matchPos + keywordLen + whitespaceLen >= leftLen) { - charsLeft = leftLen - matchPos; - - // If the keypress char is white space then it should - // not be replaced, only chars that are part of the - // key should be replaced. - base.selectOuterText( - charsLeft, - keywordLen - charsLeft - - (/^\S/.test(keypressChar) ? 1 : 0) - ); - - base.insertHTML(keywords[keywordIdx][1]); - return true; - } - } - } - - return false; - }; - - /** - * Compares two ranges. - * - * If rangeB is undefined it will be set to - * the current selected range - * - * @param {Range} rngA - * @param {Range} [rngB] - * @return {boolean} - * @function - * @name compare - * @memberOf RangeHelper.prototype - */ - base.compare = function (rngA, rngB) { - if (!rngB) { - rngB = base.selectedRange(); - } - - if (!rngA || !rngB) { - return !rngA && !rngB; - } - - return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && - rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; - }; - - /** - * Removes any current selection - * - * @since 1.4.6 - * @function - * @name clear - * @memberOf RangeHelper.prototype - */ - base.clear = function () { - var sel = win.getSelection(); - - if (sel) { - if (sel.removeAllRanges) { - sel.removeAllRanges(); - } else if (sel.empty) { - sel.empty(); - } - } - }; - } - - var USER_AGENT = navigator.userAgent; - - /** - * Detects if the browser is iOS - * - * Needed to fix iOS specific bugs - * - * @function - * @name ios - * @memberOf jQuery.sceditor - * @type {boolean} - */ - var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); - - /** - * If the browser supports WYSIWYG editing (e.g. older mobile browsers). - * - * @function - * @name isWysiwygSupported - * @return {boolean} - */ - var isWysiwygSupported = (function () { - var match, isUnsupported; - - // IE is the only browser to support documentMode - var ie = !!window.document.documentMode; - var legacyEdge = '-ms-ime-align' in document.documentElement.style; - - var div = document.createElement('div'); - div.contentEditable = true; - - // Check if the contentEditable attribute is supported - if (!('contentEditable' in document.documentElement) || - div.contentEditable !== 'true') { - return false; - } - - // I think blackberry supports contentEditable or will at least - // give a valid value for the contentEditable detection above - // so it isn't included in the below tests. - - // I hate having to do UA sniffing but some mobile browsers say they - // support contentediable when it isn't usable, i.e. you can't enter - // text. - // This is the only way I can think of to detect them which is also how - // every other editor I've seen deals with this issue. - - // Exclude Opera mobile and mini - isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); - - if (/Android/i.test(USER_AGENT)) { - isUnsupported = true; - - if (/Safari/.test(USER_AGENT)) { - // Android browser 534+ supports content editable - // This also matches Chrome which supports content editable too - match = /Safari\/(\d+)/.exec(USER_AGENT); - isUnsupported = (!match || !match[1] ? true : match[1] < 534); - } - } - - // The current version of Amazon Silk supports it, older versions didn't - // As it uses webkit like Android, assume it's the same and started - // working at versions >= 534 - if (/ Silk\//i.test(USER_AGENT)) { - match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); - isUnsupported = (!match || !match[1] ? true : match[1] < 534); - } - - // iOS 5+ supports content editable - if (ios) { - // Block any version <= 4_x(_x) - isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); - } - - // Firefox does support WYSIWYG on mobiles so override - // any previous value if using FF - if (/Firefox/i.test(USER_AGENT)) { - isUnsupported = false; - } - - if (/OneBrowser/i.test(USER_AGENT)) { - isUnsupported = false; - } - - // UCBrowser works but doesn't give a unique user agent - if (navigator.vendor === 'UCWEB') { - isUnsupported = false; - } - - // IE and legacy edge are not supported any more - if (ie || legacyEdge) { - isUnsupported = true; - } - - return !isUnsupported; - }()); - - /** - * Checks all emoticons are surrounded by whitespace and - * replaces any that aren't with with their emoticon code. - * - * @param {HTMLElement} node - * @param {rangeHelper} rangeHelper - * @return {void} - */ - function checkWhitespace(node, rangeHelper) { - var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009]+/; - var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); - - if (!node || !emoticons.length) { - return; - } - - for (var i = 0; i < emoticons.length; i++) { - var emoticon = emoticons[i]; - var parent = emoticon.parentNode; - var prev = emoticon.previousSibling; - var next = emoticon.nextSibling; - - if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && - (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { - continue; - } - - var range = rangeHelper.cloneSelected(); - var rangeStart = -1; - var rangeStartContainer = range.startContainer; - var previousText = prev.nodeValue || ''; - - previousText += data(emoticon, 'sceditor-emoticon'); - - // If the cursor is after the removed emoticon, add - // the length of the newly added text to it - if (rangeStartContainer === next) { - rangeStart = previousText.length + range.startOffset; - } - - // If the cursor is set before the next node, set it to - // the end of the new text node - if (rangeStartContainer === node && - node.childNodes[range.startOffset] === next) { - rangeStart = previousText.length; - } - - // If the cursor is set before the removed emoticon, - // just keep it at that position - if (rangeStartContainer === prev) { - rangeStart = range.startOffset; - } - - if (!next || next.nodeType !== TEXT_NODE) { - next = parent.insertBefore( - parent.ownerDocument.createTextNode(''), next - ); - } - - next.insertData(0, previousText); - remove(prev); - remove(emoticon); - - // Need to update the range starting position if it's been modified - if (rangeStart > -1) { - range.setStart(next, rangeStart); - range.collapse(true); - rangeHelper.selectRange(range); - } - } - } - /** - * Replaces any emoticons inside the root node with images. - * - * emoticons should be an object where the key is the emoticon - * code and the value is the HTML to replace it with. - * - * @param {HTMLElement} root - * @param {Object<string, string>} emoticons - * @param {boolean} emoticonsCompat - * @return {void} - */ - function replace(root, emoticons, emoticonsCompat) { - var doc = root.ownerDocument; - var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; - var emoticonCodes = []; - var emoticonRegex = {}; - - // TODO: Make this tag configurable. - if (parent(root, 'code')) { - return; - } - - each(emoticons, function (key) { - emoticonRegex[key] = new RegExp(space + regex(key) + space); - emoticonCodes.push(key); - }); - - // Sort keys longest to shortest so that longer keys - // take precedence (avoids bugs with shorter keys partially - // matching longer ones) - emoticonCodes.sort(function (a, b) { - return b.length - a.length; - }); - - (function convert(node) { - node = node.firstChild; - - while (node) { - // TODO: Make this tag configurable. - if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { - convert(node); - } - - if (node.nodeType === TEXT_NODE) { - for (var i = 0; i < emoticonCodes.length; i++) { - var text = node.nodeValue; - var key = emoticonCodes[i]; - var index = emoticonsCompat ? - text.search(emoticonRegex[key]) : - text.indexOf(key); - - if (index > -1) { - // When emoticonsCompat is enabled this will be the - // position after any white space - var startIndex = text.indexOf(key, index); - var fragment = parseHTML(emoticons[key], doc); - var after = text.substr(startIndex + key.length); - - fragment.appendChild(doc.createTextNode(after)); - - node.nodeValue = text.substr(0, startIndex); - node.parentNode - .insertBefore(fragment, node.nextSibling); - } - } - } - - node = node.nextSibling; - } - }(root)); - } - - /*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.2.2/LICENSE */ - - function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - - var hasOwnProperty = Object.hasOwnProperty, - setPrototypeOf = Object.setPrototypeOf, - isFrozen = Object.isFrozen, - getPrototypeOf = Object.getPrototypeOf, - getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; - var freeze = Object.freeze, - seal = Object.seal, - create = Object.create; // eslint-disable-line import/no-mutable-exports - - var _ref = typeof Reflect !== 'undefined' && Reflect, - apply = _ref.apply, - construct = _ref.construct; - - if (!apply) { - apply = function apply(fun, thisValue, args) { - return fun.apply(thisValue, args); - }; - } - - if (!freeze) { - freeze = function freeze(x) { - return x; - }; - } - - if (!seal) { - seal = function seal(x) { - return x; - }; - } - - if (!construct) { - construct = function construct(Func, args) { - return new (Function.prototype.bind.apply(Func, [null].concat(_toConsumableArray(args))))(); - }; - } - - var arrayForEach = unapply(Array.prototype.forEach); - var arrayPop = unapply(Array.prototype.pop); - var arrayPush = unapply(Array.prototype.push); - - var stringToLowerCase = unapply(String.prototype.toLowerCase); - var stringMatch = unapply(String.prototype.match); - var stringReplace = unapply(String.prototype.replace); - var stringIndexOf = unapply(String.prototype.indexOf); - var stringTrim = unapply(String.prototype.trim); - - var regExpTest = unapply(RegExp.prototype.test); - - var typeErrorCreate = unconstruct(TypeError); - - function unapply(func) { - return function (thisArg) { - for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - args[_key - 1] = arguments[_key]; - } - - return apply(func, thisArg, args); - }; - } - - function unconstruct(func) { - return function () { - for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { - args[_key2] = arguments[_key2]; - } - - return construct(func, args); - }; - } - - /* Add properties to a lookup table */ - function addToSet(set, array) { - if (setPrototypeOf) { - // Make 'in' and truthy checks like Boolean(set.constructor) - // independent of any properties defined on Object.prototype. - // Prevent prototype setters from intercepting set as a this value. - setPrototypeOf(set, null); - } - - var l = array.length; - while (l--) { - var element = array[l]; - if (typeof element === 'string') { - var lcElement = stringToLowerCase(element); - if (lcElement !== element) { - // Config presets (e.g. tags.js, attrs.js) are immutable. - if (!isFrozen(array)) { - array[l] = lcElement; - } - - element = lcElement; - } - } - - set[element] = true; - } - - return set; - } - - /* Shallow clone an object */ - function clone(object) { - var newObject = create(null); - - var property = void 0; - for (property in object) { - if (apply(hasOwnProperty, object, [property])) { - newObject[property] = object[property]; - } - } - - return newObject; - } - - /* IE10 doesn't support __lookupGetter__ so lets' - * simulate it. It also automatically checks - * if the prop is function or getter and behaves - * accordingly. */ - function lookupGetter(object, prop) { - while (object !== null) { - var desc = getOwnPropertyDescriptor(object, prop); - if (desc) { - if (desc.get) { - return unapply(desc.get); - } - - if (typeof desc.value === 'function') { - return unapply(desc.value); - } - } - - object = getPrototypeOf(object); - } - - return null; - } - - var html = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); - - // SVG - var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']); - - var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); - - // List of SVG elements that are disallowed by default. - // We still need to know them so that we can do namespace - // checks properly in case one wants to add them to - // allow-list. - var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'feimage', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']); - - var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']); - - // Similarly to SVG, we want to know all MathML elements, - // even those that we disallow by default. - var mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']); - - var text = freeze(['#text']); - - var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns']); - - var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']); - - var mathMl$1 = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']); - - var xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']); - - // eslint-disable-next-line unicorn/better-regex - var MUSTACHE_EXPR = seal(/\{\{[\s\S]*|[\s\S]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode - var ERB_EXPR = seal(/<%[\s\S]*|[\s\S]*%>/gm); - var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape - var ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape - var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape - ); - var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i); - var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex - ); - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; - - function _toConsumableArray$1(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - - var getGlobal = function getGlobal() { - return typeof window === 'undefined' ? null : window; - }; - - /** - * Creates a no-op policy for internal use only. - * Don't export this function outside this module! - * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory. - * @param {Document} document The document object (to determine policy name suffix) - * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types - * are not supported). - */ - var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) { - if ((typeof trustedTypes === 'undefined' ? 'undefined' : _typeof(trustedTypes)) !== 'object' || typeof trustedTypes.createPolicy !== 'function') { - return null; - } - - // Allow the callers to control the unique policy name - // by adding a data-tt-policy-suffix to the script element with the DOMPurify. - // Policy creation with duplicate names throws in Trusted Types. - var suffix = null; - var ATTR_NAME = 'data-tt-policy-suffix'; - if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) { - suffix = document.currentScript.getAttribute(ATTR_NAME); - } - - var policyName = 'dompurify' + (suffix ? '#' + suffix : ''); - - try { - return trustedTypes.createPolicy(policyName, { - createHTML: function createHTML(html$$1) { - return html$$1; - } - }); - } catch (_) { - // Policy creation failed (most likely another DOMPurify script has - // already run). Skip creating the policy, as this will only cause errors - // if TT are enforced. - console.warn('TrustedTypes policy ' + policyName + ' could not be created.'); - return null; - } - }; - - function createDOMPurify() { - var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal(); - - var DOMPurify = function DOMPurify(root) { - return createDOMPurify(root); - }; - - /** - * Version label, exposed for easier checks - * if DOMPurify is up to date or not - */ - DOMPurify.version = '2.2.6'; - - /** - * Array of elements that DOMPurify removed during sanitation. - * Empty if nothing was removed. - */ - DOMPurify.removed = []; - - if (!window || !window.document || window.document.nodeType !== 9) { - // Not running in a browser, provide a factory function - // so that you can pass your own Window - DOMPurify.isSupported = false; - - return DOMPurify; - } - - var originalDocument = window.document; - - var document = window.document; - var DocumentFragment = window.DocumentFragment, - HTMLTemplateElement = window.HTMLTemplateElement, - Node = window.Node, - Element = window.Element, - NodeFilter = window.NodeFilter, - _window$NamedNodeMap = window.NamedNodeMap, - NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap, - Text = window.Text, - Comment = window.Comment, - DOMParser = window.DOMParser, - trustedTypes = window.trustedTypes; - - - var ElementPrototype = Element.prototype; - - var cloneNode = lookupGetter(ElementPrototype, 'cloneNode'); - var getNextSibling = lookupGetter(ElementPrototype, 'nextSibling'); - var getChildNodes = lookupGetter(ElementPrototype, 'childNodes'); - var getParentNode = lookupGetter(ElementPrototype, 'parentNode'); - - // As per issue #47, the web-components registry is inherited by a - // new document created via createHTMLDocument. As per the spec - // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries) - // a new empty registry is used when creating a template contents owner - // document, so we use that as our parent document to ensure nothing - // is inherited. - if (typeof HTMLTemplateElement === 'function') { - var template = document.createElement('template'); - if (template.content && template.content.ownerDocument) { - document = template.content.ownerDocument; - } - } - - var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument); - var emptyHTML = trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML('') : ''; - - var _document = document, - implementation = _document.implementation, - createNodeIterator = _document.createNodeIterator, - getElementsByTagName = _document.getElementsByTagName, - createDocumentFragment = _document.createDocumentFragment; - var importNode = originalDocument.importNode; - - - var documentMode = {}; - try { - documentMode = clone(document).documentMode ? document.documentMode : {}; - } catch (_) {} - - var hooks = {}; - - /** - * Expose whether this browser supports running the full DOMPurify. - */ - DOMPurify.isSupported = implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9; - - var MUSTACHE_EXPR$$1 = MUSTACHE_EXPR, - ERB_EXPR$$1 = ERB_EXPR, - DATA_ATTR$$1 = DATA_ATTR, - ARIA_ATTR$$1 = ARIA_ATTR, - IS_SCRIPT_OR_DATA$$1 = IS_SCRIPT_OR_DATA, - ATTR_WHITESPACE$$1 = ATTR_WHITESPACE; - var IS_ALLOWED_URI$$1 = IS_ALLOWED_URI; - - /** - * We consider the elements and attributes below to be safe. Ideally - * don't add any new ones but feel free to remove unwanted ones. - */ - - /* allowed element names */ - - var ALLOWED_TAGS = null; - var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(html), _toConsumableArray$1(svg), _toConsumableArray$1(svgFilters), _toConsumableArray$1(mathMl), _toConsumableArray$1(text))); - - /* Allowed attribute names */ - var ALLOWED_ATTR = null; - var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml))); - - /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */ - var FORBID_TAGS = null; - - /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */ - var FORBID_ATTR = null; - - /* Decide if ARIA attributes are okay */ - var ALLOW_ARIA_ATTR = true; - - /* Decide if custom data attributes are okay */ - var ALLOW_DATA_ATTR = true; - - /* Decide if unknown protocols are okay */ - var ALLOW_UNKNOWN_PROTOCOLS = false; - - /* Output should be safe for common template engines. - * This means, DOMPurify removes data attributes, mustaches and ERB - */ - var SAFE_FOR_TEMPLATES = false; - - /* Decide if document with <html>... should be returned */ - var WHOLE_DOCUMENT = false; - - /* Track whether config is already set on this instance of DOMPurify. */ - var SET_CONFIG = false; - - /* Decide if all elements (e.g. style, script) must be children of - * document.body. By default, browsers might move them to document.head */ - var FORCE_BODY = false; - - /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html - * string (or a TrustedHTML object if Trusted Types are supported). - * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead - */ - var RETURN_DOM = false; - - /* Decide if a DOM `DocumentFragment` should be returned, instead of a html - * string (or a TrustedHTML object if Trusted Types are supported) */ - var RETURN_DOM_FRAGMENT = false; - - /* If `RETURN_DOM` or `RETURN_DOM_FRAGMENT` is enabled, decide if the returned DOM - * `Node` is imported into the current `Document`. If this flag is not enabled the - * `Node` will belong (its ownerDocument) to a fresh `HTMLDocument`, created by - * DOMPurify. - * - * This defaults to `true` starting DOMPurify 2.2.0. Note that setting it to `false` - * might cause XSS from attacks hidden in closed shadowroots in case the browser - * supports Declarative Shadow: DOM https://web.dev/declarative-shadow-dom/ - */ - var RETURN_DOM_IMPORT = true; - - /* Try to return a Trusted Type object instead of a string, return a string in - * case Trusted Types are not supported */ - var RETURN_TRUSTED_TYPE = false; - - /* Output should be free from DOM clobbering attacks? */ - var SANITIZE_DOM = true; - - /* Keep element content when removing element? */ - var KEEP_CONTENT = true; - - /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead - * of importing it into a new Document and returning a sanitized copy */ - var IN_PLACE = false; - - /* Allow usage of profiles like html, svg and mathMl */ - var USE_PROFILES = {}; - - /* Tags to ignore content of when KEEP_CONTENT is true */ - var FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']); - - /* Tags that are safe for data: URIs */ - var DATA_URI_TAGS = null; - var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']); - - /* Attributes safe for values like "javascript:" */ - var URI_SAFE_ATTRIBUTES = null; - var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'summary', 'title', 'value', 'style', 'xmlns']); - - /* Keep a reference to config to pass to hooks */ - var CONFIG = null; - - /* Ideally, do not touch anything below this line */ - /* ______________________________________________ */ - - var formElement = document.createElement('form'); - - /** - * _parseConfig - * - * @param {Object} cfg optional config literal - */ - // eslint-disable-next-line complexity - var _parseConfig = function _parseConfig(cfg) { - if (CONFIG && CONFIG === cfg) { - return; - } - - /* Shield configuration object from tampering */ - if (!cfg || (typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) !== 'object') { - cfg = {}; - } - - /* Shield configuration object from prototype pollution */ - cfg = clone(cfg); - - /* Set configuration parameters */ - ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS) : DEFAULT_ALLOWED_TAGS; - ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR; - URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES; - DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS; - FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {}; - FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {}; - USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false; - ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true - ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true - ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false - SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false - WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false - RETURN_DOM = cfg.RETURN_DOM || false; // Default false - RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false - RETURN_DOM_IMPORT = cfg.RETURN_DOM_IMPORT !== false; // Default true - RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false - FORCE_BODY = cfg.FORCE_BODY || false; // Default false - SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true - KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true - IN_PLACE = cfg.IN_PLACE || false; // Default false - IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1; - if (SAFE_FOR_TEMPLATES) { - ALLOW_DATA_ATTR = false; - } - - if (RETURN_DOM_FRAGMENT) { - RETURN_DOM = true; - } - - /* Parse profile info */ - if (USE_PROFILES) { - ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(text))); - ALLOWED_ATTR = []; - if (USE_PROFILES.html === true) { - addToSet(ALLOWED_TAGS, html); - addToSet(ALLOWED_ATTR, html$1); - } - - if (USE_PROFILES.svg === true) { - addToSet(ALLOWED_TAGS, svg); - addToSet(ALLOWED_ATTR, svg$1); - addToSet(ALLOWED_ATTR, xml); - } - - if (USE_PROFILES.svgFilters === true) { - addToSet(ALLOWED_TAGS, svgFilters); - addToSet(ALLOWED_ATTR, svg$1); - addToSet(ALLOWED_ATTR, xml); - } - - if (USE_PROFILES.mathMl === true) { - addToSet(ALLOWED_TAGS, mathMl); - addToSet(ALLOWED_ATTR, mathMl$1); - addToSet(ALLOWED_ATTR, xml); - } - } - - /* Merge configuration parameters */ - if (cfg.ADD_TAGS) { - if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) { - ALLOWED_TAGS = clone(ALLOWED_TAGS); - } - - addToSet(ALLOWED_TAGS, cfg.ADD_TAGS); - } - - if (cfg.ADD_ATTR) { - if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) { - ALLOWED_ATTR = clone(ALLOWED_ATTR); - } - - addToSet(ALLOWED_ATTR, cfg.ADD_ATTR); - } - - if (cfg.ADD_URI_SAFE_ATTR) { - addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR); - } - - /* Add #text in case KEEP_CONTENT is set to true */ - if (KEEP_CONTENT) { - ALLOWED_TAGS['#text'] = true; - } - - /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */ - if (WHOLE_DOCUMENT) { - addToSet(ALLOWED_TAGS, ['html', 'head', 'body']); - } - - /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */ - if (ALLOWED_TAGS.table) { - addToSet(ALLOWED_TAGS, ['tbody']); - delete FORBID_TAGS.tbody; - } - - // Prevent further manipulation of configuration. - // Not available in IE8, Safari 5, etc. - if (freeze) { - freeze(cfg); - } - - CONFIG = cfg; - }; - - var MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']); - - var HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); - - /* Keep track of all possible SVG and MathML tags - * so that we can perform the namespace checks - * correctly. */ - var ALL_SVG_TAGS = addToSet({}, svg); - addToSet(ALL_SVG_TAGS, svgFilters); - addToSet(ALL_SVG_TAGS, svgDisallowed); - - var ALL_MATHML_TAGS = addToSet({}, mathMl); - addToSet(ALL_MATHML_TAGS, mathMlDisallowed); - - var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML'; - var SVG_NAMESPACE = 'http://www.w3.org/2000/svg'; - var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml'; - - /** - * - * - * @param {Element} element a DOM element whose namespace is being checked - * @returns {boolean} Return false if the element has a - * namespace that a spec-compliant parser would never - * return. Return true otherwise. - */ - var _checkValidNamespace = function _checkValidNamespace(element) { - var parent = getParentNode(element); - - // In JSDOM, if we're inside shadow DOM, then parentNode - // can be null. We just simulate parent in this case. - if (!parent || !parent.tagName) { - parent = { - namespaceURI: HTML_NAMESPACE, - tagName: 'template' - }; - } - - var tagName = stringToLowerCase(element.tagName); - var parentTagName = stringToLowerCase(parent.tagName); - - if (element.namespaceURI === SVG_NAMESPACE) { - // The only way to switch from HTML namespace to SVG - // is via <svg>. If it happens via any other tag, then - // it should be killed. - if (parent.namespaceURI === HTML_NAMESPACE) { - return tagName === 'svg'; - } - - // The only way to switch from MathML to SVG is via - // svg if parent is either <annotation-xml> or MathML - // text integration points. - if (parent.namespaceURI === MATHML_NAMESPACE) { - return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]); - } - - // We only allow elements that are defined in SVG - // spec. All others are disallowed in SVG namespace. - return Boolean(ALL_SVG_TAGS[tagName]); - } - - if (element.namespaceURI === MATHML_NAMESPACE) { - // The only way to switch from HTML namespace to MathML - // is via <math>. If it happens via any other tag, then - // it should be killed. - if (parent.namespaceURI === HTML_NAMESPACE) { - return tagName === 'math'; - } - - // The only way to switch from SVG to MathML is via - // <math> and HTML integration points - if (parent.namespaceURI === SVG_NAMESPACE) { - return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName]; - } - - // We only allow elements that are defined in MathML - // spec. All others are disallowed in MathML namespace. - return Boolean(ALL_MATHML_TAGS[tagName]); - } - - if (element.namespaceURI === HTML_NAMESPACE) { - // The only way to switch from SVG to HTML is via - // HTML integration points, and from MathML to HTML - // is via MathML text integration points - if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) { - return false; - } - - if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) { - return false; - } - - // Certain elements are allowed in both SVG and HTML - // namespace. We need to specify them explicitly - // so that they don't get erronously deleted from - // HTML namespace. - var commonSvgAndHTMLElements = addToSet({}, ['title', 'style', 'font', 'a', 'script']); - - // We disallow tags that are specific for MathML - // or SVG and should never appear in HTML namespace - return !ALL_MATHML_TAGS[tagName] && (commonSvgAndHTMLElements[tagName] || !ALL_SVG_TAGS[tagName]); - } - - // The code should never reach this place (this means - // that the element somehow got namespace that is not - // HTML, SVG or MathML). Return false just in case. - return false; - }; - - /** - * _forceRemove - * - * @param {Node} node a DOM node - */ - var _forceRemove = function _forceRemove(node) { - arrayPush(DOMPurify.removed, { element: node }); - try { - node.parentNode.removeChild(node); - } catch (_) { - try { - node.outerHTML = emptyHTML; - } catch (_) { - node.remove(); - } - } - }; - - /** - * _removeAttribute - * - * @param {String} name an Attribute name - * @param {Node} node a DOM node - */ - var _removeAttribute = function _removeAttribute(name, node) { - try { - arrayPush(DOMPurify.removed, { - attribute: node.getAttributeNode(name), - from: node - }); - } catch (_) { - arrayPush(DOMPurify.removed, { - attribute: null, - from: node - }); - } - - node.removeAttribute(name); - }; - - /** - * _initDocument - * - * @param {String} dirty a string of dirty markup - * @return {Document} a DOM, filled with the dirty markup - */ - var _initDocument = function _initDocument(dirty) { - /* Create a HTML document */ - var doc = void 0; - var leadingWhitespace = void 0; - - if (FORCE_BODY) { - dirty = '<remove></remove>' + dirty; - } else { - /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */ - var matches = stringMatch(dirty, /^[\r\n\t ]+/); - leadingWhitespace = matches && matches[0]; - } - - var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty; - /* Use the DOMParser API by default, fallback later if needs be */ - try { - doc = new DOMParser().parseFromString(dirtyPayload, 'text/html'); - } catch (_) {} - - /* Use createHTMLDocument in case DOMParser is not available */ - if (!doc || !doc.documentElement) { - doc = implementation.createHTMLDocument(''); - var _doc = doc, - body = _doc.body; - - body.parentNode.removeChild(body.parentNode.firstElementChild); - body.outerHTML = dirtyPayload; - } - - if (dirty && leadingWhitespace) { - doc.body.insertBefore(document.createTextNode(leadingWhitespace), doc.body.childNodes[0] || null); - } - - /* Work on whole document or just its body */ - return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0]; - }; - - /** - * _createIterator - * - * @param {Document} root document/fragment to create iterator for - * @return {Iterator} iterator instance - */ - var _createIterator = function _createIterator(root) { - return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, function () { - return NodeFilter.FILTER_ACCEPT; - }, false); - }; - - /** - * _isClobbered - * - * @param {Node} elm element to check for clobbering attacks - * @return {Boolean} true if clobbered, false if safe - */ - var _isClobbered = function _isClobbered(elm) { - if (elm instanceof Text || elm instanceof Comment) { - return false; - } - - if (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function') { - return true; - } - - return false; - }; - - /** - * _isNode - * - * @param {Node} obj object to check whether it's a DOM node - * @return {Boolean} true is object is a DOM node - */ - var _isNode = function _isNode(object) { - return (typeof Node === 'undefined' ? 'undefined' : _typeof(Node)) === 'object' ? object instanceof Node : object && (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'; - }; - - /** - * _executeHook - * Execute user configurable hooks - * - * @param {String} entryPoint Name of the hook's entry point - * @param {Node} currentNode node to work on with the hook - * @param {Object} data additional hook parameters - */ - var _executeHook = function _executeHook(entryPoint, currentNode, data) { - if (!hooks[entryPoint]) { - return; - } - - arrayForEach(hooks[entryPoint], function (hook) { - hook.call(DOMPurify, currentNode, data, CONFIG); - }); - }; - - /** - * _sanitizeElements - * - * @protect nodeName - * @protect textContent - * @protect removeChild - * - * @param {Node} currentNode to check for permission to exist - * @return {Boolean} true if node was killed, false if left alive - */ - var _sanitizeElements = function _sanitizeElements(currentNode) { - var content = void 0; - - /* Execute a hook if present */ - _executeHook('beforeSanitizeElements', currentNode, null); - - /* Check if element is clobbered or can clobber */ - if (_isClobbered(currentNode)) { - _forceRemove(currentNode); - return true; - } - - /* Check if tagname contains Unicode */ - if (stringMatch(currentNode.nodeName, /[\u0080-\uFFFF]/)) { - _forceRemove(currentNode); - return true; - } - - /* Now let's check the element's type and name */ - var tagName = stringToLowerCase(currentNode.nodeName); - - /* Execute a hook if present */ - _executeHook('uponSanitizeElement', currentNode, { - tagName: tagName, - allowedTags: ALLOWED_TAGS - }); - - /* Detect mXSS attempts abusing namespace confusion */ - if (!_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) { - _forceRemove(currentNode); - return true; - } - - /* Remove element if anything forbids its presence */ - if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) { - /* Keep content except for bad-listed elements */ - if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) { - var parentNode = getParentNode(currentNode); - var childNodes = getChildNodes(currentNode); - var childCount = childNodes.length; - for (var i = childCount - 1; i >= 0; --i) { - parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode)); - } - } - - _forceRemove(currentNode); - return true; - } - - /* Check whether element has a valid namespace */ - if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) { - _forceRemove(currentNode); - return true; - } - - if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) { - _forceRemove(currentNode); - return true; - } - - /* Sanitize element content to be template-safe */ - if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) { - /* Get the element's text content */ - content = currentNode.textContent; - content = stringReplace(content, MUSTACHE_EXPR$$1, ' '); - content = stringReplace(content, ERB_EXPR$$1, ' '); - if (currentNode.textContent !== content) { - arrayPush(DOMPurify.removed, { element: currentNode.cloneNode() }); - currentNode.textContent = content; - } - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeElements', currentNode, null); - - return false; - }; - - /** - * _isValidAttribute - * - * @param {string} lcTag Lowercase tag name of containing element. - * @param {string} lcName Lowercase attribute name. - * @param {string} value Attribute value. - * @return {Boolean} Returns true if `value` is valid, otherwise false. - */ - // eslint-disable-next-line complexity - var _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) { - /* Make sure attribute cannot clobber */ - if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) { - return false; - } - - /* Allow valid data-* attributes: At least one character after "-" - (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes) - XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804) - We don't need to check the value; it's always URI safe. */ - if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) { - return false; - - /* Check value is safe. First, is attr inert? If so, is safe */ - } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else { - return false; - } - - return true; - }; - - /** - * _sanitizeAttributes - * - * @protect attributes - * @protect nodeName - * @protect removeAttribute - * @protect setAttribute - * - * @param {Node} currentNode to sanitize - */ - var _sanitizeAttributes = function _sanitizeAttributes(currentNode) { - var attr = void 0; - var value = void 0; - var lcName = void 0; - var l = void 0; - /* Execute a hook if present */ - _executeHook('beforeSanitizeAttributes', currentNode, null); - - var attributes = currentNode.attributes; - - /* Check if we have attributes; if not we might have a text node */ - - if (!attributes) { - return; - } - - var hookEvent = { - attrName: '', - attrValue: '', - keepAttr: true, - allowedAttributes: ALLOWED_ATTR - }; - l = attributes.length; - - /* Go backwards over all attributes; safely remove bad ones */ - while (l--) { - attr = attributes[l]; - var _attr = attr, - name = _attr.name, - namespaceURI = _attr.namespaceURI; - - value = stringTrim(attr.value); - lcName = stringToLowerCase(name); - - /* Execute a hook if present */ - hookEvent.attrName = lcName; - hookEvent.attrValue = value; - hookEvent.keepAttr = true; - hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set - _executeHook('uponSanitizeAttribute', currentNode, hookEvent); - value = hookEvent.attrValue; - /* Did the hooks approve of the attribute? */ - if (hookEvent.forceKeepAttr) { - continue; - } - - /* Remove attribute */ - _removeAttribute(name, currentNode); - - /* Did the hooks approve of the attribute? */ - if (!hookEvent.keepAttr) { - continue; - } - - /* Work around a security issue in jQuery 3.0 */ - if (regExpTest(/\/>/i, value)) { - _removeAttribute(name, currentNode); - continue; - } - - /* Sanitize attribute content to be template-safe */ - if (SAFE_FOR_TEMPLATES) { - value = stringReplace(value, MUSTACHE_EXPR$$1, ' '); - value = stringReplace(value, ERB_EXPR$$1, ' '); - } - - /* Is `value` valid for this attribute? */ - var lcTag = currentNode.nodeName.toLowerCase(); - if (!_isValidAttribute(lcTag, lcName, value)) { - continue; - } - - /* Handle invalid data-* attribute set by try-catching it */ - try { - if (namespaceURI) { - currentNode.setAttributeNS(namespaceURI, name, value); - } else { - /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */ - currentNode.setAttribute(name, value); - } - - arrayPop(DOMPurify.removed); - } catch (_) {} - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeAttributes', currentNode, null); - }; - - /** - * _sanitizeShadowDOM - * - * @param {DocumentFragment} fragment to iterate over recursively - */ - var _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) { - var shadowNode = void 0; - var shadowIterator = _createIterator(fragment); - - /* Execute a hook if present */ - _executeHook('beforeSanitizeShadowDOM', fragment, null); - - while (shadowNode = shadowIterator.nextNode()) { - /* Execute a hook if present */ - _executeHook('uponSanitizeShadowNode', shadowNode, null); - - /* Sanitize tags and elements */ - if (_sanitizeElements(shadowNode)) { - continue; - } - - /* Deep shadow DOM detected */ - if (shadowNode.content instanceof DocumentFragment) { - _sanitizeShadowDOM(shadowNode.content); - } - - /* Check attributes, sanitize if necessary */ - _sanitizeAttributes(shadowNode); - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeShadowDOM', fragment, null); - }; - - /** - * Sanitize - * Public method providing core sanitation functionality - * - * @param {String|Node} dirty string or DOM node - * @param {Object} configuration object - */ - // eslint-disable-next-line complexity - DOMPurify.sanitize = function (dirty, cfg) { - var body = void 0; - var importedNode = void 0; - var currentNode = void 0; - var oldNode = void 0; - var returnNode = void 0; - /* Make sure we have a string to sanitize. - DO NOT return early, as this will return the wrong type if - the user has requested a DOM object rather than a string */ - if (!dirty) { - dirty = '<!-->'; - } - - /* Stringify, in case dirty is an object */ - if (typeof dirty !== 'string' && !_isNode(dirty)) { - // eslint-disable-next-line no-negated-condition - if (typeof dirty.toString !== 'function') { - throw typeErrorCreate('toString is not a function'); - } else { - dirty = dirty.toString(); - if (typeof dirty !== 'string') { - throw typeErrorCreate('dirty is not a string, aborting'); - } - } - } - - /* Check we can run. Otherwise fall back or ignore */ - if (!DOMPurify.isSupported) { - if (_typeof(window.toStaticHTML) === 'object' || typeof window.toStaticHTML === 'function') { - if (typeof dirty === 'string') { - return window.toStaticHTML(dirty); - } - - if (_isNode(dirty)) { - return window.toStaticHTML(dirty.outerHTML); - } - } - - return dirty; - } - - /* Assign config vars */ - if (!SET_CONFIG) { - _parseConfig(cfg); - } - - /* Clean up removed elements */ - DOMPurify.removed = []; - - /* Check if dirty is correctly typed for IN_PLACE */ - if (typeof dirty === 'string') { - IN_PLACE = false; - } - - if (IN_PLACE) ; else if (dirty instanceof Node) { - /* If dirty is a DOM element, append to an empty document to avoid - elements being stripped by the parser */ - body = _initDocument('<!---->'); - importedNode = body.ownerDocument.importNode(dirty, true); - if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') { - /* Node is already a body, use as is */ - body = importedNode; - } else if (importedNode.nodeName === 'HTML') { - body = importedNode; - } else { - // eslint-disable-next-line unicorn/prefer-node-append - body.appendChild(importedNode); - } - } else { - /* Exit directly if we have nothing to do */ - if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && - // eslint-disable-next-line unicorn/prefer-includes - dirty.indexOf('<') === -1) { - return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty; - } - - /* Initialize the document to work on */ - body = _initDocument(dirty); - - /* Check we have a DOM node from the data */ - if (!body) { - return RETURN_DOM ? null : emptyHTML; - } - } - - /* Remove first element node (ours) if FORCE_BODY is set */ - if (body && FORCE_BODY) { - _forceRemove(body.firstChild); - } - - /* Get node iterator */ - var nodeIterator = _createIterator(IN_PLACE ? dirty : body); - - /* Now start iterating over the created document */ - while (currentNode = nodeIterator.nextNode()) { - /* Fix IE's strange behavior with manipulated textNodes #89 */ - if (currentNode.nodeType === 3 && currentNode === oldNode) { - continue; - } - - /* Sanitize tags and elements */ - if (_sanitizeElements(currentNode)) { - continue; - } - - /* Shadow DOM detected, sanitize it */ - if (currentNode.content instanceof DocumentFragment) { - _sanitizeShadowDOM(currentNode.content); - } - - /* Check attributes, sanitize if necessary */ - _sanitizeAttributes(currentNode); - - oldNode = currentNode; - } - - oldNode = null; - - /* If we sanitized `dirty` in-place, return it. */ - if (IN_PLACE) { - return dirty; - } - - /* Return sanitized string or DOM */ - if (RETURN_DOM) { - if (RETURN_DOM_FRAGMENT) { - returnNode = createDocumentFragment.call(body.ownerDocument); - - while (body.firstChild) { - // eslint-disable-next-line unicorn/prefer-node-append - returnNode.appendChild(body.firstChild); - } - } else { - returnNode = body; - } - - if (RETURN_DOM_IMPORT) { - /* - AdoptNode() is not used because internal state is not reset - (e.g. the past names map of a HTMLFormElement), this is safe - in theory but we would rather not risk another attack vector. - The state that is cloned by importNode() is explicitly defined - by the specs. - */ - returnNode = importNode.call(originalDocument, returnNode, true); - } - - return returnNode; - } - - var serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML; - - /* Sanitize final string template-safe */ - if (SAFE_FOR_TEMPLATES) { - serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR$$1, ' '); - serializedHTML = stringReplace(serializedHTML, ERB_EXPR$$1, ' '); - } - - return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML; - }; - - /** - * Public method to set the configuration once - * setConfig - * - * @param {Object} cfg configuration object - */ - DOMPurify.setConfig = function (cfg) { - _parseConfig(cfg); - SET_CONFIG = true; - }; - - /** - * Public method to remove the configuration - * clearConfig - * - */ - DOMPurify.clearConfig = function () { - CONFIG = null; - SET_CONFIG = false; - }; - - /** - * Public method to check if an attribute value is valid. - * Uses last set config, if any. Otherwise, uses config defaults. - * isValidAttribute - * - * @param {string} tag Tag name of containing element. - * @param {string} attr Attribute name. - * @param {string} value Attribute value. - * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false. - */ - DOMPurify.isValidAttribute = function (tag, attr, value) { - /* Initialize shared config vars if necessary. */ - if (!CONFIG) { - _parseConfig({}); - } - - var lcTag = stringToLowerCase(tag); - var lcName = stringToLowerCase(attr); - return _isValidAttribute(lcTag, lcName, value); - }; - - /** - * AddHook - * Public method to add DOMPurify hooks - * - * @param {String} entryPoint entry point for the hook to add - * @param {Function} hookFunction function to execute - */ - DOMPurify.addHook = function (entryPoint, hookFunction) { - if (typeof hookFunction !== 'function') { - return; - } - - hooks[entryPoint] = hooks[entryPoint] || []; - arrayPush(hooks[entryPoint], hookFunction); - }; - - /** - * RemoveHook - * Public method to remove a DOMPurify hook at a given entryPoint - * (pops it from the stack of hooks if more are present) - * - * @param {String} entryPoint entry point for the hook to remove - */ - DOMPurify.removeHook = function (entryPoint) { - if (hooks[entryPoint]) { - arrayPop(hooks[entryPoint]); - } - }; - - /** - * RemoveHooks - * Public method to remove all DOMPurify hooks at a given entryPoint - * - * @param {String} entryPoint entry point for the hooks to remove - */ - DOMPurify.removeHooks = function (entryPoint) { - if (hooks[entryPoint]) { - hooks[entryPoint] = []; - } - }; - - /** - * RemoveAllHooks - * Public method to remove all DOMPurify hooks - * - */ - DOMPurify.removeAllHooks = function () { - hooks = {}; - }; - - return DOMPurify; - } - - var purify = createDOMPurify(); - - var globalWin = window; - var globalDoc = document; - - var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; - - /** - * Wrap inlines that are in the root in paragraphs. - * - * @param {HTMLBodyElement} body - * @param {Document} doc - * @private - */ - function wrapInlines(body, doc) { - var wrapper; - - traverse(body, function (node) { - if (isInline(node, true)) { - // Ignore text nodes unless they contain non-whitespace chars as - // whitespace will be collapsed. - // Ignore sceditor-ignore elements unless wrapping siblings - // Should still wrap both if wrapping siblings. - if (wrapper || node.nodeType === TEXT_NODE ? - /\S/.test(node.nodeValue) : !is(node, '.sceditor-ignore')) { - if (!wrapper) { - wrapper = createElement('p', {}, doc); - insertBefore(wrapper, node); - } - - appendChild(wrapper, node); - } - } else { - wrapper = null; - } - }, false, true); - } - /** - * SCEditor - A lightweight WYSIWYG editor - * - * @param {HTMLTextAreaElement} original The textarea to be converted - * @param {Object} userOptions - * @class SCEditor - * @name SCEditor - */ - function SCEditor(original, userOptions) { - /** - * Alias of this - * - * @private - */ - var base = this; - - /** - * Editor format like BBCode or HTML - */ - var format; - - /** - * The div which contains the editor and toolbar - * - * @type {HTMLDivElement} - * @private - */ - var editorContainer; - - /** - * Map of events handlers bound to this instance. - * - * @type {Object} - * @private - */ - var eventHandlers = {}; - - /** - * The editors toolbar - * - * @type {HTMLDivElement} - * @private - */ - var toolbar; - - /** - * The editors iframe which should be in design mode - * - * @type {HTMLIFrameElement} - * @private - */ - var wysiwygEditor; - - /** - * The editors window - * - * @type {Window} - * @private - */ - var wysiwygWindow; - - /** - * The WYSIWYG editors body element - * - * @type {HTMLBodyElement} - * @private - */ - var wysiwygBody; - - /** - * The WYSIWYG editors document - * - * @type {Document} - * @private - */ - var wysiwygDocument; - - /** - * The editors textarea for viewing source - * - * @type {HTMLTextAreaElement} - * @private - */ - var sourceEditor; - - /** - * The current dropdown - * - * @type {HTMLDivElement} - * @private - */ - var dropdown; - - /** - * If the user is currently composing text via IME - * @type {boolean} - */ - var isComposing; - - /** - * Timer for valueChanged key handler - * @type {number} - */ - var valueChangedKeyUpTimer; - - /** - * The editors locale - * - * @private - */ - var locale; - - /** - * Stores a cache of preloaded images - * - * @private - * @type {Array.<HTMLImageElement>} - */ - var preLoadCache = []; - - /** - * The editors rangeHelper instance - * - * @type {RangeHelper} - * @private - */ - var rangeHelper; - - /** - * An array of button state handlers - * - * @type {Array.<Object>} - * @private - */ - var btnStateHandlers = []; - - /** - * Plugin manager instance - * - * @type {PluginManager} - * @private - */ - var pluginManager; - - /** - * The current node containing the selection/caret - * - * @type {Node} - * @private - */ - var currentNode; - - /** - * The first block level parent of the current node - * - * @type {node} - * @private - */ - var currentBlockNode; - - /** - * The current node selection/caret - * - * @type {Object} - * @private - */ - var currentSelection; - - /** - * Used to make sure only 1 selection changed - * check is called every 100ms. - * - * Helps improve performance as it is checked a lot. - * - * @type {boolean} - * @private - */ - var isSelectionCheckPending; - - /** - * If content is required (equivalent to the HTML5 required attribute) - * - * @type {boolean} - * @private - */ - var isRequired; - - /** - * The inline CSS style element. Will be undefined - * until css() is called for the first time. - * - * @type {HTMLStyleElement} - * @private - */ - var inlineCss; - - /** - * Object containing a list of shortcut handlers - * - * @type {Object} - * @private - */ - var shortcutHandlers = {}; - - /** - * The min and max heights that autoExpand should stay within - * - * @type {Object} - * @private - */ - var autoExpandBounds; - - /** - * Timeout for the autoExpand function to throttle calls - * - * @private - */ - var autoExpandThrottle; - - /** - * Cache of the current toolbar buttons - * - * @type {Object} - * @private - */ - var toolbarButtons = {}; - - /** - * Last scroll position before maximizing so - * it can be restored when finished. - * - * @type {number} - * @private - */ - var maximizeScrollPosition; - - /** - * Stores the contents while a paste is taking place. - * - * Needed to support browsers that lack clipboard API support. - * - * @type {?DocumentFragment} - * @private - */ - var pasteContentFragment; - - /** - * All the emoticons from dropdown, more and hidden combined - * and with the emoticons root set - * - * @type {!Object<string, string>} - * @private - */ - var allEmoticons = {}; - - /** - * Current icon set if any - * - * @type {?Object} - * @private - */ - var icons; - - /** - * Private functions - * @private - */ - var init, - replaceEmoticons, - handleCommand, - initEditor, - initLocale, - initToolBar, - initOptions, - initEvents, - initResize, - initEmoticons, - handlePasteEvt, - handleCutCopyEvt, - handlePasteData, - handleKeyDown, - handleBackSpace, - handleKeyPress, - handleFormReset, - handleMouseDown, - handleComposition, - handleEvent, - handleDocumentClick, - updateToolBar, - updateActiveButtons, - sourceEditorSelectedText, - appendNewLine, - checkSelectionChanged, - checkNodeChanged, - autofocus, - emoticonsKeyPress, - emoticonsCheckWhitespace, - currentStyledBlockNode, - triggerValueChanged, - valueChangedBlur, - valueChangedKeyUp, - autoUpdate, - autoExpand; - - /** - * All the commands supported by the editor - * @name commands - * @memberOf SCEditor.prototype - */ - base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); - - /** - * Options for this editor instance - * @name opts - * @memberOf SCEditor.prototype - */ - var options = base.opts = extend( - true, {}, defaultOptions, userOptions - ); - - // Don't deep extend emoticons (fixes #565) - base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; - - if (!Array.isArray(options.allowedIframeUrls)) { - options.allowedIframeUrls = []; - } - options.allowedIframeUrls.push('https://www.youtube-nocookie.com/embed/'); - - // Create new instance of DOMPurify for each editor instance so can - // have different allowed iframe URLs - // eslint-disable-next-line new-cap - var domPurify = purify(); - - // Allow iframes for things like YouTube, see: - // https://github.com/cure53/DOMPurify/issues/340#issuecomment-670758980 - domPurify.addHook('uponSanitizeElement', function (node, data) { - var allowedUrls = options.allowedIframeUrls; - - if (data.tagName === 'iframe') { - var src = attr(node, 'src') || ''; - - for (var i = 0; i < allowedUrls.length; i++) { - var url = allowedUrls[i]; - - if (isString(url) && src.substr(0, url.length) === url) { - return; - } - - // Handle regex - if (url.test && url.test(src)) { - return; - } - } - - // No match so remove - remove(node); - } - }); - - // Convert target attribute into data-sce-target attributes so XHTML format - // can allow them - domPurify.addHook('afterSanitizeAttributes', function (node) { - if ('target' in node) { - attr(node, 'data-sce-target', attr(node, 'target')); - } - - removeAttr(node, 'target'); - }); - - /** - * Sanitize HTML to avoid XSS - * - * @param {string} html - * @return {string} html - * @private - */ - function sanitize(html) { - return domPurify.sanitize(html, { - ADD_TAGS: ['iframe'], - ADD_ATTR: ['allowfullscreen', 'frameborder', 'target'] - }); - } - /** - * Creates the editor iframe and textarea - * @private - */ - init = function () { - original._sceditor = base; - - // Load locale - if (options.locale && options.locale !== 'en') { - initLocale(); - } - - editorContainer = createElement('div', { - className: 'sceditor-container' - }); - - insertBefore(editorContainer, original); - css(editorContainer, 'z-index', options.zIndex); - - isRequired = original.required; - original.required = false; - - var FormatCtor = SCEditor.formats[options.format]; - format = FormatCtor ? new FormatCtor() : {}; - /* - * Plugins should be initialized before the formatters since - * they may wish to add or change formatting handlers and - * since the bbcode format caches its handlers, - * such changes must be done first. - */ - pluginManager = new PluginManager(base); - (options.plugins || '').split(',').forEach(function (plugin) { - pluginManager.register(plugin.trim()); - }); - if ('init' in format) { - format.init.call(base); - } - - // create the editor - initEmoticons(); - initToolBar(); - initEditor(); - initOptions(); - initEvents(); - - // force into source mode if is a browser that can't handle - // full editing - if (!isWysiwygSupported) { - base.toggleSourceMode(); - } - - updateActiveButtons(); - - var loaded = function () { - off(globalWin, 'load', loaded); - - if (options.autofocus) { - autofocus(!!options.autofocusEnd); - } - - autoExpand(); - appendNewLine(); - // TODO: use editor doc and window? - pluginManager.call('ready'); - if ('onReady' in format) { - format.onReady.call(base); - } - }; - on(globalWin, 'load', loaded); - if (globalDoc.readyState === 'complete') { - loaded(); - } - }; - - /** - * Init the locale variable with the specified locale if possible - * @private - * @return void - */ - initLocale = function () { - var lang; - - locale = SCEditor.locale[options.locale]; - - if (!locale) { - lang = options.locale.split('-'); - locale = SCEditor.locale[lang[0]]; - } - - // Locale DateTime format overrides any specified in the options - if (locale && locale.dateFormat) { - options.dateFormat = locale.dateFormat; - } - }; - - /** - * Creates the editor iframe and textarea - * @private - */ - initEditor = function () { - sourceEditor = createElement('textarea'); - wysiwygEditor = createElement('iframe', { - frameborder: 0, - allowfullscreen: true - }); - - /* - * This needs to be done right after they are created because, - * for any reason, the user may not want the value to be tinkered - * by any filters. - */ - if (options.startInSourceMode) { - addClass(editorContainer, 'sourceMode'); - hide(wysiwygEditor); - } else { - addClass(editorContainer, 'wysiwygMode'); - hide(sourceEditor); - } - - if (!options.spellcheck) { - attr(editorContainer, 'spellcheck', 'false'); - } - - if (globalWin.location.protocol === 'https:') { - attr(wysiwygEditor, 'src', 'about:blank'); - } - - // Add the editor to the container - appendChild(editorContainer, wysiwygEditor); - appendChild(editorContainer, sourceEditor); - - // TODO: make this optional somehow - base.dimensions( - options.width || width(original), - options.height || height(original) - ); - - // Add ios to HTML so can apply CSS fix to only it - var className = ios ? ' ios' : ''; - - wysiwygDocument = wysiwygEditor.contentDocument; - wysiwygDocument.open(); - wysiwygDocument.write(_tmpl('html', { - attrs: ' class="' + className + '"', - spellcheck: options.spellcheck ? '' : 'spellcheck="false"', - charset: options.charset, - style: options.style - })); - wysiwygDocument.close(); - - wysiwygBody = wysiwygDocument.body; - wysiwygWindow = wysiwygEditor.contentWindow; - - base.readOnly(!!options.readOnly); - - // iframe overflow fix for iOS - if (ios) { - height(wysiwygBody, '100%'); - on(wysiwygBody, 'touchend', base.focus); - } - - var tabIndex = attr(original, 'tabindex'); - attr(sourceEditor, 'tabindex', tabIndex); - attr(wysiwygEditor, 'tabindex', tabIndex); - - rangeHelper = new RangeHelper(wysiwygWindow, null, sanitize); - - // load any textarea value into the editor - hide(original); - base.val(original.value); - - var placeholder = options.placeholder || - attr(original, 'placeholder'); - - if (placeholder) { - sourceEditor.placeholder = placeholder; - attr(wysiwygBody, 'placeholder', placeholder); - } - }; - - /** - * Initialises options - * @private - */ - initOptions = function () { - // auto-update original textbox on blur if option set to true - if (options.autoUpdate) { - on(wysiwygBody, 'blur', autoUpdate); - on(sourceEditor, 'blur', autoUpdate); - } - - if (options.rtl === null) { - options.rtl = css(sourceEditor, 'direction') === 'rtl'; - } - - base.rtl(!!options.rtl); - - if (options.autoExpand) { - // Need to update when images (or anything else) loads - on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); - on(wysiwygBody, 'input keyup', autoExpand); - } - - if (options.resizeEnabled) { - initResize(); - } - - attr(editorContainer, 'id', options.id); - base.emoticons(options.emoticonsEnabled); - }; - - /** - * Initialises events - * @private - */ - initEvents = function () { - var form = original.form; - var compositionEvents = 'compositionstart compositionend'; - var eventsToForward = - 'keydown keyup keypress focus blur contextmenu input'; - var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? - 'selectionchange' : - 'keyup focus blur contextmenu mouseup touchend click'; - - on(globalDoc, 'click', handleDocumentClick); - - if (form) { - on(form, 'reset', handleFormReset); - on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); - } - - on(window, 'pagehide', base.updateOriginal); - on(window, 'pageshow', handleFormReset); - on(wysiwygBody, 'keypress', handleKeyPress); - on(wysiwygBody, 'keydown', handleKeyDown); - on(wysiwygBody, 'keydown', handleBackSpace); - on(wysiwygBody, 'keyup', appendNewLine); - on(wysiwygBody, 'blur', valueChangedBlur); - on(wysiwygBody, 'keyup', valueChangedKeyUp); - on(wysiwygBody, 'paste', handlePasteEvt); - on(wysiwygBody, 'cut copy', handleCutCopyEvt); - on(wysiwygBody, compositionEvents, handleComposition); - on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); - on(wysiwygBody, eventsToForward, handleEvent); - - if (options.emoticonsCompat && globalWin.getSelection) { - on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); - } - - on(wysiwygBody, 'blur', function () { - if (!base.val()) { - addClass(wysiwygBody, 'placeholder'); - } - }); - - on(wysiwygBody, 'focus', function () { - removeClass(wysiwygBody, 'placeholder'); - }); - - on(sourceEditor, 'blur', valueChangedBlur); - on(sourceEditor, 'keyup', valueChangedKeyUp); - on(sourceEditor, 'keydown', handleKeyDown); - on(sourceEditor, compositionEvents, handleComposition); - on(sourceEditor, eventsToForward, handleEvent); - - on(wysiwygDocument, 'mousedown', handleMouseDown); - on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); - on(wysiwygDocument, 'keyup', appendNewLine); - - on(editorContainer, 'selectionchanged', checkNodeChanged); - on(editorContainer, 'selectionchanged', updateActiveButtons); - // Custom events to forward - on( - editorContainer, - 'selectionchanged valuechanged nodechanged pasteraw paste', - handleEvent - ); - }; - - /** - * Creates the toolbar and appends it to the container - * @private - */ - initToolBar = function () { - var group, - commands = base.commands, - exclude = (options.toolbarExclude || '').split(','), - groups = options.toolbar.split('|'); - - toolbar = createElement('div', { - className: 'sceditor-toolbar', - unselectable: 'on' - }); - - if (options.icons in SCEditor.icons) { - icons = new SCEditor.icons[options.icons](); - } - - each(groups, function (_, menuItems) { - group = createElement('div', { - className: 'sceditor-group' - }); - - each(menuItems.split(','), function (_, commandName) { - var button, shortcut, - command = commands[commandName]; - - // The commandName must be a valid command and not excluded - if (!command || exclude.indexOf(commandName) > -1) { - return; - } - - shortcut = command.shortcut; - button = _tmpl('toolbarButton', { - name: commandName, - dispName: base._(command.name || - command.tooltip || commandName) - }, true).firstChild; - - if (icons && icons.create) { - var icon = icons.create(commandName); - if (icon) { - insertBefore(icons.create(commandName), - button.firstChild); - addClass(button, 'has-icon'); - } - } - - button._sceTxtMode = !!command.txtExec; - button._sceWysiwygMode = !!command.exec; - toggleClass(button, 'disabled', !command.exec); - on(button, 'click', function (e) { - if (!hasClass(button, 'disabled')) { - handleCommand(button, command); - } - - updateActiveButtons(); - e.preventDefault(); - }); - // Prevent editor losing focus when button clicked - on(button, 'mousedown', function (e) { - base.closeDropDown(); - e.preventDefault(); - }); - - if (command.tooltip) { - attr(button, 'title', - base._(command.tooltip) + - (shortcut ? ' (' + shortcut + ')' : '') - ); - } - - if (shortcut) { - base.addShortcut(shortcut, commandName); - } - - if (command.state) { - btnStateHandlers.push({ - name: commandName, - state: command.state - }); - // exec string commands can be passed to queryCommandState - } else if (isString(command.exec)) { - btnStateHandlers.push({ - name: commandName, - state: command.exec - }); - } - - appendChild(group, button); - toolbarButtons[commandName] = button; - }); - - // Exclude empty groups - if (group.firstChild) { - appendChild(toolbar, group); - } - }); - - // Append the toolbar to the toolbarContainer option if given - appendChild(options.toolbarContainer || editorContainer, toolbar); - }; - - /** - * Creates the resizer. - * @private - */ - initResize = function () { - var minHeight, maxHeight, minWidth, maxWidth, - mouseMoveFunc, mouseUpFunc, - grip = createElement('div', { - className: 'sceditor-grip' - }), - // Cover is used to cover the editor iframe so document - // still gets mouse move events - cover = createElement('div', { - className: 'sceditor-resize-cover' - }), - moveEvents = 'touchmove mousemove', - endEvents = 'touchcancel touchend mouseup', - startX = 0, - startY = 0, - newX = 0, - newY = 0, - startWidth = 0, - startHeight = 0, - origWidth = width(editorContainer), - origHeight = height(editorContainer), - isDragging = false, - rtl = base.rtl(); - - minHeight = options.resizeMinHeight || origHeight / 1.5; - maxHeight = options.resizeMaxHeight || origHeight * 2.5; - minWidth = options.resizeMinWidth || origWidth / 1.25; - maxWidth = options.resizeMaxWidth || origWidth * 1.25; - - mouseMoveFunc = function (e) { - // iOS uses window.event - if (e.type === 'touchmove') { - e = globalWin.event; - newX = e.changedTouches[0].pageX; - newY = e.changedTouches[0].pageY; - } else { - newX = e.pageX; - newY = e.pageY; - } - - var newHeight = startHeight + (newY - startY), - newWidth = rtl ? - startWidth - (newX - startX) : - startWidth + (newX - startX); - - if (maxWidth > 0 && newWidth > maxWidth) { - newWidth = maxWidth; - } - if (minWidth > 0 && newWidth < minWidth) { - newWidth = minWidth; - } - if (!options.resizeWidth) { - newWidth = false; - } - - if (maxHeight > 0 && newHeight > maxHeight) { - newHeight = maxHeight; - } - if (minHeight > 0 && newHeight < minHeight) { - newHeight = minHeight; - } - if (!options.resizeHeight) { - newHeight = false; - } - - if (newWidth || newHeight) { - base.dimensions(newWidth, newHeight); - } - - e.preventDefault(); - }; - - mouseUpFunc = function (e) { - if (!isDragging) { - return; - } - - isDragging = false; - - hide(cover); - removeClass(editorContainer, 'resizing'); - off(globalDoc, moveEvents, mouseMoveFunc); - off(globalDoc, endEvents, mouseUpFunc); - - e.preventDefault(); - }; - - if (icons && icons.create) { - var icon = icons.create('grip'); - if (icon) { - appendChild(grip, icon); - addClass(grip, 'has-icon'); - } - } - - appendChild(editorContainer, grip); - appendChild(editorContainer, cover); - hide(cover); - - on(grip, 'touchstart mousedown', function (e) { - // iOS uses window.event - if (e.type === 'touchstart') { - e = globalWin.event; - startX = e.touches[0].pageX; - startY = e.touches[0].pageY; - } else { - startX = e.pageX; - startY = e.pageY; - } - - startWidth = width(editorContainer); - startHeight = height(editorContainer); - isDragging = true; - - addClass(editorContainer, 'resizing'); - show(cover); - on(globalDoc, moveEvents, mouseMoveFunc); - on(globalDoc, endEvents, mouseUpFunc); - - e.preventDefault(); - }); - }; - - /** - * Prefixes and preloads the emoticon images - * @private - */ - initEmoticons = function () { - var emoticons = options.emoticons; - var root = options.emoticonsRoot || ''; - - if (emoticons) { - allEmoticons = extend( - {}, emoticons.more, emoticons.dropdown, emoticons.hidden - ); - } - - each(allEmoticons, function (key, url) { - allEmoticons[key] = _tmpl('emoticon', { - key: key, - // Prefix emoticon root to emoticon urls - url: root + (url.url || url), - tooltip: url.tooltip || key - }); - - // Preload the emoticon - if (options.emoticonsEnabled) { - preLoadCache.push(createElement('img', { - src: root + (url.url || url) - })); - } - }); - }; - - /** - * Autofocus the editor - * @private - */ - autofocus = function (focusEnd) { - var range, txtPos, - node = wysiwygBody.firstChild; - - // Can't focus invisible elements - if (!isVisible(editorContainer)) { - return; - } - - if (base.sourceMode()) { - txtPos = focusEnd ? sourceEditor.value.length : 0; - - sourceEditor.setSelectionRange(txtPos, txtPos); - - return; - } - - removeWhiteSpace(wysiwygBody); - - if (focusEnd) { - if (!(node = wysiwygBody.lastChild)) { - node = createElement('p', {}, wysiwygDocument); - appendChild(wysiwygBody, node); - } - - while (node.lastChild) { - node = node.lastChild; - - // Should place the cursor before the last <br> - if (is(node, 'br') && node.previousSibling) { - node = node.previousSibling; - } - } - } - - range = wysiwygDocument.createRange(); - - if (!canHaveChildren(node)) { - range.setStartBefore(node); - - if (focusEnd) { - range.setStartAfter(node); - } - } else { - range.selectNodeContents(node); - } - - range.collapse(!focusEnd); - rangeHelper.selectRange(range); - currentSelection = range; - - if (focusEnd) { - wysiwygBody.scrollTop = wysiwygBody.scrollHeight; - } - - base.focus(); - }; - - /** - * Gets if the editor is read only - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name readOnly - * @return {boolean} - */ - /** - * Sets if the editor is read only - * - * @param {boolean} readOnly - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name readOnly^2 - * @return {this} - */ - base.readOnly = function (readOnly) { - if (typeof readOnly !== 'boolean') { - return !sourceEditor.readonly; - } - - wysiwygBody.contentEditable = !readOnly; - sourceEditor.readonly = !readOnly; - - updateToolBar(readOnly); - - return base; - }; - - /** - * Gets if the editor is in RTL mode - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name rtl - * @return {boolean} - */ - /** - * Sets if the editor is in RTL mode - * - * @param {boolean} rtl - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name rtl^2 - * @return {this} - */ - base.rtl = function (rtl) { - var dir = rtl ? 'rtl' : 'ltr'; - - if (typeof rtl !== 'boolean') { - return attr(sourceEditor, 'dir') === 'rtl'; - } - - attr(wysiwygBody, 'dir', dir); - attr(sourceEditor, 'dir', dir); - - removeClass(editorContainer, 'rtl'); - removeClass(editorContainer, 'ltr'); - addClass(editorContainer, dir); - - if (icons && icons.rtl) { - icons.rtl(rtl); - } - - return base; - }; - - /** - * Updates the toolbar to disable/enable the appropriate buttons - * @private - */ - updateToolBar = function (disable) { - var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; - - each(toolbarButtons, function (_, button) { - toggleClass(button, 'disabled', disable || !button[mode]); - }); - }; - - /** - * Gets the width of the editor in pixels - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name width - * @return {number} - */ - /** - * Sets the width of the editor - * - * @param {number} width Width in pixels - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name width^2 - * @return {this} - */ - /** - * Sets the width of the editor - * - * The saveWidth specifies if to save the width. The stored width can be - * used for things like restoring from maximized state. - * - * @param {number} width Width in pixels - * @param {boolean} [saveWidth=true] If to store the width - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name width^3 - * @return {this} - */ - base.width = function (width$1, saveWidth) { - if (!width$1 && width$1 !== 0) { - return width(editorContainer); - } - - base.dimensions(width$1, null, saveWidth); - - return base; - }; - - /** - * Returns an object with the properties width and height - * which are the width and height of the editor in px. - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions - * @return {object} - */ - /** - * <p>Sets the width and/or height of the editor.</p> - * - * <p>If width or height is not numeric it is ignored.</p> - * - * @param {number} width Width in px - * @param {number} height Height in px - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions^2 - * @return {this} - */ - /** - * <p>Sets the width and/or height of the editor.</p> - * - * <p>If width or height is not numeric it is ignored.</p> - * - * <p>The save argument specifies if to save the new sizes. - * The saved sizes can be used for things like restoring from - * maximized state. This should normally be left as true.</p> - * - * @param {number} width Width in px - * @param {number} height Height in px - * @param {boolean} [save=true] If to store the new sizes - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions^3 - * @return {this} - */ - base.dimensions = function (width$1, height$1, save) { - // set undefined width/height to boolean false - width$1 = (!width$1 && width$1 !== 0) ? false : width$1; - height$1 = (!height$1 && height$1 !== 0) ? false : height$1; - - if (width$1 === false && height$1 === false) { - return { width: base.width(), height: base.height() }; - } - - if (width$1 !== false) { - if (save !== false) { - options.width = width$1; - } - - width(editorContainer, width$1); - } - - if (height$1 !== false) { - if (save !== false) { - options.height = height$1; - } - - height(editorContainer, height$1); - } - - return base; - }; - - /** - * Gets the height of the editor in px - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name height - * @return {number} - */ - /** - * Sets the height of the editor - * - * @param {number} height Height in px - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name height^2 - * @return {this} - */ - /** - * Sets the height of the editor - * - * The saveHeight specifies if to save the height. - * - * The stored height can be used for things like - * restoring from maximized state. - * - * @param {number} height Height in px - * @param {boolean} [saveHeight=true] If to store the height - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name height^3 - * @return {this} - */ - base.height = function (height$1, saveHeight) { - if (!height$1 && height$1 !== 0) { - return height(editorContainer); - } - - base.dimensions(null, height$1, saveHeight); - - return base; - }; - - /** - * Gets if the editor is maximised or not - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name maximize - * @return {boolean} - */ - /** - * Sets if the editor is maximised or not - * - * @param {boolean} maximize If to maximise the editor - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name maximize^2 - * @return {this} - */ - base.maximize = function (maximize) { - var maximizeSize = 'sceditor-maximize'; - - if (isUndefined(maximize)) { - return hasClass(editorContainer, maximizeSize); - } - - maximize = !!maximize; - - if (maximize) { - maximizeScrollPosition = globalWin.pageYOffset; - } - - toggleClass(globalDoc.documentElement, maximizeSize, maximize); - toggleClass(globalDoc.body, maximizeSize, maximize); - toggleClass(editorContainer, maximizeSize, maximize); - base.width(maximize ? '100%' : options.width, false); - base.height(maximize ? '100%' : options.height, false); - - if (!maximize) { - globalWin.scrollTo(0, maximizeScrollPosition); - } - - autoExpand(); - - return base; - }; - - autoExpand = function () { - if (options.autoExpand && !autoExpandThrottle) { - autoExpandThrottle = setTimeout(base.expandToContent, 200); - } - }; - - /** - * Expands or shrinks the editors height to the height of it's content - * - * Unless ignoreMaxHeight is set to true it will not expand - * higher than the maxHeight option. - * - * @since 1.3.5 - * @param {boolean} [ignoreMaxHeight=false] - * @function - * @name expandToContent - * @memberOf SCEditor.prototype - * @see #resizeToContent - */ - base.expandToContent = function (ignoreMaxHeight) { - if (base.maximize()) { - return; - } - - clearTimeout(autoExpandThrottle); - autoExpandThrottle = false; - - if (!autoExpandBounds) { - var height$1 = options.resizeMinHeight || options.height || - height(original); - - autoExpandBounds = { - min: height$1, - max: options.resizeMaxHeight || (height$1 * 2) - }; - } - - var range = globalDoc.createRange(); - range.selectNodeContents(wysiwygBody); - - var rect = range.getBoundingClientRect(); - var current = wysiwygDocument.documentElement.clientHeight - 1; - var spaceNeeded = rect.bottom - rect.top; - var newHeight = base.height() + 1 + (spaceNeeded - current); - - if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { - newHeight = Math.min(newHeight, autoExpandBounds.max); - } - - base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); - }; - - /** - * Destroys the editor, removing all elements and - * event handlers. - * - * Leaves only the original textarea. - * - * @function - * @name destroy - * @memberOf SCEditor.prototype - */ - base.destroy = function () { - // Don't destroy if the editor has already been destroyed - if (!pluginManager) { - return; - } - - pluginManager.destroy(); - - rangeHelper = null; - pluginManager = null; - - if (dropdown) { - remove(dropdown); - } - - off(globalDoc, 'click', handleDocumentClick); - - var form = original.form; - if (form) { - off(form, 'reset', handleFormReset); - off(form, 'submit', base.updateOriginal, EVENT_CAPTURE); - } - - off(window, 'pagehide', base.updateOriginal); - off(window, 'pageshow', handleFormReset); - remove(sourceEditor); - remove(toolbar); - remove(editorContainer); - - delete original._sceditor; - show(original); - - original.required = isRequired; - }; - - - /** - * Creates a menu item drop down - * - * @param {HTMLElement} menuItem The button to align the dropdown with - * @param {string} name Used for styling the dropdown, will be - * a class sceditor-name - * @param {HTMLElement} content The HTML content of the dropdown - * @function - * @name createDropDown - * @memberOf SCEditor.prototype - */ - base.createDropDown = function (menuItem, name, content) { - // first click for create second click for close - var dropDownCss, - dropDownClass = 'sceditor-' + name; - - base.closeDropDown(); - - // Only close the dropdown if it was already open - if (dropdown && hasClass(dropdown, dropDownClass)) { - return; - } - - dropDownCss = extend({ - top: menuItem.offsetTop, - left: menuItem.offsetLeft, - marginTop: menuItem.clientHeight - }, options.dropDownCss); - - dropdown = createElement('div', { - className: 'sceditor-dropdown ' + dropDownClass - }); - - css(dropdown, dropDownCss); - appendChild(dropdown, content); - appendChild(editorContainer, dropdown); - on(dropdown, 'click focusin', function (e) { - // stop clicks within the dropdown from being handled - e.stopPropagation(); - }); - - if (dropdown) { - var first = find(dropdown, 'input,textarea')[0]; - if (first) { - first.focus(); - } - } - }; - - /** - * Handles any document click and closes the dropdown if open - * @private - */ - handleDocumentClick = function (e) { - // ignore right clicks - if (e.which !== 3 && dropdown && !e.defaultPrevented) { - autoUpdate(); - - base.closeDropDown(); - } - }; - - /** - * Handles the WYSIWYG editors cut & copy events - * - * By default browsers also copy inherited styling from the stylesheet and - * browser default styling which is unnecessary. - * - * This will ignore inherited styles and only copy inline styling. - * @private - */ - handleCutCopyEvt = function (e) { - var range = rangeHelper.selectedRange(); - if (range) { - var container = createElement('div', {}, wysiwygDocument); - var firstParent; - - // Copy all inline parent nodes up to the first block parent so can - // copy inline styles - var parent = range.commonAncestorContainer; - while (parent && isInline(parent, true)) { - if (parent.nodeType === ELEMENT_NODE) { - var clone = parent.cloneNode(); - if (container.firstChild) { - appendChild(clone, container.firstChild); - } - - appendChild(container, clone); - firstParent = firstParent || clone; - } - parent = parent.parentNode; - } - - appendChild(firstParent || container, range.cloneContents()); - removeWhiteSpace(container); - - e.clipboardData.setData('text/html', container.innerHTML); - - // TODO: Refactor into private shared module with plaintext plugin - // innerText adds two newlines after <p> tags so convert them to - // <div> tags - each(find(container, 'p'), function (_, elm) { - convertElement(elm, 'div'); - }); - // Remove collapsed <br> tags as innerText converts them to newlines - each(find(container, 'br'), function (_, elm) { - if (!elm.nextSibling || !isInline(elm.nextSibling, true)) { - remove(elm); - } - }); - - // range.toString() doesn't include newlines so can't use that. - // selection.toString() seems to use the same method as innerText - // but needs to be normalised first so using container.innerText - appendChild(wysiwygBody, container); - e.clipboardData.setData('text/plain', container.innerText); - remove(container); - - if (e.type === 'cut') { - range.deleteContents(); - } - - e.preventDefault(); - } - }; - - /** - * Handles the WYSIWYG editors paste event - * @private - */ - handlePasteEvt = function (e) { - var editable = wysiwygBody; - var clipboard = e.clipboardData; - var loadImage = function (file) { - var reader = new FileReader(); - reader.onload = function (e) { - handlePasteData({ - html: '<img src="' + e.target.result + '" />' - }); - }; - reader.readAsDataURL(file); - }; - - // Modern browsers with clipboard API - everything other than _very_ - // old android web views and UC browser which doesn't support the - // paste event at all. - if (clipboard) { - var data = {}; - var types = clipboard.types; - var items = clipboard.items; - - e.preventDefault(); - - for (var i = 0; i < types.length; i++) { - // Word sometimes adds copied text as an image so if HTML - // exists prefer that over images - if (types.indexOf('text/html') < 0) { - // Normalise image pasting to paste as a data-uri - if (globalWin.FileReader && items && - IMAGE_MIME_REGEX.test(items[i].type)) { - return loadImage(clipboard.items[i].getAsFile()); - } - } - - data[types[i]] = clipboard.getData(types[i]); - } - // Call plugins here with file? - data.text = data['text/plain']; - data.html = sanitize(data['text/html']); - - handlePasteData(data); - // If contentsFragment exists then we are already waiting for a - // previous paste so let the handler for that handle this one too - } else if (!pasteContentFragment) { - // Save the scroll position so can be restored - // when contents is restored - var scrollTop = editable.scrollTop; - - rangeHelper.saveRange(); - - pasteContentFragment = globalDoc.createDocumentFragment(); - while (editable.firstChild) { - appendChild(pasteContentFragment, editable.firstChild); - } - - setTimeout(function () { - var html = editable.innerHTML; - - editable.innerHTML = ''; - appendChild(editable, pasteContentFragment); - editable.scrollTop = scrollTop; - pasteContentFragment = false; - - rangeHelper.restoreRange(); - - handlePasteData({ html: sanitize(html) }); - }, 0); - } - }; - - /** - * Gets the pasted data, filters it and then inserts it. - * @param {Object} data - * @private - */ - handlePasteData = function (data) { - var pasteArea = createElement('div', {}, wysiwygDocument); - - pluginManager.call('pasteRaw', data); - trigger(editorContainer, 'pasteraw', data); - - if (data.html) { - // Sanitize again in case plugins modified the HTML - pasteArea.innerHTML = sanitize(data.html); - - // fix any invalid nesting - fixNesting(pasteArea); - } else { - pasteArea.innerHTML = entities(data.text || ''); - } - - var paste = { - val: pasteArea.innerHTML - }; - - if ('fragmentToSource' in format) { - paste.val = format - .fragmentToSource(paste.val, wysiwygDocument, currentNode); - } - - pluginManager.call('paste', paste); - trigger(editorContainer, 'paste', paste); - - if ('fragmentToHtml' in format) { - paste.val = format - .fragmentToHtml(paste.val, currentNode); - } - - pluginManager.call('pasteHtml', paste); - - var parent = rangeHelper.getFirstBlockParent(); - base.wysiwygEditorInsertHtml(paste.val, null, true); - merge(parent); - }; - - /** - * Closes any currently open drop down - * - * @param {boolean} [focus=false] If to focus the editor - * after closing the drop down - * @function - * @name closeDropDown - * @memberOf SCEditor.prototype - */ - base.closeDropDown = function (focus) { - if (dropdown) { - remove(dropdown); - dropdown = null; - } - - if (focus === true) { - base.focus(); - } - }; - - - /** - * Inserts HTML into WYSIWYG editor. - * - * If endHtml is specified, any selected text will be placed - * between html and endHtml. If there is no selected text html - * and endHtml will just be concatenate together. - * - * @param {string} html - * @param {string} [endHtml=null] - * @param {boolean} [overrideCodeBlocking=false] If to insert the html - * into code tags, by - * default code tags only - * support text. - * @function - * @name wysiwygEditorInsertHtml - * @memberOf SCEditor.prototype - */ - base.wysiwygEditorInsertHtml = function ( - html, endHtml, overrideCodeBlocking - ) { - var marker, scrollTop, scrollTo, - editorHeight = height(wysiwygEditor); - - base.focus(); - - // TODO: This code tag should be configurable and - // should maybe convert the HTML into text instead - // Don't apply to code elements - if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { - return; - } - - // Insert the HTML and save the range so the editor can be scrolled - // to the end of the selection. Also allows emoticons to be replaced - // without affecting the cursor position - rangeHelper.insertHTML(html, endHtml); - rangeHelper.saveRange(); - replaceEmoticons(); - - // Fix any invalid nesting, e.g. if a quote or other block is inserted - // into a paragraph - fixNesting(wysiwygBody); - - // Scroll the editor after the end of the selection - marker = find(wysiwygBody, '#sceditor-end-marker')[0]; - show(marker); - scrollTop = wysiwygBody.scrollTop; - scrollTo = (getOffset(marker).top + - (marker.offsetHeight * 1.5)) - editorHeight; - hide(marker); - - // Only scroll if marker isn't already visible - if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { - wysiwygBody.scrollTop = scrollTo; - } - - triggerValueChanged(false); - rangeHelper.restoreRange(); - - // Add a new line after the last block element - // so can always add text after it - appendNewLine(); - }; - - /** - * Like wysiwygEditorInsertHtml except it will convert any HTML - * into text before inserting it. - * - * @param {string} text - * @param {string} [endText=null] - * @function - * @name wysiwygEditorInsertText - * @memberOf SCEditor.prototype - */ - base.wysiwygEditorInsertText = function (text, endText) { - base.wysiwygEditorInsertHtml( - entities(text), entities(endText) - ); - }; - - /** - * Inserts text into the WYSIWYG or source editor depending on which - * mode the editor is in. - * - * If endText is specified any selected text will be placed between - * text and endText. If no text is selected text and endText will - * just be concatenate together. - * - * @param {string} text - * @param {string} [endText=null] - * @since 1.3.5 - * @function - * @name insertText - * @memberOf SCEditor.prototype - */ - base.insertText = function (text, endText) { - if (base.inSourceMode()) { - base.sourceEditorInsertText(text, endText); - } else { - base.wysiwygEditorInsertText(text, endText); - } - - return base; - }; - - /** - * Like wysiwygEditorInsertHtml but inserts text into the - * source mode editor instead. - * - * If endText is specified any selected text will be placed between - * text and endText. If no text is selected text and endText will - * just be concatenate together. - * - * The cursor will be placed after the text param. If endText is - * specified the cursor will be placed before endText, so passing:<br /> - * - * '[b]', '[/b]' - * - * Would cause the cursor to be placed:<br /> - * - * [b]Selected text|[/b] - * - * @param {string} text - * @param {string} [endText=null] - * @since 1.4.0 - * @function - * @name sourceEditorInsertText - * @memberOf SCEditor.prototype - */ - base.sourceEditorInsertText = function (text, endText) { - var scrollTop, currentValue, - startPos = sourceEditor.selectionStart, - endPos = sourceEditor.selectionEnd; - - scrollTop = sourceEditor.scrollTop; - sourceEditor.focus(); - currentValue = sourceEditor.value; - - if (endText) { - text += currentValue.substring(startPos, endPos) + endText; - } - - sourceEditor.value = currentValue.substring(0, startPos) + - text + - currentValue.substring(endPos, currentValue.length); - - sourceEditor.selectionStart = (startPos + text.length) - - (endText ? endText.length : 0); - sourceEditor.selectionEnd = sourceEditor.selectionStart; - - sourceEditor.scrollTop = scrollTop; - sourceEditor.focus(); - - triggerValueChanged(); - }; - - /** - * Gets the current instance of the rangeHelper class - * for the editor. - * - * @return {RangeHelper} - * @function - * @name getRangeHelper - * @memberOf SCEditor.prototype - */ - base.getRangeHelper = function () { - return rangeHelper; - }; - - /** - * Gets or sets the source editor caret position. - * - * @param {Object} [position] - * @return {this} - * @function - * @since 1.4.5 - * @name sourceEditorCaret - * @memberOf SCEditor.prototype - */ - base.sourceEditorCaret = function (position) { - sourceEditor.focus(); - - if (position) { - sourceEditor.selectionStart = position.start; - sourceEditor.selectionEnd = position.end; - - return this; - } - - return { - start: sourceEditor.selectionStart, - end: sourceEditor.selectionEnd - }; - }; - - /** - * Gets the value of the editor. - * - * If the editor is in WYSIWYG mode it will return the filtered - * HTML from it (converted to BBCode if using the BBCode plugin). - * It it's in Source Mode it will return the unfiltered contents - * of the source editor (if using the BBCode plugin this will be - * BBCode again). - * - * @since 1.3.5 - * @return {string} - * @function - * @name val - * @memberOf SCEditor.prototype - */ - /** - * Sets the value of the editor. - * - * If filter set true the val will be passed through the filter - * function. If using the BBCode plugin it will pass the val to - * the BBCode filter to convert any BBCode into HTML. - * - * @param {string} val - * @param {boolean} [filter=true] - * @return {this} - * @since 1.3.5 - * @function - * @name val^2 - * @memberOf SCEditor.prototype - */ - base.val = function (val, filter) { - if (!isString(val)) { - return base.inSourceMode() ? - base.getSourceEditorValue(false) : - base.getWysiwygEditorValue(filter); - } - - if (!base.inSourceMode()) { - if (filter !== false && 'toHtml' in format) { - val = format.toHtml(val); - } - - base.setWysiwygEditorValue(val); - } else { - base.setSourceEditorValue(val); - } - - return base; - }; - - /** - * Inserts HTML/BBCode into the editor - * - * If end is supplied any selected text will be placed between - * start and end. If there is no selected text start and end - * will be concatenate together. - * - * If the filter param is set to true, the HTML/BBCode will be - * passed through any plugin filters. If using the BBCode plugin - * this will convert any BBCode into HTML. - * - * @param {string} start - * @param {string} [end=null] - * @param {boolean} [filter=true] - * @param {boolean} [convertEmoticons=true] If to convert emoticons - * @return {this} - * @since 1.3.5 - * @function - * @name insert - * @memberOf SCEditor.prototype - */ - /** - * Inserts HTML/BBCode into the editor - * - * If end is supplied any selected text will be placed between - * start and end. If there is no selected text start and end - * will be concatenate together. - * - * If the filter param is set to true, the HTML/BBCode will be - * passed through any plugin filters. If using the BBCode plugin - * this will convert any BBCode into HTML. - * - * If the allowMixed param is set to true, HTML any will not be - * escaped - * - * @param {string} start - * @param {string} [end=null] - * @param {boolean} [filter=true] - * @param {boolean} [convertEmoticons=true] If to convert emoticons - * @param {boolean} [allowMixed=false] - * @return {this} - * @since 1.4.3 - * @function - * @name insert^2 - * @memberOf SCEditor.prototype - */ - // eslint-disable-next-line max-params - base.insert = function ( - start, end, filter, convertEmoticons, allowMixed - ) { - if (base.inSourceMode()) { - base.sourceEditorInsertText(start, end); - return base; - } - - // Add the selection between start and end - if (end) { - var html = rangeHelper.selectedHtml(); - - if (filter !== false && 'fragmentToSource' in format) { - html = format - .fragmentToSource(html, wysiwygDocument, currentNode); - } - - start += html + end; - } - // TODO: This filter should allow empty tags as it's inserting. - if (filter !== false && 'fragmentToHtml' in format) { - start = format.fragmentToHtml(start, currentNode); - } - - // Convert any escaped HTML back into HTML if mixed is allowed - if (filter !== false && allowMixed === true) { - start = start.replace(/</g, '<') - .replace(/>/g, '>') - .replace(/&/g, '&'); - } - - base.wysiwygEditorInsertHtml(start); - - return base; - }; - - /** - * Gets the WYSIWYG editors HTML value. - * - * If using a plugin that filters the Ht Ml like the BBCode plugin - * it will return the result of the filtering (BBCode) unless the - * filter param is set to false. - * - * @param {boolean} [filter=true] - * @return {string} - * @function - * @name getWysiwygEditorValue - * @memberOf SCEditor.prototype - */ - base.getWysiwygEditorValue = function (filter) { - var html; - // Create a tmp node to store contents so it can be modified - // without affecting anything else. - var tmp = createElement('div', {}, wysiwygDocument); - var childNodes = wysiwygBody.childNodes; - - for (var i = 0; i < childNodes.length; i++) { - appendChild(tmp, childNodes[i].cloneNode(true)); - } - - appendChild(wysiwygBody, tmp); - fixNesting(tmp); - remove(tmp); - - html = tmp.innerHTML; - - // filter the HTML and DOM through any plugins - if (filter !== false && format.hasOwnProperty('toSource')) { - html = format.toSource(html, wysiwygDocument); - } - - return html; - }; - - /** - * Gets the WYSIWYG editor's iFrame Body. - * - * @return {HTMLElement} - * @function - * @since 1.4.3 - * @name getBody - * @memberOf SCEditor.prototype - */ - base.getBody = function () { - return wysiwygBody; - }; - - /** - * Gets the WYSIWYG editors container area (whole iFrame). - * - * @return {HTMLElement} - * @function - * @since 1.4.3 - * @name getContentAreaContainer - * @memberOf SCEditor.prototype - */ - base.getContentAreaContainer = function () { - return wysiwygEditor; - }; - - /** - * Gets the text editor value - * - * If using a plugin that filters the text like the BBCode plugin - * it will return the result of the filtering which is BBCode to - * HTML so it will return HTML. If filter is set to false it will - * just return the contents of the source editor (BBCode). - * - * @param {boolean} [filter=true] - * @return {string} - * @function - * @since 1.4.0 - * @name getSourceEditorValue - * @memberOf SCEditor.prototype - */ - base.getSourceEditorValue = function (filter) { - var val = sourceEditor.value; - - if (filter !== false && 'toHtml' in format) { - val = format.toHtml(val); - } - - return val; - }; - - /** - * Sets the WYSIWYG HTML editor value. Should only be the HTML - * contained within the body tags - * - * @param {string} value - * @function - * @name setWysiwygEditorValue - * @memberOf SCEditor.prototype - */ - base.setWysiwygEditorValue = function (value) { - if (!value) { - value = '<p><br /></p>'; - } - - wysiwygBody.innerHTML = sanitize(value); - replaceEmoticons(); - - appendNewLine(); - triggerValueChanged(); - autoExpand(); - }; - - /** - * Sets the text editor value - * - * @param {string} value - * @function - * @name setSourceEditorValue - * @memberOf SCEditor.prototype - */ - base.setSourceEditorValue = function (value) { - sourceEditor.value = value; - - triggerValueChanged(); - }; - - /** - * Updates the textarea that the editor is replacing - * with the value currently inside the editor. - * - * @function - * @name updateOriginal - * @since 1.4.0 - * @memberOf SCEditor.prototype - */ - base.updateOriginal = function () { - original.value = base.val(); - }; - - /** - * Replaces any emoticon codes in the passed HTML - * with their emoticon images - * @private - */ - replaceEmoticons = function () { - if (options.emoticonsEnabled) { - replace(wysiwygBody, allEmoticons, options.emoticonsCompat); - } - }; - - /** - * If the editor is in source code mode - * - * @return {boolean} - * @function - * @name inSourceMode - * @memberOf SCEditor.prototype - */ - base.inSourceMode = function () { - return hasClass(editorContainer, 'sourceMode'); - }; - - /** - * Gets if the editor is in sourceMode - * - * @return boolean - * @function - * @name sourceMode - * @memberOf SCEditor.prototype - */ - /** - * Sets if the editor is in sourceMode - * - * @param {boolean} enable - * @return {this} - * @function - * @name sourceMode^2 - * @memberOf SCEditor.prototype - */ - base.sourceMode = function (enable) { - var inSourceMode = base.inSourceMode(); - - if (typeof enable !== 'boolean') { - return inSourceMode; - } - - if ((inSourceMode && !enable) || (!inSourceMode && enable)) { - base.toggleSourceMode(); - } - - return base; - }; - - /** - * Switches between the WYSIWYG and source modes - * - * @function - * @name toggleSourceMode - * @since 1.4.0 - * @memberOf SCEditor.prototype - */ - base.toggleSourceMode = function () { - var isInSourceMode = base.inSourceMode(); - - // don't allow switching to WYSIWYG if doesn't support it - if (!isWysiwygSupported && isInSourceMode) { - return; - } - - if (!isInSourceMode) { - rangeHelper.saveRange(); - rangeHelper.clear(); - } - - currentSelection = null; - base.blur(); - - if (isInSourceMode) { - base.setWysiwygEditorValue(base.getSourceEditorValue()); - } else { - base.setSourceEditorValue(base.getWysiwygEditorValue()); - } - - toggle(sourceEditor); - toggle(wysiwygEditor); - - toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); - toggleClass(editorContainer, 'sourceMode', !isInSourceMode); - - updateToolBar(); - updateActiveButtons(); - }; - - /** - * Gets the selected text of the source editor - * @return {string} - * @private - */ - sourceEditorSelectedText = function () { - sourceEditor.focus(); - - return sourceEditor.value.substring( - sourceEditor.selectionStart, - sourceEditor.selectionEnd - ); - }; - - /** - * Handles the passed command - * @private - */ - handleCommand = function (caller, cmd) { - // check if in text mode and handle text commands - if (base.inSourceMode()) { - if (cmd.txtExec) { - if (Array.isArray(cmd.txtExec)) { - base.sourceEditorInsertText.apply(base, cmd.txtExec); - } else { - cmd.txtExec.call(base, caller, sourceEditorSelectedText()); - } - } - } else if (cmd.exec) { - if (isFunction(cmd.exec)) { - cmd.exec.call(base, caller); - } else { - base.execCommand( - cmd.exec, - cmd.hasOwnProperty('execParam') ? cmd.execParam : null - ); - } - } - - }; - - /** - * Executes a command on the WYSIWYG editor - * - * @param {string} command - * @param {String|Boolean} [param] - * @function - * @name execCommand - * @memberOf SCEditor.prototype - */ - base.execCommand = function (command, param) { - var executed = false, - commandObj = base.commands[command]; - - base.focus(); - - // TODO: make configurable - // don't apply any commands to code elements - if (closest(rangeHelper.parentNode(), 'code')) { - return; - } - - try { - executed = wysiwygDocument.execCommand(command, false, param); - } catch (ex) { } - - // show error if execution failed and an error message exists - if (!executed && commandObj && commandObj.errorMessage) { - /*global alert:false*/ - alert(base._(commandObj.errorMessage)); - } - - updateActiveButtons(); - }; - - /** - * Checks if the current selection has changed and triggers - * the selectionchanged event if it has. - * - * In browsers other that don't support selectionchange event it will check - * at most once every 100ms. - * @private - */ - checkSelectionChanged = function () { - function check() { - // Don't create new selection if there isn't one (like after - // blur event in iOS) - if (wysiwygWindow.getSelection() && - wysiwygWindow.getSelection().rangeCount <= 0) { - currentSelection = null; - // rangeHelper could be null if editor was destroyed - // before the timeout had finished - } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { - currentSelection = rangeHelper.cloneSelected(); - - // If the selection is in an inline wrap it in a block. - // Fixes #331 - if (currentSelection && currentSelection.collapsed) { - var parent = currentSelection.startContainer; - var offset = currentSelection.startOffset; - - // Handle if selection is placed before/after an element - if (offset && parent.nodeType !== TEXT_NODE) { - parent = parent.childNodes[offset]; - } - - while (parent && parent.parentNode !== wysiwygBody) { - parent = parent.parentNode; - } - - if (parent && isInline(parent, true)) { - rangeHelper.saveRange(); - wrapInlines(wysiwygBody, wysiwygDocument); - rangeHelper.restoreRange(); - } - } - - trigger(editorContainer, 'selectionchanged'); - } - - isSelectionCheckPending = false; - } - - if (isSelectionCheckPending) { - return; - } - - isSelectionCheckPending = true; - - // Don't need to limit checking if browser supports the Selection API - if ('onselectionchange' in wysiwygDocument) { - check(); - } else { - setTimeout(check, 100); - } - }; - - /** - * Checks if the current node has changed and triggers - * the nodechanged event if it has - * @private - */ - checkNodeChanged = function () { - // check if node has changed - var oldNode, - node = rangeHelper.parentNode(); - - if (currentNode !== node) { - oldNode = currentNode; - currentNode = node; - currentBlockNode = rangeHelper.getFirstBlockParent(node); - - trigger(editorContainer, 'nodechanged', { - oldNode: oldNode, - newNode: currentNode - }); - } - }; - - /** - * Gets the current node that contains the selection/caret in - * WYSIWYG mode. - * - * Will be null in sourceMode or if there is no selection. - * - * @return {?Node} - * @function - * @name currentNode - * @memberOf SCEditor.prototype - */ - base.currentNode = function () { - return currentNode; - }; - - /** - * Gets the first block level node that contains the - * selection/caret in WYSIWYG mode. - * - * Will be null in sourceMode or if there is no selection. - * - * @return {?Node} - * @function - * @name currentBlockNode - * @memberOf SCEditor.prototype - * @since 1.4.4 - */ - base.currentBlockNode = function () { - return currentBlockNode; - }; - - /** - * Updates if buttons are active or not - * @private - */ - updateActiveButtons = function () { - var firstBlock, parent; - var activeClass = 'active'; - var doc = wysiwygDocument; - var isSource = base.sourceMode(); - - if (base.readOnly()) { - each(find(toolbar, activeClass), function (_, menuItem) { - removeClass(menuItem, activeClass); - }); - return; - } - - if (!isSource) { - parent = rangeHelper.parentNode(); - firstBlock = rangeHelper.getFirstBlockParent(parent); - } - - for (var j = 0; j < btnStateHandlers.length; j++) { - var state = 0; - var btn = toolbarButtons[btnStateHandlers[j].name]; - var stateFn = btnStateHandlers[j].state; - var isDisabled = (isSource && !btn._sceTxtMode) || - (!isSource && !btn._sceWysiwygMode); - - if (isString(stateFn)) { - if (!isSource) { - try { - state = doc.queryCommandEnabled(stateFn) ? 0 : -1; - - // eslint-disable-next-line max-depth - if (state > -1) { - state = doc.queryCommandState(stateFn) ? 1 : 0; - } - } catch (ex) {} - } - } else if (!isDisabled) { - state = stateFn.call(base, parent, firstBlock); - } - - toggleClass(btn, 'disabled', isDisabled || state < 0); - toggleClass(btn, activeClass, state > 0); - } - - if (icons && icons.update) { - icons.update(isSource, parent, firstBlock); - } - }; - - /** - * Handles any key press in the WYSIWYG editor - * - * @private - */ - handleKeyPress = function (e) { - // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 - if (e.defaultPrevented) { - return; - } - - base.closeDropDown(); - - // 13 = enter key - if (e.which === 13) { - var LIST_TAGS = 'li,ul,ol'; - - // "Fix" (cludge) for blocklevel elements being duplicated in some - // browsers when enter is pressed instead of inserting a newline - if (!is(currentBlockNode, LIST_TAGS) && - hasStyling(currentBlockNode)) { - - var br = createElement('br', {}, wysiwygDocument); - rangeHelper.insertNode(br); - - // Last <br> of a block will be collapsed so need to make sure - // the <br> that was inserted isn't the last node of a block. - var parent = br.parentNode; - var lastChild = parent.lastChild; - - // Sometimes an empty next node is created after the <br> - if (lastChild && lastChild.nodeType === TEXT_NODE && - lastChild.nodeValue === '') { - remove(lastChild); - lastChild = parent.lastChild; - } - - // If this is the last BR of a block and the previous - // sibling is inline then will need an extra BR. This - // is needed because the last BR of a block will be - // collapsed. Fixes issue #248 - if (!isInline(parent, true) && lastChild === br && - isInline(br.previousSibling)) { - rangeHelper.insertHTML('<br>'); - } - - e.preventDefault(); - } - } - }; - - /** - * Makes sure that if there is a code or quote tag at the - * end of the editor, that there is a new line after it. - * - * If there wasn't a new line at the end you wouldn't be able - * to enter any text after a code/quote tag - * @return {void} - * @private - */ - appendNewLine = function () { - // Check all nodes in reverse until either add a new line - // or reach a non-empty textnode or BR at which point can - // stop checking. - rTraverse(wysiwygBody, function (node) { - // Last block, add new line after if has styling - if (node.nodeType === ELEMENT_NODE && - !/inline/.test(css(node, 'display'))) { - - // Add line break after if has styling - if (!is(node, '.sceditor-nlf') && hasStyling(node)) { - var paragraph = createElement('p', {}, wysiwygDocument); - paragraph.className = 'sceditor-nlf'; - paragraph.innerHTML = '<br />'; - appendChild(wysiwygBody, paragraph); - return false; - } - } - - // Last non-empty text node or line break. - // No need to add line-break after them - if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || - is(node, 'br')) { - return false; - } - }); - }; - - /** - * Handles form reset event - * @private - */ - handleFormReset = function () { - base.val(original.value); - }; - - /** - * Handles any mousedown press in the WYSIWYG editor - * @private - */ - handleMouseDown = function () { - base.closeDropDown(); - }; - - /** - * Translates the string into the locale language. - * - * Replaces any {0}, {1}, {2}, ect. with the params provided. - * - * @param {string} str - * @param {...String} args - * @return {string} - * @function - * @name _ - * @memberOf SCEditor.prototype - */ - base._ = function () { - var undef, - args = arguments; - - if (locale && locale[args[0]]) { - args[0] = locale[args[0]]; - } - - return args[0].replace(/\{(\d+)\}/g, function (str, p1) { - return args[p1 - 0 + 1] !== undef ? - args[p1 - 0 + 1] : - '{' + p1 + '}'; - }); - }; - - /** - * Passes events on to any handlers - * @private - * @return void - */ - handleEvent = function (e) { - if (pluginManager) { - // Send event to all plugins - pluginManager.call(e.type + 'Event', e, base); - } - - // convert the event into a custom event to send - var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; - - if (eventHandlers[name]) { - eventHandlers[name].forEach(function (fn) { - fn.call(base, e); - }); - } - }; - - /** - * Binds a handler to the specified events - * - * This function only binds to a limited list of - * supported events. - * - * The supported events are: - * - * * keyup - * * keydown - * * Keypress - * * blur - * * focus - * * input - * * nodechanged - When the current node containing - * the selection changes in WYSIWYG mode - * * contextmenu - * * selectionchanged - * * valuechanged - * - * - * The events param should be a string containing the event(s) - * to bind this handler to. If multiple, they should be separated - * by spaces. - * - * @param {string} events - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name bind - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.bind = function (events, handler, excludeWysiwyg, excludeSource) { - events = events.split(' '); - - var i = events.length; - while (i--) { - if (isFunction(handler)) { - var wysEvent = 'scewys' + events[i]; - var srcEvent = 'scesrc' + events[i]; - // Use custom events to allow passing the instance as the - // 2nd argument. - // Also allows unbinding without unbinding the editors own - // event handlers. - if (!excludeWysiwyg) { - eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; - eventHandlers[wysEvent].push(handler); - } - - if (!excludeSource) { - eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; - eventHandlers[srcEvent].push(handler); - } - - // Start sending value changed events - if (events[i] === 'valuechanged') { - triggerValueChanged.hasHandler = true; - } - } - } - - return base; - }; - - /** - * Unbinds an event that was bound using bind(). - * - * @param {string} events - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude unbinding this - * handler from the WYSIWYG editor - * @param {boolean} excludeSource if to exclude unbinding this - * handler from the source editor - * @return {this} - * @function - * @name unbind - * @memberOf SCEditor.prototype - * @since 1.4.1 - * @see bind - */ - base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { - events = events.split(' '); - - var i = events.length; - while (i--) { - if (isFunction(handler)) { - if (!excludeWysiwyg) { - arrayRemove( - eventHandlers['scewys' + events[i]] || [], handler); - } - - if (!excludeSource) { - arrayRemove( - eventHandlers['scesrc' + events[i]] || [], handler); - } - } - } - - return base; - }; - - /** - * Blurs the editors input area - * - * @return {this} - * @function - * @name blur - * @memberOf SCEditor.prototype - * @since 1.3.6 - */ - /** - * Adds a handler to the editors blur event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name blur^2 - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.blur = function (handler, excludeWysiwyg, excludeSource) { - if (isFunction(handler)) { - base.bind('blur', handler, excludeWysiwyg, excludeSource); - } else if (!base.sourceMode()) { - wysiwygBody.blur(); - } else { - sourceEditor.blur(); - } - - return base; - }; - - /** - * Focuses the editors input area - * - * @return {this} - * @function - * @name focus - * @memberOf SCEditor.prototype - */ - /** - * Adds an event handler to the focus event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name focus^2 - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.focus = function (handler, excludeWysiwyg, excludeSource) { - if (isFunction(handler)) { - base.bind('focus', handler, excludeWysiwyg, excludeSource); - } else if (!base.inSourceMode()) { - // Already has focus so do nothing - if (find(wysiwygDocument, ':focus').length) { - return; - } - - var container; - var rng = rangeHelper.selectedRange(); - - // Fix FF bug where it shows the cursor in the wrong place - // if the editor hasn't had focus before. See issue #393 - if (!currentSelection) { - autofocus(true); - } - - // Check if cursor is set after a BR when the BR is the only - // child of the parent. In Firefox this causes a line break - // to occur when something is typed. See issue #321 - if (rng && rng.endOffset === 1 && rng.collapsed) { - container = rng.endContainer; - - if (container && container.childNodes.length === 1 && - is(container.firstChild, 'br')) { - rng.setStartBefore(container.firstChild); - rng.collapse(true); - rangeHelper.selectRange(rng); - } - } - - wysiwygWindow.focus(); - wysiwygBody.focus(); - } else { - sourceEditor.focus(); - } - - updateActiveButtons(); - - return base; - }; - - /** - * Adds a handler to the key down event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyDown - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyDown = function (handler, excludeWysiwyg, excludeSource) { - return base.bind('keydown', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the key press event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyPress - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyPress = function (handler, excludeWysiwyg, excludeSource) { - return base - .bind('keypress', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the key up event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyUp - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyUp = function (handler, excludeWysiwyg, excludeSource) { - return base.bind('keyup', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the node changed event. - * - * Happens whenever the node containing the selection/caret - * changes in WYSIWYG mode. - * - * @param {Function} handler - * @return {this} - * @function - * @name nodeChanged - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.nodeChanged = function (handler) { - return base.bind('nodechanged', handler, false, true); - }; - - /** - * Adds a handler to the selection changed event - * - * Happens whenever the selection changes in WYSIWYG mode. - * - * @param {Function} handler - * @return {this} - * @function - * @name selectionChanged - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.selectionChanged = function (handler) { - return base.bind('selectionchanged', handler, false, true); - }; - - /** - * Adds a handler to the value changed event - * - * Happens whenever the current editor value changes. - * - * Whenever anything is inserted, the value changed or - * 1.5 secs after text is typed. If a space is typed it will - * cause the event to be triggered immediately instead of - * after 1.5 seconds - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name valueChanged - * @memberOf SCEditor.prototype - * @since 1.4.5 - */ - base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { - return base - .bind('valuechanged', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Emoticons keypress handler - * @private - */ - emoticonsKeyPress = function (e) { - var replacedEmoticon, - cachePos = 0, - emoticonsCache = base.emoticonsCache, - curChar = String.fromCharCode(e.which); - - // TODO: Make configurable - if (closest(currentBlockNode, 'code')) { - return; - } - - if (!emoticonsCache) { - emoticonsCache = []; - - each(allEmoticons, function (key, html) { - emoticonsCache[cachePos++] = [key, html]; - }); - - emoticonsCache.sort(function (a, b) { - return a[0].length - b[0].length; - }); - - base.emoticonsCache = emoticonsCache; - base.longestEmoticonCode = - emoticonsCache[emoticonsCache.length - 1][0].length; - } - - replacedEmoticon = rangeHelper.replaceKeyword( - base.emoticonsCache, - true, - true, - base.longestEmoticonCode, - options.emoticonsCompat, - curChar - ); - - if (replacedEmoticon) { - if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { - e.preventDefault(); - } - } - }; - - /** - * Makes sure emoticons are surrounded by whitespace - * @private - */ - emoticonsCheckWhitespace = function () { - checkWhitespace(currentBlockNode, rangeHelper); - }; - - /** - * Gets if emoticons are currently enabled - * @return {boolean} - * @function - * @name emoticons - * @memberOf SCEditor.prototype - * @since 1.4.2 - */ - /** - * Enables/disables emoticons - * - * @param {boolean} enable - * @return {this} - * @function - * @name emoticons^2 - * @memberOf SCEditor.prototype - * @since 1.4.2 - */ - base.emoticons = function (enable) { - if (!enable && enable !== false) { - return options.emoticonsEnabled; - } - - options.emoticonsEnabled = enable; - - if (enable) { - on(wysiwygBody, 'keypress', emoticonsKeyPress); - - if (!base.sourceMode()) { - rangeHelper.saveRange(); - - replaceEmoticons(); - triggerValueChanged(false); - - rangeHelper.restoreRange(); - } - } else { - var emoticons = - find(wysiwygBody, 'img[data-sceditor-emoticon]'); - - each(emoticons, function (_, img) { - var text = data(img, 'sceditor-emoticon'); - var textNode = wysiwygDocument.createTextNode(text); - img.parentNode.replaceChild(textNode, img); - }); - - off(wysiwygBody, 'keypress', emoticonsKeyPress); - - triggerValueChanged(); - } - - return base; - }; - - /** - * Gets the current WYSIWYG editors inline CSS - * - * @return {string} - * @function - * @name css - * @memberOf SCEditor.prototype - * @since 1.4.3 - */ - /** - * Sets inline CSS for the WYSIWYG editor - * - * @param {string} css - * @return {this} - * @function - * @name css^2 - * @memberOf SCEditor.prototype - * @since 1.4.3 - */ - base.css = function (css) { - if (!inlineCss) { - inlineCss = createElement('style', { - id: 'inline' - }, wysiwygDocument); - - appendChild(wysiwygDocument.head, inlineCss); - } - - if (!isString(css)) { - return inlineCss.styleSheet ? - inlineCss.styleSheet.cssText : inlineCss.innerHTML; - } - - if (inlineCss.styleSheet) { - inlineCss.styleSheet.cssText = css; - } else { - inlineCss.innerHTML = css; - } - - return base; - }; - - /** - * Handles the keydown event, used for shortcuts - * @private - */ - handleKeyDown = function (e) { - var shortcut = [], - SHIFT_KEYS = { - '`': '~', - '1': '!', - '2': '@', - '3': '#', - '4': '$', - '5': '%', - '6': '^', - '7': '&', - '8': '*', - '9': '(', - '0': ')', - '-': '_', - '=': '+', - ';': ': ', - '\'': '"', - ',': '<', - '.': '>', - '/': '?', - '\\': '|', - '[': '{', - ']': '}' - }, - SPECIAL_KEYS = { - 8: 'backspace', - 9: 'tab', - 13: 'enter', - 19: 'pause', - 20: 'capslock', - 27: 'esc', - 32: 'space', - 33: 'pageup', - 34: 'pagedown', - 35: 'end', - 36: 'home', - 37: 'left', - 38: 'up', - 39: 'right', - 40: 'down', - 45: 'insert', - 46: 'del', - 91: 'win', - 92: 'win', - 93: 'select', - 96: '0', - 97: '1', - 98: '2', - 99: '3', - 100: '4', - 101: '5', - 102: '6', - 103: '7', - 104: '8', - 105: '9', - 106: '*', - 107: '+', - 109: '-', - 110: '.', - 111: '/', - 112: 'f1', - 113: 'f2', - 114: 'f3', - 115: 'f4', - 116: 'f5', - 117: 'f6', - 118: 'f7', - 119: 'f8', - 120: 'f9', - 121: 'f10', - 122: 'f11', - 123: 'f12', - 144: 'numlock', - 145: 'scrolllock', - 186: ';', - 187: '=', - 188: ',', - 189: '-', - 190: '.', - 191: '/', - 192: '`', - 219: '[', - 220: '\\', - 221: ']', - 222: '\'' - }, - NUMPAD_SHIFT_KEYS = { - 109: '-', - 110: 'del', - 111: '/', - 96: '0', - 97: '1', - 98: '2', - 99: '3', - 100: '4', - 101: '5', - 102: '6', - 103: '7', - 104: '8', - 105: '9' - }, - which = e.which, - character = SPECIAL_KEYS[which] || - String.fromCharCode(which).toLowerCase(); - - if (e.ctrlKey || e.metaKey) { - shortcut.push('ctrl'); - } - - if (e.altKey) { - shortcut.push('alt'); - } - - if (e.shiftKey) { - shortcut.push('shift'); - - if (NUMPAD_SHIFT_KEYS[which]) { - character = NUMPAD_SHIFT_KEYS[which]; - } else if (SHIFT_KEYS[character]) { - character = SHIFT_KEYS[character]; - } - } - - // Shift is 16, ctrl is 17 and alt is 18 - if (character && (which < 16 || which > 18)) { - shortcut.push(character); - } - - shortcut = shortcut.join('+'); - if (shortcutHandlers[shortcut] && - shortcutHandlers[shortcut].call(base) === false) { - - e.stopPropagation(); - e.preventDefault(); - } - }; - - /** - * Adds a shortcut handler to the editor - * @param {string} shortcut - * @param {String|Function} cmd - * @return {sceditor} - */ - base.addShortcut = function (shortcut, cmd) { - shortcut = shortcut.toLowerCase(); - - if (isString(cmd)) { - shortcutHandlers[shortcut] = function () { - handleCommand(toolbarButtons[cmd], base.commands[cmd]); - - return false; - }; - } else { - shortcutHandlers[shortcut] = cmd; - } - - return base; - }; - - /** - * Removes a shortcut handler - * @param {string} shortcut - * @return {sceditor} - */ - base.removeShortcut = function (shortcut) { - delete shortcutHandlers[shortcut.toLowerCase()]; - - return base; - }; - - /** - * Handles the backspace key press - * - * Will remove block styling like quotes/code ect if at the start. - * @private - */ - handleBackSpace = function (e) { - var node, offset, range, parent; - - // 8 is the backspace key - if (options.disableBlockRemove || e.which !== 8 || - !(range = rangeHelper.selectedRange())) { - return; - } - - node = range.startContainer; - offset = range.startOffset; - - if (offset !== 0 || !(parent = currentStyledBlockNode()) || - is(parent, 'body')) { - return; - } - - while (node !== parent) { - while (node.previousSibling) { - node = node.previousSibling; - - // Everything but empty text nodes before the cursor - // should prevent the style from being removed - if (node.nodeType !== TEXT_NODE || node.nodeValue) { - return; - } - } - - if (!(node = node.parentNode)) { - return; - } - } - - // The backspace was pressed at the start of - // the container so clear the style - base.clearBlockFormatting(parent); - e.preventDefault(); - }; - - /** - * Gets the first styled block node that contains the cursor - * @return {HTMLElement} - */ - currentStyledBlockNode = function () { - var block = currentBlockNode; - - while (!hasStyling(block) || isInline(block, true)) { - if (!(block = block.parentNode) || is(block, 'body')) { - return; - } - } - - return block; - }; - - /** - * Clears the formatting of the passed block element. - * - * If block is false, if will clear the styling of the first - * block level element that contains the cursor. - * @param {HTMLElement} block - * @since 1.4.4 - */ - base.clearBlockFormatting = function (block) { - block = block || currentStyledBlockNode(); - - if (!block || is(block, 'body')) { - return base; - } - - rangeHelper.saveRange(); - - block.className = ''; - - attr(block, 'style', ''); - - if (!is(block, 'p,div,td')) { - convertElement(block, 'p'); - } - - rangeHelper.restoreRange(); - return base; - }; - - /** - * Triggers the valueChanged signal if there is - * a plugin that handles it. - * - * If rangeHelper.saveRange() has already been - * called, then saveRange should be set to false - * to prevent the range being saved twice. - * - * @since 1.4.5 - * @param {boolean} saveRange If to call rangeHelper.saveRange(). - * @private - */ - triggerValueChanged = function (saveRange) { - if (!pluginManager || - (!pluginManager.hasHandler('valuechangedEvent') && - !triggerValueChanged.hasHandler)) { - return; - } - - var currentHtml, - sourceMode = base.sourceMode(), - hasSelection = !sourceMode && rangeHelper.hasSelection(); - - // Composition end isn't guaranteed to fire but must have - // ended when triggerValueChanged() is called so reset it - isComposing = false; - - // Don't need to save the range if sceditor-start-marker - // is present as the range is already saved - saveRange = saveRange !== false && - !wysiwygDocument.getElementById('sceditor-start-marker'); - - // Clear any current timeout as it's now been triggered - if (valueChangedKeyUpTimer) { - clearTimeout(valueChangedKeyUpTimer); - valueChangedKeyUpTimer = false; - } - - if (hasSelection && saveRange) { - rangeHelper.saveRange(); - } - - currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; - - // Only trigger if something has actually changed. - if (currentHtml !== triggerValueChanged.lastVal) { - triggerValueChanged.lastVal = currentHtml; - - trigger(editorContainer, 'valuechanged', { - rawValue: sourceMode ? base.val() : currentHtml - }); - } - - if (hasSelection && saveRange) { - rangeHelper.removeMarkers(); - } - }; - - /** - * Should be called whenever there is a blur event - * @private - */ - valueChangedBlur = function () { - if (valueChangedKeyUpTimer) { - triggerValueChanged(); - } - }; - - /** - * Should be called whenever there is a keypress event - * @param {Event} e The keypress event - * @private - */ - valueChangedKeyUp = function (e) { - var which = e.which, - lastChar = valueChangedKeyUp.lastChar, - lastWasSpace = (lastChar === 13 || lastChar === 32), - lastWasDelete = (lastChar === 8 || lastChar === 46); - - valueChangedKeyUp.lastChar = which; - - if (isComposing) { - return; - } - - // 13 = return & 32 = space - if (which === 13 || which === 32) { - if (!lastWasSpace) { - triggerValueChanged(); - } else { - valueChangedKeyUp.triggerNext = true; - } - // 8 = backspace & 46 = del - } else if (which === 8 || which === 46) { - if (!lastWasDelete) { - triggerValueChanged(); - } else { - valueChangedKeyUp.triggerNext = true; - } - } else if (valueChangedKeyUp.triggerNext) { - triggerValueChanged(); - valueChangedKeyUp.triggerNext = false; - } - - // Clear the previous timeout and set a new one. - clearTimeout(valueChangedKeyUpTimer); - - // Trigger the event 1.5s after the last keypress if space - // isn't pressed. This might need to be lowered, will need - // to look into what the slowest average Chars Per Min is. - valueChangedKeyUpTimer = setTimeout(function () { - if (!isComposing) { - triggerValueChanged(); - } - }, 1500); - }; - - handleComposition = function (e) { - isComposing = /start/i.test(e.type); - - if (!isComposing) { - triggerValueChanged(); - } - }; - - autoUpdate = function () { - base.updateOriginal(); - }; - - // run the initializer - init(); - } - - /** - * Map containing the loaded SCEditor locales - * @type {Object} - * @name locale - * @memberOf sceditor - */ - SCEditor.locale = {}; - - SCEditor.formats = {}; - SCEditor.icons = {}; - - - /** - * Static command helper class - * @class command - * @name sceditor.command - */ - SCEditor.command = - /** @lends sceditor.command */ - { - /** - * Gets a command - * - * @param {string} name - * @return {Object|null} - * @since v1.3.5 - */ - get: function (name) { - return defaultCmds[name] || null; - }, - - /** - * <p>Adds a command to the editor or updates an existing - * command if a command with the specified name already exists.</p> - * - * <p>Once a command is add it can be included in the toolbar by - * adding it's name to the toolbar option in the constructor. It - * can also be executed manually by calling - * {@link sceditor.execCommand}</p> - * - * @example - * SCEditor.command.set("hello", - * { - * exec: function () { - * alert("Hello World!"); - * } - * }); - * - * @param {string} name - * @param {Object} cmd - * @return {this|false} Returns false if name or cmd is false - * @since v1.3.5 - */ - set: function (name, cmd) { - if (!name || !cmd) { - return false; - } - - // merge any existing command properties - cmd = extend(defaultCmds[name] || {}, cmd); - - cmd.remove = function () { - SCEditor.command.remove(name); - }; - - defaultCmds[name] = cmd; - return this; - }, - - /** - * Removes a command - * - * @param {string} name - * @return {this} - * @since v1.3.5 - */ - remove: function (name) { - if (defaultCmds[name]) { - delete defaultCmds[name]; - } - - return this; - } - }; - - /** - * SCEditor - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor - * @author Sam Clarke - */ - - - window.sceditor = { - command: SCEditor.command, - commands: defaultCmds, - defaultOptions: defaultOptions, - - ios: ios, - isWysiwygSupported: isWysiwygSupported, - - regexEscape: regex, - escapeEntities: entities, - escapeUriScheme: uriScheme, - - dom: { - css: css, - attr: attr, - removeAttr: removeAttr, - is: is, - closest: closest, - width: width, - height: height, - traverse: traverse, - rTraverse: rTraverse, - parseHTML: parseHTML, - hasStyling: hasStyling, - convertElement: convertElement, - blockLevelList: blockLevelList, - canHaveChildren: canHaveChildren, - isInline: isInline, - copyCSS: copyCSS, - fixNesting: fixNesting, - findCommonAncestor: findCommonAncestor, - getSibling: getSibling, - removeWhiteSpace: removeWhiteSpace, - extractContents: extractContents, - getOffset: getOffset, - getStyle: getStyle, - hasStyle: hasStyle - }, - locale: SCEditor.locale, - icons: SCEditor.icons, - utils: { - each: each, - isEmptyObject: isEmptyObject, - extend: extend - }, - plugins: PluginManager.plugins, - formats: SCEditor.formats, - create: function (textarea, options) { - options = options || {}; - - // Don't allow the editor to be initialised - // on it's own source editor - if (parent(textarea, '.sceditor-container')) { - return; - } - - if (options.runWithoutWysiwygSupport || isWysiwygSupported) { - /*eslint no-new: off*/ - (new SCEditor(textarea, options)); - } - }, - instance: function (textarea) { - return textarea._sceditor; - } - }; - - /** - * SCEditor - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor - * @author Sam Clarke - * @requires jQuery - */ - - - // For backwards compatibility - $__default['default'].sceditor = window.sceditor; - - /** - * Creates an instance of sceditor on all textareas - * matched by the jQuery selector. - * - * If options is set to "state" it will return bool value - * indicating if the editor has been initialised on the - * matched textarea(s). If there is only one textarea - * it will return the bool value for that textarea. - * If more than one textarea is matched it will - * return an array of bool values for each textarea. - * - * If options is set to "instance" it will return the - * current editor instance for the textarea(s). Like the - * state option, if only one textarea is matched this will - * return just the instance for that textarea. If more than - * one textarea is matched it will return an array of - * instances each textarea. - * - * @param {Object|string} [options] Should either be an Object of options or - * the strings "state" or "instance" - * @return {this|Array<SCEditor>|Array<boolean>|SCEditor|boolean} - */ - $__default['default'].fn.sceditor = function (options) { - var instance; - var ret = []; - - this.each(function () { - instance = this._sceditor; - - // Add state of instance to ret if that is what options is set to - if (options === 'state') { - ret.push(!!instance); - } else if (options === 'instance') { - ret.push(instance); - } else if (!instance) { - $__default['default'].sceditor.create(this, options); - } - }); - - // If nothing in the ret array then must be init so return this - if (!ret.length) { - return this; - } - - return ret.length === 1 ? ret[0] : ret; - }; - -}(jQuery));
diff -r c7c738ddbbf8 -r ec68006a495e src/development/jquery.sceditor.xhtml.js --- a/src/development/jquery.sceditor.xhtml.js Thu Aug 04 17:43:17 2022 -0600 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,10427 +0,0 @@ -(function ($) { - 'use strict'; - - function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } - - var $__default = /*#__PURE__*/_interopDefaultLegacy($); - - /** - * Check if the passed argument is the - * the passed type. - * - * @param {string} type - * @param {*} arg - * @returns {boolean} - */ - function isTypeof(type, arg) { - return typeof arg === type; - } - - /** - * @type {function(*): boolean} - */ - var isString = isTypeof.bind(null, 'string'); - - /** - * @type {function(*): boolean} - */ - var isUndefined = isTypeof.bind(null, 'undefined'); - - /** - * @type {function(*): boolean} - */ - var isFunction = isTypeof.bind(null, 'function'); - - /** - * @type {function(*): boolean} - */ - var isNumber = isTypeof.bind(null, 'number'); - - - /** - * Returns true if an object has no keys - * - * @param {!Object} obj - * @returns {boolean} - */ - function isEmptyObject(obj) { - return !Object.keys(obj).length; - } - - /** - * Extends the first object with any extra objects passed - * - * If the first argument is boolean and set to true - * it will extend child arrays and objects recursively. - * - * @param {!Object|boolean} targetArg - * @param {...Object} source - * @return {Object} - */ - function extend(targetArg, sourceArg) { - var isTargetBoolean = targetArg === !!targetArg; - var i = isTargetBoolean ? 2 : 1; - var target = isTargetBoolean ? sourceArg : targetArg; - var isDeep = isTargetBoolean ? targetArg : false; - - function isObject(value) { - return value !== null && typeof value === 'object' && - Object.getPrototypeOf(value) === Object.prototype; - } - - for (; i < arguments.length; i++) { - var source = arguments[i]; - - // Copy all properties for jQuery compatibility - /* eslint guard-for-in: off */ - for (var key in source) { - var targetValue = target[key]; - var value = source[key]; - - // Skip undefined values to match jQuery - if (isUndefined(value)) { - continue; - } - - // Skip special keys to prevent prototype pollution - if (key === '__proto__' || key === 'constructor') { - continue; - } - - var isValueObject = isObject(value); - var isValueArray = Array.isArray(value); - - if (isDeep && (isValueObject || isValueArray)) { - // Can only merge if target type matches otherwise create - // new target to merge into - var isSameType = isObject(targetValue) === isValueObject && - Array.isArray(targetValue) === isValueArray; - - target[key] = extend( - true, - isSameType ? targetValue : (isValueArray ? [] : {}), - value - ); - } else { - target[key] = value; - } - } - } - - return target; - } - - /** - * Removes an item from the passed array - * - * @param {!Array} arr - * @param {*} item - */ - function arrayRemove(arr, item) { - var i = arr.indexOf(item); - - if (i > -1) { - arr.splice(i, 1); - } - } - - /** - * Iterates over an array or object - * - * @param {!Object|Array} obj - * @param {function(*, *)} fn - */ - function each(obj, fn) { - if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { - for (var i = 0; i < obj.length; i++) { - fn(i, obj[i]); - } - } else { - Object.keys(obj).forEach(function (key) { - fn(key, obj[key]); - }); - } - } - - /** - * Cache of camelCase CSS property names - * @type {Object<string, string>} - */ - var cssPropertyNameCache = {}; - - /** - * Node type constant for element nodes - * - * @type {number} - */ - var ELEMENT_NODE = 1; - - /** - * Node type constant for text nodes - * - * @type {number} - */ - var TEXT_NODE = 3; - - /** - * Node type constant for comment nodes - * - * @type {number} - */ - var COMMENT_NODE = 8; - - function toFloat(value) { - value = parseFloat(value); - - return isFinite(value) ? value : 0; - } - - /** - * Creates an element with the specified attributes - * - * Will create it in the current document unless context - * is specified. - * - * @param {!string} tag - * @param {!Object<string, string>} [attributes] - * @param {!Document} [context] - * @returns {!HTMLElement} - */ - function createElement(tag, attributes, context) { - var node = (context || document).createElement(tag); - - each(attributes || {}, function (key, value) { - if (key === 'style') { - node.style.cssText = value; - } else if (key in node) { - node[key] = value; - } else { - node.setAttribute(key, value); - } - }); - - return node; - } - - /** - * Gets the first parent node that matches the selector - * - * @param {!HTMLElement} node - * @param {!string} [selector] - * @returns {HTMLElement|undefined} - */ - function parent(node, selector) { - var parent = node || {}; - - while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { - if (!selector || is(parent, selector)) { - return parent; - } - } - } - - /** - * Checks the passed node and all parents and - * returns the first matching node if any. - * - * @param {!HTMLElement} node - * @param {!string} selector - * @returns {HTMLElement|undefined} - */ - function closest(node, selector) { - return is(node, selector) ? node : parent(node, selector); - } - - /** - * Removes the node from the DOM - * - * @param {!HTMLElement} node - */ - function remove(node) { - if (node.parentNode) { - node.parentNode.removeChild(node); - } - } - - /** - * Appends child to parent node - * - * @param {!HTMLElement} node - * @param {!HTMLElement} child - */ - function appendChild(node, child) { - node.appendChild(child); - } - - /** - * Finds any child nodes that match the selector - * - * @param {!HTMLElement} node - * @param {!string} selector - * @returns {NodeList} - */ - function find(node, selector) { - return node.querySelectorAll(selector); - } - - /** - * For on() and off() if to add/remove the event - * to the capture phase - * - * @type {boolean} - */ - var EVENT_CAPTURE = true; - - /** - * Adds an event listener for the specified events. - * - * Events should be a space separated list of events. - * - * If selector is specified the handler will only be - * called when the event target matches the selector. - * - * @param {!Node} node - * @param {string} events - * @param {string} [selector] - * @param {function(Object)} fn - * @param {boolean} [capture=false] - * @see off() - */ - // eslint-disable-next-line max-params - function on(node, events, selector, fn, capture) { - events.split(' ').forEach(function (event) { - var handler; - - if (isString(selector)) { - handler = fn['_sce-event-' + event + selector] || function (e) { - var target = e.target; - while (target && target !== node) { - if (is(target, selector)) { - fn.call(target, e); - return; - } - - target = target.parentNode; - } - }; - - fn['_sce-event-' + event + selector] = handler; - } else { - handler = selector; - capture = fn; - } - - node.addEventListener(event, handler, capture || false); - }); - } - - /** - * Removes an event listener for the specified events. - * - * @param {!Node} node - * @param {string} events - * @param {string} [selector] - * @param {function(Object)} fn - * @param {boolean} [capture=false] - * @see on() - */ - // eslint-disable-next-line max-params - function off(node, events, selector, fn, capture) { - events.split(' ').forEach(function (event) { - var handler; - - if (isString(selector)) { - handler = fn['_sce-event-' + event + selector]; - } else { - handler = selector; - capture = fn; - } - - node.removeEventListener(event, handler, capture || false); - }); - } - - /** - * If only attr param is specified it will get - * the value of the attr param. - * - * If value is specified but null the attribute - * will be removed otherwise the attr value will - * be set to the passed value. - * - * @param {!HTMLElement} node - * @param {!string} attr - * @param {?string} [value] - */ - function attr(node, attr, value) { - if (arguments.length < 3) { - return node.getAttribute(attr); - } - - // eslint-disable-next-line eqeqeq, no-eq-null - if (value == null) { - removeAttr(node, attr); - } else { - node.setAttribute(attr, value); - } - } - - /** - * Removes the specified attribute - * - * @param {!HTMLElement} node - * @param {!string} attr - */ - function removeAttr(node, attr) { - node.removeAttribute(attr); - } - - /** - * Sets the passed elements display to none - * - * @param {!HTMLElement} node - */ - function hide(node) { - css(node, 'display', 'none'); - } - - /** - * Sets the passed elements display to default - * - * @param {!HTMLElement} node - */ - function show(node) { - css(node, 'display', ''); - } - - /** - * Toggles an elements visibility - * - * @param {!HTMLElement} node - */ - function toggle(node) { - if (isVisible(node)) { - hide(node); - } else { - show(node); - } - } - - /** - * Gets a computed CSS values or sets an inline CSS value - * - * Rules should be in camelCase format and not - * hyphenated like CSS properties. - * - * @param {!HTMLElement} node - * @param {!Object|string} rule - * @param {string|number} [value] - * @return {string|number|undefined} - */ - function css(node, rule, value) { - if (arguments.length < 3) { - if (isString(rule)) { - return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; - } - - each(rule, function (key, value) { - css(node, key, value); - }); - } else { - // isNaN returns false for null, false and empty strings - // so need to check it's truthy or 0 - var isNumeric = (value || value === 0) && !isNaN(value); - node.style[rule] = isNumeric ? value + 'px' : value; - } - } - - - /** - * Gets or sets the data attributes on a node - * - * Unlike the jQuery version this only stores data - * in the DOM attributes which means only strings - * can be stored. - * - * @param {Node} node - * @param {string} [key] - * @param {string} [value] - * @return {Object|undefined} - */ - function data(node, key, value) { - var argsLength = arguments.length; - var data = {}; - - if (node.nodeType === ELEMENT_NODE) { - if (argsLength === 1) { - each(node.attributes, function (_, attr) { - if (/^data\-/i.test(attr.name)) { - data[attr.name.substr(5)] = attr.value; - } - }); - - return data; - } - - if (argsLength === 2) { - return attr(node, 'data-' + key); - } - - attr(node, 'data-' + key, String(value)); - } - } - - /** - * Checks if node matches the given selector. - * - * @param {?HTMLElement} node - * @param {string} selector - * @returns {boolean} - */ - function is(node, selector) { - var result = false; - - if (node && node.nodeType === ELEMENT_NODE) { - result = (node.matches || node.msMatchesSelector || - node.webkitMatchesSelector).call(node, selector); - } - - return result; - } - - - /** - * Returns true if node contains child otherwise false. - * - * This differs from the DOM contains() method in that - * if node and child are equal this will return false. - * - * @param {!Node} node - * @param {HTMLElement} child - * @returns {boolean} - */ - function contains(node, child) { - return node !== child && node.contains && node.contains(child); - } - - /** - * @param {Node} node - * @param {string} [selector] - * @returns {?HTMLElement} - */ - function previousElementSibling(node, selector) { - var prev = node.previousElementSibling; - - if (selector && prev) { - return is(prev, selector) ? prev : null; - } - - return prev; - } - - /** - * @param {!Node} node - * @param {!Node} refNode - * @returns {Node} - */ - function insertBefore(node, refNode) { - return refNode.parentNode.insertBefore(node, refNode); - } - - /** - * @param {?HTMLElement} node - * @returns {!Array.<string>} - */ - function classes(node) { - return node.className.trim().split(/\s+/); - } - - /** - * @param {?HTMLElement} node - * @param {string} className - * @returns {boolean} - */ - function hasClass(node, className) { - return is(node, '.' + className); - } - - /** - * @param {!HTMLElement} node - * @param {string} className - */ - function addClass(node, className) { - var classList = classes(node); - - if (classList.indexOf(className) < 0) { - classList.push(className); - } - - node.className = classList.join(' '); - } - - /** - * @param {!HTMLElement} node - * @param {string} className - */ - function removeClass(node, className) { - var classList = classes(node); - - arrayRemove(classList, className); - - node.className = classList.join(' '); - } - - /** - * Toggles a class on node. - * - * If state is specified and is truthy it will add - * the class. - * - * If state is specified and is falsey it will remove - * the class. - * - * @param {HTMLElement} node - * @param {string} className - * @param {boolean} [state] - */ - function toggleClass(node, className, state) { - state = isUndefined(state) ? !hasClass(node, className) : state; - - if (state) { - addClass(node, className); - } else { - removeClass(node, className); - } - } - - /** - * Gets or sets the width of the passed node. - * - * @param {HTMLElement} node - * @param {number|string} [value] - * @returns {number|undefined} - */ - function width(node, value) { - if (isUndefined(value)) { - var cs = getComputedStyle(node); - var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); - var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); - - return node.offsetWidth - padding - border; - } - - css(node, 'width', value); - } - - /** - * Gets or sets the height of the passed node. - * - * @param {HTMLElement} node - * @param {number|string} [value] - * @returns {number|undefined} - */ - function height(node, value) { - if (isUndefined(value)) { - var cs = getComputedStyle(node); - var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); - var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); - - return node.offsetHeight - padding - border; - } - - css(node, 'height', value); - } - - /** - * Triggers a custom event with the specified name and - * sets the detail property to the data object passed. - * - * @param {HTMLElement} node - * @param {string} eventName - * @param {Object} [data] - */ - function trigger(node, eventName, data) { - var event; - - if (isFunction(window.CustomEvent)) { - event = new CustomEvent(eventName, { - bubbles: true, - cancelable: true, - detail: data - }); - } else { - event = node.ownerDocument.createEvent('CustomEvent'); - event.initCustomEvent(eventName, true, true, data); - } - - node.dispatchEvent(event); - } - - /** - * Returns if a node is visible. - * - * @param {HTMLElement} - * @returns {boolean} - */ - function isVisible(node) { - return !!node.getClientRects().length; - } - - /** - * Convert CSS property names into camel case - * - * @param {string} string - * @returns {string} - */ - function camelCase(string) { - return string - .replace(/^-ms-/, 'ms-') - .replace(/-(\w)/g, function (match, char) { - return char.toUpperCase(); - }); - } - - - /** - * Loop all child nodes of the passed node - * - * The function should accept 1 parameter being the node. - * If the function returns false the loop will be exited. - * - * @param {HTMLElement} node - * @param {function} func Callback which is called with every - * child node as the first argument. - * @param {boolean} innermostFirst If the innermost node should be passed - * to the function before it's parents. - * @param {boolean} siblingsOnly If to only traverse the nodes siblings - * @param {boolean} [reverse=false] If to traverse the nodes in reverse - */ - // eslint-disable-next-line max-params - function traverse(node, func, innermostFirst, siblingsOnly, reverse) { - node = reverse ? node.lastChild : node.firstChild; - - while (node) { - var next = reverse ? node.previousSibling : node.nextSibling; - - if ( - (!innermostFirst && func(node) === false) || - (!siblingsOnly && traverse( - node, func, innermostFirst, siblingsOnly, reverse - ) === false) || - (innermostFirst && func(node) === false) - ) { - return false; - } - - node = next; - } - } - - /** - * Like traverse but loops in reverse - * @see traverse - */ - function rTraverse(node, func, innermostFirst, siblingsOnly) { - traverse(node, func, innermostFirst, siblingsOnly, true); - } - - /** - * Parses HTML into a document fragment - * - * @param {string} html - * @param {Document} [context] - * @since 1.4.4 - * @return {DocumentFragment} - */ - function parseHTML(html, context) { - context = context || document; - - var ret = context.createDocumentFragment(); - var tmp = createElement('div', {}, context); - - tmp.innerHTML = html; - - while (tmp.firstChild) { - appendChild(ret, tmp.firstChild); - } - - return ret; - } - - /** - * Checks if an element has any styling. - * - * It has styling if it is not a plain <div> or <p> or - * if it has a class, style attribute or data. - * - * @param {HTMLElement} elm - * @return {boolean} - * @since 1.4.4 - */ - function hasStyling(node) { - return node && (!is(node, 'p,div') || node.className || - attr(node, 'style') || !isEmptyObject(data(node))); - } - - /** - * Converts an element from one type to another. - * - * For example it can convert the element <b> to <strong> - * - * @param {HTMLElement} element - * @param {string} toTagName - * @return {HTMLElement} - * @since 1.4.4 - */ - function convertElement(element, toTagName) { - var newElement = createElement(toTagName, {}, element.ownerDocument); - - each(element.attributes, function (_, attribute) { - // Some browsers parse invalid attributes names like - // 'size"2' which throw an exception when set, just - // ignore these. - try { - attr(newElement, attribute.name, attribute.value); - } catch (ex) {} - }); - - while (element.firstChild) { - appendChild(newElement, element.firstChild); - } - - element.parentNode.replaceChild(newElement, element); - - return newElement; - } - - /** - * List of block level elements separated by bars (|) - * - * @type {string} - */ - var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + - 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|' + - 'details|section|article|aside|nav|main|header|hgroup|footer|fieldset|' + - 'dl|dt|dd|figure|figcaption|'; - - /** - * List of elements that do not allow children separated by bars (|) - * - * @param {Node} node - * @return {boolean} - * @since 1.4.5 - */ - function canHaveChildren(node) { - // 1 = Element - // 9 = Document - // 11 = Document Fragment - if (!/11?|9/.test(node.nodeType)) { - return false; - } - - // List of empty HTML tags separated by bar (|) character. - // Source: http://www.w3.org/TR/html4/index/elements.html - // Source: http://www.w3.org/TR/html5/syntax.html#void-elements - return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + - '|isindex|link|meta|param|command|embed|keygen|source|track|' + - 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; - } - - /** - * Checks if an element is inline - * - * @param {HTMLElement} elm - * @param {boolean} [includeCodeAsBlock=false] - * @return {boolean} - */ - function isInline(elm, includeCodeAsBlock) { - var tagName, - nodeType = (elm || {}).nodeType || TEXT_NODE; - - if (nodeType !== ELEMENT_NODE) { - return nodeType === TEXT_NODE; - } - - tagName = elm.tagName.toLowerCase(); - - if (tagName === 'code') { - return !includeCodeAsBlock; - } - - return blockLevelList.indexOf('|' + tagName + '|') < 0; - } - - /** - * Copy the CSS from 1 node to another. - * - * Only copies CSS defined on the element e.g. style attr. - * - * @param {HTMLElement} from - * @param {HTMLElement} to - * @deprecated since v3.1.0 - */ - function copyCSS(from, to) { - if (to.style && from.style) { - to.style.cssText = from.style.cssText + to.style.cssText; - } - } - - /** - * Checks if a DOM node is empty - * - * @param {Node} node - * @returns {boolean} - */ - function isEmpty(node) { - if (node.lastChild && isEmpty(node.lastChild)) { - remove(node.lastChild); - } - - return node.nodeType === 3 ? !node.nodeValue : - (canHaveChildren(node) && !node.childNodes.length); - } - - /** - * Fixes block level elements inside in inline elements. - * - * Also fixes invalid list nesting by placing nested lists - * inside the previous li tag or wrapping them in an li tag. - * - * @param {HTMLElement} node - */ - function fixNesting(node) { - traverse(node, function (node) { - var list = 'ul,ol', - isBlock = !isInline(node, true) && node.nodeType !== COMMENT_NODE, - parent = node.parentNode; - - // Any blocklevel element inside an inline element needs fixing. - // Also <p> tags that contain blocks should be fixed - if (isBlock && (isInline(parent, true) || parent.tagName === 'P')) { - // Find the last inline parent node - var lastInlineParent = node; - while (isInline(lastInlineParent.parentNode, true) || - lastInlineParent.parentNode.tagName === 'P') { - lastInlineParent = lastInlineParent.parentNode; - } - - var before = extractContents(lastInlineParent, node); - var middle = node; - - // Clone inline styling and apply it to the blocks children - while (parent && isInline(parent, true)) { - if (parent.nodeType === ELEMENT_NODE) { - var clone = parent.cloneNode(); - while (middle.firstChild) { - appendChild(clone, middle.firstChild); - } - - appendChild(middle, clone); - } - parent = parent.parentNode; - } - - insertBefore(middle, lastInlineParent); - if (!isEmpty(before)) { - insertBefore(before, middle); - } - if (isEmpty(lastInlineParent)) { - remove(lastInlineParent); - } - } - - // Fix invalid nested lists which should be wrapped in an li tag - if (isBlock && is(node, list) && is(node.parentNode, list)) { - var li = previousElementSibling(node, 'li'); - - if (!li) { - li = createElement('li'); - insertBefore(li, node); - } - - appendChild(li, node); - } - }); - } - - /** - * Finds the common parent of two nodes - * - * @param {!HTMLElement} node1 - * @param {!HTMLElement} node2 - * @return {?HTMLElement} - */ - function findCommonAncestor(node1, node2) { - while ((node1 = node1.parentNode)) { - if (contains(node1, node2)) { - return node1; - } - } - } - - /** - * @param {?Node} - * @param {boolean} [previous=false] - * @returns {?Node} - */ - function getSibling(node, previous) { - if (!node) { - return null; - } - - return (previous ? node.previousSibling : node.nextSibling) || - getSibling(node.parentNode, previous); - } - - /** - * Removes unused whitespace from the root and all it's children. - * - * @param {!HTMLElement} root - * @since 1.4.3 - */ - function removeWhiteSpace(root) { - var nodeValue, nodeType, next, previous, previousSibling, - nextNode, trimStart, - cssWhiteSpace = css(root, 'whiteSpace'), - // Preserve newlines if is pre-line - preserveNewLines = /line$/i.test(cssWhiteSpace), - node = root.firstChild; - - // Skip pre & pre-wrap with any vendor prefix - if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { - return; - } - - while (node) { - nextNode = node.nextSibling; - nodeValue = node.nodeValue; - nodeType = node.nodeType; - - if (nodeType === ELEMENT_NODE && node.firstChild) { - removeWhiteSpace(node); - } - - if (nodeType === TEXT_NODE) { - next = getSibling(node); - previous = getSibling(node, true); - trimStart = false; - - while (hasClass(previous, 'sceditor-ignore')) { - previous = getSibling(previous, true); - } - - // If previous sibling isn't inline or is a textnode that - // ends in whitespace, time the start whitespace - if (isInline(node) && previous) { - previousSibling = previous; - - while (previousSibling.lastChild) { - previousSibling = previousSibling.lastChild; - - // eslint-disable-next-line max-depth - while (hasClass(previousSibling, 'sceditor-ignore')) { - previousSibling = getSibling(previousSibling, true); - } - } - - trimStart = previousSibling.nodeType === TEXT_NODE ? - /[\t\n\r ]$/.test(previousSibling.nodeValue) : - !isInline(previousSibling); - } - - // Clear zero width spaces - nodeValue = nodeValue.replace(/\u200B/g, ''); - - // Strip leading whitespace - if (!previous || !isInline(previous) || trimStart) { - nodeValue = nodeValue.replace( - preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, - '' - ); - } - - // Strip trailing whitespace - if (!next || !isInline(next)) { - nodeValue = nodeValue.replace( - preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, - '' - ); - } - - // Remove empty text nodes - if (!nodeValue.length) { - remove(node); - } else { - node.nodeValue = nodeValue.replace( - preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, - ' ' - ); - } - } - - node = nextNode; - } - } - - /** - * Extracts all the nodes between the start and end nodes - * - * @param {HTMLElement} startNode The node to start extracting at - * @param {HTMLElement} endNode The node to stop extracting at - * @return {DocumentFragment} - */ - function extractContents(startNode, endNode) { - var range = startNode.ownerDocument.createRange(); - - range.setStartBefore(startNode); - range.setEndAfter(endNode); - - return range.extractContents(); - } - - /** - * Gets the offset position of an element - * - * @param {HTMLElement} node - * @return {Object} An object with left and top properties - */ - function getOffset(node) { - var left = 0, - top = 0; - - while (node) { - left += node.offsetLeft; - top += node.offsetTop; - node = node.offsetParent; - } - - return { - left: left, - top: top - }; - } - - /** - * Gets the value of a CSS property from the elements style attribute - * - * @param {HTMLElement} elm - * @param {string} property - * @return {string} - */ - function getStyle(elm, property) { - var styleValue, - elmStyle = elm.style; - - if (!cssPropertyNameCache[property]) { - cssPropertyNameCache[property] = camelCase(property); - } - - property = cssPropertyNameCache[property]; - styleValue = elmStyle[property]; - - // Add an exception for text-align - if ('textAlign' === property) { - styleValue = styleValue || css(elm, property); - - if (css(elm.parentNode, property) === styleValue || - css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { - return ''; - } - } - - return styleValue; - } - - /** - * Tests if an element has a style. - * - * If values are specified it will check that the styles value - * matches one of the values - * - * @param {HTMLElement} elm - * @param {string} property - * @param {string|array} [values] - * @return {boolean} - */ - function hasStyle(elm, property, values) { - var styleValue = getStyle(elm, property); - - if (!styleValue) { - return false; - } - - return !values || styleValue === values || - (Array.isArray(values) && values.indexOf(styleValue) > -1); - } - - /** - * Returns true if both nodes have the same number of inline styles and all the - * inline styles have matching values - * - * @param {HTMLElement} nodeA - * @param {HTMLElement} nodeB - * @returns {boolean} - */ - function stylesMatch(nodeA, nodeB) { - var i = nodeA.style.length; - if (i !== nodeB.style.length) { - return false; - } - - while (i--) { - var prop = nodeA.style[i]; - if (nodeA.style[prop] !== nodeB.style[prop]) { - return false; - } - } - - return true; - } - - /** - * Returns true if both nodes have the same number of attributes and all the - * attribute values match - * - * @param {HTMLElement} nodeA - * @param {HTMLElement} nodeB - * @returns {boolean} - */ - function attributesMatch(nodeA, nodeB) { - var i = nodeA.attributes.length; - if (i !== nodeB.attributes.length) { - return false; - } - - while (i--) { - var prop = nodeA.attributes[i]; - var notMatches = prop.name === 'style' ? - !stylesMatch(nodeA, nodeB) : - prop.value !== attr(nodeB, prop.name); - - if (notMatches) { - return false; - } - } - - return true; - } - - /** - * Removes an element placing its children in its place - * - * @param {HTMLElement} node - */ - function removeKeepChildren(node) { - while (node.firstChild) { - insertBefore(node.firstChild, node); - } - - remove(node); - } - - /** - * Merges inline styles and tags with parents where possible - * - * @param {Node} node - * @since 3.1.0 - */ - function merge(node) { - if (node.nodeType !== ELEMENT_NODE) { - return; - } - - var parent = node.parentNode; - var tagName = node.tagName; - var mergeTags = /B|STRONG|EM|SPAN|FONT/; - - // Merge children (in reverse as children can be removed) - var i = node.childNodes.length; - while (i--) { - merge(node.childNodes[i]); - } - - // Should only merge inline tags - if (!isInline(node)) { - return; - } - - // Remove any inline styles that match the parent style - i = node.style.length; - while (i--) { - var prop = node.style[i]; - if (css(parent, prop) === css(node, prop)) { - node.style.removeProperty(prop); - } - } - - // Can only remove / merge tags if no inline styling left. - // If there is any inline style left then it means it at least partially - // doesn't match the parent style so must stay - if (!node.style.length) { - removeAttr(node, 'style'); - - // Remove font attributes if match parent - if (tagName === 'FONT') { - if (css(node, 'fontFamily').toLowerCase() === - css(parent, 'fontFamily').toLowerCase()) { - removeAttr(node, 'face'); - } - - if (css(node, 'color') === css(parent, 'color')) { - removeAttr(node, 'color'); - } - - if (css(node, 'fontSize') === css(parent, 'fontSize')) { - removeAttr(node, 'size'); - } - } - - // Spans and font tags with no attributes can be safely removed - if (!node.attributes.length && /SPAN|FONT/.test(tagName)) { - removeKeepChildren(node); - } else if (mergeTags.test(tagName)) { - var isBold = /B|STRONG/.test(tagName); - var isItalic = tagName === 'EM'; - - while (parent && isInline(parent) && - (!isBold || /bold|700/i.test(css(parent, 'fontWeight'))) && - (!isItalic || css(parent, 'fontStyle') === 'italic')) { - - // Remove if parent match - if ((parent.tagName === tagName || - (isBold && /B|STRONG/.test(parent.tagName))) && - attributesMatch(parent, node)) { - removeKeepChildren(node); - break; - } - - parent = parent.parentNode; - } - } - } - - // Merge siblings if attributes, including inline styles, match - var next = node.nextSibling; - if (next && next.tagName === tagName && attributesMatch(next, node)) { - appendChild(node, next); - removeKeepChildren(next); - } - } - - /** - * Default options for SCEditor - * @type {Object} - */ - var defaultOptions = { - /** @lends jQuery.sceditor.defaultOptions */ - /** - * Toolbar buttons order and groups. Should be comma separated and - * have a bar | to separate groups - * - * @type {string} - */ - toolbar: 'bold,italic,underline,strike,subscript,superscript|' + - 'left,center,right,justify|font,size,color,removeformat|' + - 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + - 'table|code,quote|horizontalrule,image,email,link,unlink|' + - 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', - - /** - * Comma separated list of commands to excludes from the toolbar - * - * @type {string} - */ - toolbarExclude: null, - - /** - * Stylesheet to include in the WYSIWYG editor. This is what will style - * the WYSIWYG elements - * - * @type {string} - */ - style: 'jquery.sceditor.default.css', - - /** - * Comma separated list of fonts for the font selector - * - * @type {string} - */ - fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + - 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', - - /** - * Colors should be comma separated and have a bar | to signal a new - * column. - * - * If null the colors will be auto generated. - * - * @type {string} - */ - colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + - '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + - '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + - '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + - '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + - '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + - '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + - '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', - - /** - * The locale to use. - * @type {string} - */ - locale: attr(document.documentElement, 'lang') || 'en', - - /** - * The Charset to use - * @type {string} - */ - charset: 'utf-8', - - /** - * Compatibility mode for emoticons. - * - * Helps if you have emoticons such as :/ which would put an emoticon - * inside http:// - * - * This mode requires emoticons to be surrounded by whitespace or end of - * line chars. This mode has limited As You Type emoticon conversion - * support. It will not replace AYT for end of line chars, only - * emoticons surrounded by whitespace. They will still be replaced - * correctly when loaded just not AYT. - * - * @type {boolean} - */ - emoticonsCompat: false, - - /** - * If to enable emoticons. Can be changes at runtime using the - * emoticons() method. - * - * @type {boolean} - * @since 1.4.2 - */ - emoticonsEnabled: true, - - /** - * Emoticon root URL - * - * @type {string} - */ - emoticonsRoot: '', - emoticons: { - dropdown: { - ':)': 'emoticons/smile.png', - ':angel:': 'emoticons/angel.png', - ':angry:': 'emoticons/angry.png', - '8-)': 'emoticons/cool.png', - ':\'(': 'emoticons/cwy.png', - ':ermm:': 'emoticons/ermm.png', - ':D': 'emoticons/grin.png', - '<3': 'emoticons/heart.png', - ':(': 'emoticons/sad.png', - ':O': 'emoticons/shocked.png', - ':P': 'emoticons/tongue.png', - ';)': 'emoticons/wink.png' - }, - more: { - ':alien:': 'emoticons/alien.png', - ':blink:': 'emoticons/blink.png', - ':blush:': 'emoticons/blush.png', - ':cheerful:': 'emoticons/cheerful.png', - ':devil:': 'emoticons/devil.png', - ':dizzy:': 'emoticons/dizzy.png', - ':getlost:': 'emoticons/getlost.png', - ':happy:': 'emoticons/happy.png', - ':kissing:': 'emoticons/kissing.png', - ':ninja:': 'emoticons/ninja.png', - ':pinch:': 'emoticons/pinch.png', - ':pouty:': 'emoticons/pouty.png', - ':sick:': 'emoticons/sick.png', - ':sideways:': 'emoticons/sideways.png', - ':silly:': 'emoticons/silly.png', - ':sleeping:': 'emoticons/sleeping.png', - ':unsure:': 'emoticons/unsure.png', - ':woot:': 'emoticons/w00t.png', - ':wassat:': 'emoticons/wassat.png' - }, - hidden: { - ':whistling:': 'emoticons/whistling.png', - ':love:': 'emoticons/wub.png' - } - }, - - /** - * Width of the editor. Set to null for automatic with - * - * @type {?number} - */ - width: null, - - /** - * Height of the editor including toolbar. Set to null for automatic - * height - * - * @type {?number} - */ - height: null, - - /** - * If to allow the editor to be resized - * - * @type {boolean} - */ - resizeEnabled: true, - - /** - * Min resize to width, set to null for half textarea width or -1 for - * unlimited - * - * @type {?number} - */ - resizeMinWidth: null, - /** - * Min resize to height, set to null for half textarea height or -1 for - * unlimited - * - * @type {?number} - */ - resizeMinHeight: null, - /** - * Max resize to height, set to null for double textarea height or -1 - * for unlimited - * - * @type {?number} - */ - resizeMaxHeight: null, - /** - * Max resize to width, set to null for double textarea width or -1 for - * unlimited - * - * @type {?number} - */ - resizeMaxWidth: null, - /** - * If resizing by height is enabled - * - * @type {boolean} - */ - resizeHeight: true, - /** - * If resizing by width is enabled - * - * @type {boolean} - */ - resizeWidth: true, - - /** - * Date format, will be overridden if locale specifies one. - * - * The words year, month and day will be replaced with the users current - * year, month and day. - * - * @type {string} - */ - dateFormat: 'year-month-day', - - /** - * Element to inset the toolbar into. - * - * @type {HTMLElement} - */ - toolbarContainer: null, - - /** - * If to enable paste filtering. This is currently experimental, please - * report any issues. - * - * @type {boolean} - */ - enablePasteFiltering: false, - - /** - * If to completely disable pasting into the editor - * - * @type {boolean} - */ - disablePasting: false, - - /** - * If the editor is read only. - * - * @type {boolean} - */ - readOnly: false, - - /** - * If to set the editor to right-to-left mode. - * - * If set to null the direction will be automatically detected. - * - * @type {boolean} - */ - rtl: false, - - /** - * If to auto focus the editor on page load - * - * @type {boolean} - */ - autofocus: false, - - /** - * If to auto focus the editor to the end of the content - * - * @type {boolean} - */ - autofocusEnd: true, - - /** - * If to auto expand the editor to fix the content - * - * @type {boolean} - */ - autoExpand: false, - - /** - * If to auto update original textbox on blur - * - * @type {boolean} - */ - autoUpdate: false, - - /** - * If to enable the browsers built in spell checker - * - * @type {boolean} - */ - spellcheck: true, - - /** - * If to run the source editor when there is no WYSIWYG support. Only - * really applies to mobile OS's. - * - * @type {boolean} - */ - runWithoutWysiwygSupport: false, - - /** - * If to load the editor in source mode and still allow switching - * between WYSIWYG and source mode - * - * @type {boolean} - */ - startInSourceMode: false, - - /** - * Optional ID to give the editor. - * - * @type {string} - */ - id: null, - - /** - * Comma separated list of plugins - * - * @type {string} - */ - plugins: '', - - /** - * z-index to set the editor container to. Needed for jQuery UI dialog. - * - * @type {?number} - */ - zIndex: null, - - /** - * If to trim the BBCode. Removes any spaces at the start and end of the - * BBCode string. - * - * @type {boolean} - */ - bbcodeTrim: false, - - /** - * If to disable removing block level elements by pressing backspace at - * the start of them - * - * @type {boolean} - */ - disableBlockRemove: false, - - /** - * Array of allowed URL (should be either strings or regex) for iframes. - * - * If it's a string then iframes where the start of the src matches the - * specified string will be allowed. - * - * If it's a regex then iframes where the src matches the regex will be - * allowed. - * - * @type {Array} - */ - allowedIframeUrls: [], - - /** - * BBCode parser options, only applies if using the editor in BBCode - * mode. - * - * See SCEditor.BBCodeParser.defaults for list of valid options - * - * @type {Object} - */ - parserOptions: { }, - - /** - * CSS that will be added to the to dropdown menu (eg. z-index) - * - * @type {Object} - */ - dropDownCss: { } - }; - - // Must start with a valid scheme - // ^ - // Schemes that are considered safe - // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| - // Relative schemes (//:) are considered safe - // (\\/\\/)| - // Image data URI's are considered safe - // data:image\\/(png|bmp|gif|p?jpe?g); - var VALID_SCHEME_REGEX = - /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; - - /** - * Escapes a string so it's safe to use in regex - * - * @param {string} str - * @return {string} - */ - function regex(str) { - return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); - } - /** - * Escapes all HTML entities in a string - * - * If noQuotes is set to false, all single and double - * quotes will also be escaped - * - * @param {string} str - * @param {boolean} [noQuotes=true] - * @return {string} - * @since 1.4.1 - */ - function entities(str, noQuotes) { - if (!str) { - return str; - } - - var replacements = { - '&': '&', - '<': '<', - '>': '>', - ' ': ' ', - '\r\n': '<br />', - '\r': '<br />', - '\n': '<br />' - }; - - if (noQuotes !== false) { - replacements['"'] = '"'; - replacements['\''] = '''; - replacements['`'] = '`'; - } - - str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { - return replacements[match] || match; - }); - - return str; - } - /** - * Escape URI scheme. - * - * Appends the current URL to a url if it has a scheme that is not: - * - * http - * https - * sftp - * ftp - * mailto - * spotify - * skype - * ssh - * teamspeak - * tel - * // - * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); - * - * **IMPORTANT**: This does not escape any HTML in a url, for - * that use the escape.entities() method. - * - * @param {string} url - * @return {string} - * @since 1.4.5 - */ - function uriScheme(url) { - var path, - // If there is a : before a / then it has a scheme - hasScheme = /^[^\/]*:/i, - location = window.location; - - // Has no scheme or a valid scheme - if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { - return url; - } - - path = location.pathname.split('/'); - path.pop(); - - return location.protocol + '//' + - location.host + - path.join('/') + '/' + - url; - } - - /** - * HTML templates used by the editor and default commands - * @type {Object} - * @private - */ - var _templates = { - html: - '<!DOCTYPE html>' + - '<html{attrs}>' + - '<head>' + - '<meta http-equiv="Content-Type" ' + - 'content="text/html;charset={charset}" />' + - '<link rel="stylesheet" type="text/css" href="{style}" />' + - '</head>' + - '<body contenteditable="true" {spellcheck}><p></p></body>' + - '</html>', - - toolbarButton: '<a class="sceditor-button sceditor-button-{name}" ' + - 'data-sceditor-command="{name}" unselectable="on">' + - '<div unselectable="on">{dispName}</div></a>', - - emoticon: '<img src="{url}" data-sceditor-emoticon="{key}" ' + - 'alt="{key}" title="{tooltip}" />', - - fontOpt: '<a class="sceditor-font-option" href="#" ' + - 'data-font="{font}"><font face="{font}">{font}</font></a>', - - sizeOpt: '<a class="sceditor-fontsize-option" data-size="{size}" ' + - 'href="#"><font size="{size}">{size}</font></a>', - - pastetext: - '<div><label for="txt">{label}</label> ' + - '<textarea cols="20" rows="7" id="txt"></textarea></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - table: - '<div><label for="rows">{rows}</label><input type="text" ' + - 'id="rows" value="2" /></div>' + - '<div><label for="cols">{cols}</label><input type="text" ' + - 'id="cols" value="2" /></div>' + - '<div><input type="button" class="button" value="{insert}"' + - ' /></div>', - - image: - '<div><label for="image">{url}</label> ' + - '<input type="text" id="image" dir="ltr" placeholder="https://" /></div>' + - '<div><label for="width">{width}</label> ' + - '<input type="text" id="width" size="2" dir="ltr" /></div>' + - '<div><label for="height">{height}</label> ' + - '<input type="text" id="height" size="2" dir="ltr" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - email: - '<div><label for="email">{label}</label> ' + - '<input type="text" id="email" dir="ltr" /></div>' + - '<div><label for="des">{desc}</label> ' + - '<input type="text" id="des" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - link: - '<div><label for="link">{url}</label> ' + - '<input type="text" id="link" dir="ltr" placeholder="https://" /></div>' + - '<div><label for="des">{desc}</label> ' + - '<input type="text" id="des" /></div>' + - '<div><input type="button" class="button" value="{ins}" /></div>', - - youtubeMenu: - '<div><label for="link">{label}</label> ' + - '<input type="text" id="link" dir="ltr" placeholder="https://" /></div>' + - '<div><input type="button" class="button" value="{insert}" />' + - '</div>', - - youtube: - '<iframe width="560" height="315" frameborder="0" allowfullscreen ' + - 'src="https://www.youtube-nocookie.com/embed/{id}?wmode=opaque&start={time}" ' + - 'data-youtube-id="{id}"></iframe>' - }; - - /** - * Replaces any params in a template with the passed params. - * - * If createHtml is passed it will return a DocumentFragment - * containing the parsed template. - * - * @param {string} name - * @param {Object} [params] - * @param {boolean} [createHtml] - * @returns {string|DocumentFragment} - * @private - */ - function _tmpl (name, params, createHtml) { - var template = _templates[name]; - - Object.keys(params).forEach(function (name) { - template = template.replace( - new RegExp(regex('{' + name + '}'), 'g'), params[name] - ); - }); - - if (createHtml) { - template = parseHTML(template); - } - - return template; - } - - /** - * Fixes a bug in FF where it sometimes wraps - * new lines in their own list item. - * See issue #359 - */ - function fixFirefoxListBug(editor) { - // Only apply to Firefox as will break other browsers. - if ('mozHidden' in document) { - var node = editor.getBody(); - var next; - - while (node) { - next = node; - - if (next.firstChild) { - next = next.firstChild; - } else { - - while (next && !next.nextSibling) { - next = next.parentNode; - } - - if (next) { - next = next.nextSibling; - } - } - - if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { - // Only remove if newlines are collapsed - if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { - remove(node); - } - } - - node = next; - } - } - } - - - /** - * Map of all the commands for SCEditor - * @type {Object} - * @name commands - * @memberOf jQuery.sceditor - */ - var defaultCmds = { - // START_COMMAND: Bold - bold: { - exec: 'bold', - tooltip: 'Bold', - shortcut: 'Ctrl+B' - }, - // END_COMMAND - // START_COMMAND: Italic - italic: { - exec: 'italic', - tooltip: 'Italic', - shortcut: 'Ctrl+I' - }, - // END_COMMAND - // START_COMMAND: Underline - underline: { - exec: 'underline', - tooltip: 'Underline', - shortcut: 'Ctrl+U' - }, - // END_COMMAND - // START_COMMAND: Strikethrough - strike: { - exec: 'strikethrough', - tooltip: 'Strikethrough' - }, - // END_COMMAND - // START_COMMAND: Subscript - subscript: { - exec: 'subscript', - tooltip: 'Subscript' - }, - // END_COMMAND - // START_COMMAND: Superscript - superscript: { - exec: 'superscript', - tooltip: 'Superscript' - }, - // END_COMMAND - - // START_COMMAND: Left - left: { - state: function (node) { - if (node && node.nodeType === 3) { - node = node.parentNode; - } - - if (node) { - var isLtr = css(node, 'direction') === 'ltr'; - var align = css(node, 'textAlign'); - - // Can be -moz-left - return /left/.test(align) || - align === (isLtr ? 'start' : 'end'); - } - }, - exec: 'justifyleft', - tooltip: 'Align left' - }, - // END_COMMAND - // START_COMMAND: Centre - center: { - exec: 'justifycenter', - tooltip: 'Center' - }, - // END_COMMAND - // START_COMMAND: Right - right: { - state: function (node) { - if (node && node.nodeType === 3) { - node = node.parentNode; - } - - if (node) { - var isLtr = css(node, 'direction') === 'ltr'; - var align = css(node, 'textAlign'); - - // Can be -moz-right - return /right/.test(align) || - align === (isLtr ? 'end' : 'start'); - } - }, - exec: 'justifyright', - tooltip: 'Align right' - }, - // END_COMMAND - // START_COMMAND: Justify - justify: { - exec: 'justifyfull', - tooltip: 'Justify' - }, - // END_COMMAND - - // START_COMMAND: Font - font: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'font')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.opts.fonts.split(',').forEach(function (font) { - appendChild(content, _tmpl('fontOpt', { - font: font - }, true)); - }); - - editor.createDropDown(caller, 'font-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.font._dropDown(editor, caller, function (fontName) { - editor.execCommand('fontname', fontName); - }); - }, - tooltip: 'Font Name' - }, - // END_COMMAND - // START_COMMAND: Size - size: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'size')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - for (var i = 1; i <= 7; i++) { - appendChild(content, _tmpl('sizeOpt', { - size: i - }, true)); - } - - editor.createDropDown(caller, 'fontsize-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.size._dropDown(editor, caller, function (fontSize) { - editor.execCommand('fontsize', fontSize); - }); - }, - tooltip: 'Font Size' - }, - // END_COMMAND - // START_COMMAND: Colour - color: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'), - html = '', - cmd = defaultCmds.color; - - if (!cmd._htmlCache) { - editor.opts.colors.split('|').forEach(function (column) { - html += '<div class="sceditor-color-column">'; - - column.split(',').forEach(function (color) { - html += - '<a href="#" class="sceditor-color-option"' + - ' style="background-color: ' + color + '"' + - ' data-color="' + color + '"></a>'; - }); - - html += '</div>'; - }); - - cmd._htmlCache = html; - } - - appendChild(content, parseHTML(cmd._htmlCache)); - - on(content, 'click', 'a', function (e) { - callback(data(this, 'color')); - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'color-picker', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.color._dropDown(editor, caller, function (color) { - editor.execCommand('forecolor', color); - }); - }, - tooltip: 'Font Color' - }, - // END_COMMAND - // START_COMMAND: Remove Format - removeformat: { - exec: 'removeformat', - tooltip: 'Remove Formatting' - }, - // END_COMMAND - - // START_COMMAND: Cut - cut: { - exec: 'cut', - tooltip: 'Cut', - errorMessage: 'Your browser does not allow the cut command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-X' - }, - // END_COMMAND - // START_COMMAND: Copy - copy: { - exec: 'copy', - tooltip: 'Copy', - errorMessage: 'Your browser does not allow the copy command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-C' - }, - // END_COMMAND - // START_COMMAND: Paste - paste: { - exec: 'paste', - tooltip: 'Paste', - errorMessage: 'Your browser does not allow the paste command. ' + - 'Please use the keyboard shortcut Ctrl/Cmd-V' - }, - // END_COMMAND - // START_COMMAND: Paste Text - pastetext: { - exec: function (caller) { - var val, - content = createElement('div'), - editor = this; - - appendChild(content, _tmpl('pastetext', { - label: editor._( - 'Paste your text inside the following box:' - ), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - val = find(content, '#txt')[0].value; - - if (val) { - editor.wysiwygEditorInsertText(val); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'pastetext', content); - }, - tooltip: 'Paste Text' - }, - // END_COMMAND - // START_COMMAND: Bullet List - bulletlist: { - exec: function () { - fixFirefoxListBug(this); - this.execCommand('insertunorderedlist'); - }, - tooltip: 'Bullet list' - }, - // END_COMMAND - // START_COMMAND: Ordered List - orderedlist: { - exec: function () { - fixFirefoxListBug(this); - this.execCommand('insertorderedlist'); - }, - tooltip: 'Numbered list' - }, - // END_COMMAND - // START_COMMAND: Indent - indent: { - state: function (parent, firstBlock) { - // Only works with lists, for now - var range, startParent, endParent; - - if (is(firstBlock, 'li')) { - return 0; - } - - if (is(firstBlock, 'ul,ol,menu')) { - // if the whole list is selected, then this must be - // invalidated because the browser will place a - // <blockquote> there - range = this.getRangeHelper().selectedRange(); - - startParent = range.startContainer.parentNode; - endParent = range.endContainer.parentNode; - - // TODO: could use nodeType for this? - // Maybe just check the firstBlock contains both the start - //and end containers - - // Select the tag, not the textNode - // (that's why the parentNode) - if (startParent !== - startParent.parentNode.firstElementChild || - // work around a bug in FF - (is(endParent, 'li') && endParent !== - endParent.parentNode.lastElementChild)) { - return 0; - } - } - - return -1; - }, - exec: function () { - var editor = this, - block = editor.getRangeHelper().getFirstBlockParent(); - - editor.focus(); - - // An indent system is quite complicated as there are loads - // of complications and issues around how to indent text - // As default, let's just stay with indenting the lists, - // at least, for now. - if (closest(block, 'ul,ol,menu')) { - editor.execCommand('indent'); - } - }, - tooltip: 'Add indent' - }, - // END_COMMAND - // START_COMMAND: Outdent - outdent: { - state: function (parents, firstBlock) { - return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; - }, - exec: function () { - var block = this.getRangeHelper().getFirstBlockParent(); - if (closest(block, 'ul,ol,menu')) { - this.execCommand('outdent'); - } - }, - tooltip: 'Remove one indent' - }, - // END_COMMAND - - // START_COMMAND: Table - table: { - exec: function (caller) { - var editor = this, - content = createElement('div'); - - appendChild(content, _tmpl('table', { - rows: editor._('Rows:'), - cols: editor._('Cols:'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var rows = Number(find(content, '#rows')[0].value), - cols = Number(find(content, '#cols')[0].value), - html = '<table>'; - - if (rows > 0 && cols > 0) { - html += Array(rows + 1).join( - '<tr>' + - Array(cols + 1).join( - '<td><br /></td>' - ) + - '</tr>' - ); - - html += '</table>'; - - editor.wysiwygEditorInsertHtml(html); - editor.closeDropDown(true); - e.preventDefault(); - } - }); - - editor.createDropDown(caller, 'inserttable', content); - }, - tooltip: 'Insert a table' - }, - // END_COMMAND - - // START_COMMAND: Horizontal Rule - horizontalrule: { - exec: 'inserthorizontalrule', - tooltip: 'Insert a horizontal rule' - }, - // END_COMMAND - - // START_COMMAND: Code - code: { - exec: function () { - this.wysiwygEditorInsertHtml( - '<code>', - '<br /></code>' - ); - }, - tooltip: 'Code' - }, - // END_COMMAND - - // START_COMMAND: Image - image: { - _dropDown: function (editor, caller, selected, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('image', { - url: editor._('URL:'), - width: editor._('Width (optional):'), - height: editor._('Height (optional):'), - insert: editor._('Insert') - }, true)); - - - var urlInput = find(content, '#image')[0]; - - urlInput.value = selected; - - on(content, 'click', '.button', function (e) { - if (urlInput.value) { - cb( - urlInput.value, - find(content, '#width')[0].value, - find(content, '#height')[0].value - ); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertimage', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.image._dropDown( - editor, - caller, - '', - function (url, width, height) { - var attrs = ''; - - if (width) { - attrs += ' width="' + parseInt(width, 10) + '"'; - } - - if (height) { - attrs += ' height="' + parseInt(height, 10) + '"'; - } - - attrs += ' src="' + entities(url) + '"'; - - editor.wysiwygEditorInsertHtml( - '<img' + attrs + ' />' - ); - } - ); - }, - tooltip: 'Insert an image' - }, - // END_COMMAND - - // START_COMMAND: E-mail - email: { - _dropDown: function (editor, caller, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('email', { - label: editor._('E-mail:'), - desc: editor._('Description (optional):'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var email = find(content, '#email')[0].value; - - if (email) { - cb(email, find(content, '#des')[0].value); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertemail', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.email._dropDown( - editor, - caller, - function (email, text) { - if (!editor.getRangeHelper().selectedHtml() || text) { - editor.wysiwygEditorInsertHtml( - '<a href="' + - 'mailto:' + entities(email) + '">' + - entities((text || email)) + - '</a>' - ); - } else { - editor.execCommand('createlink', 'mailto:' + email); - } - } - ); - }, - tooltip: 'Insert an email' - }, - // END_COMMAND - - // START_COMMAND: Link - link: { - _dropDown: function (editor, caller, cb) { - var content = createElement('div'); - - appendChild(content, _tmpl('link', { - url: editor._('URL:'), - desc: editor._('Description (optional):'), - ins: editor._('Insert') - }, true)); - - var linkInput = find(content, '#link')[0]; - - function insertUrl(e) { - if (linkInput.value) { - cb(linkInput.value, find(content, '#des')[0].value); - } - - editor.closeDropDown(true); - e.preventDefault(); - } - - on(content, 'click', '.button', insertUrl); - on(content, 'keypress', function (e) { - // 13 = enter key - if (e.which === 13 && linkInput.value) { - insertUrl(e); - } - }, EVENT_CAPTURE); - - editor.createDropDown(caller, 'insertlink', content); - }, - exec: function (caller) { - var editor = this; - - defaultCmds.link._dropDown(editor, caller, function (url, text) { - if (text || !editor.getRangeHelper().selectedHtml()) { - editor.wysiwygEditorInsertHtml( - '<a href="' + entities(url) + '">' + - entities(text || url) + - '</a>' - ); - } else { - editor.execCommand('createlink', url); - } - }); - }, - tooltip: 'Insert a link' - }, - // END_COMMAND - - // START_COMMAND: Unlink - unlink: { - state: function () { - return closest(this.currentNode(), 'a') ? 0 : -1; - }, - exec: function () { - var anchor = closest(this.currentNode(), 'a'); - - if (anchor) { - while (anchor.firstChild) { - insertBefore(anchor.firstChild, anchor); - } - - remove(anchor); - } - }, - tooltip: 'Unlink' - }, - // END_COMMAND - - - // START_COMMAND: Quote - quote: { - exec: function (caller, html, author) { - var before = '<blockquote>', - end = '</blockquote>'; - - // if there is HTML passed set end to null so any selected - // text is replaced - if (html) { - author = (author ? '<cite>' + - entities(author) + - '</cite>' : ''); - before = before + author + html + end; - end = null; - // if not add a newline to the end of the inserted quote - } else if (this.getRangeHelper().selectedHtml() === '') { - end = '<br />' + end; - } - - this.wysiwygEditorInsertHtml(before, end); - }, - tooltip: 'Insert a Quote' - }, - // END_COMMAND - - // START_COMMAND: Emoticons - emoticon: { - exec: function (caller) { - var editor = this; - - var createContent = function (includeMore) { - var moreLink, - opts = editor.opts, - emoticonsRoot = opts.emoticonsRoot || '', - emoticonsCompat = opts.emoticonsCompat, - rangeHelper = editor.getRangeHelper(), - startSpace = emoticonsCompat && - rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', - endSpace = emoticonsCompat && - rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', - content = createElement('div'), - line = createElement('div'), - perLine = 0, - emoticons = extend( - {}, - opts.emoticons.dropdown, - includeMore ? opts.emoticons.more : {} - ); - - appendChild(content, line); - - perLine = Math.sqrt(Object.keys(emoticons).length); - - on(content, 'click', 'img', function (e) { - editor.insert(startSpace + attr(this, 'alt') + endSpace, - null, false).closeDropDown(true); - - e.preventDefault(); - }); - - each(emoticons, function (code, emoticon) { - appendChild(line, createElement('img', { - src: emoticonsRoot + (emoticon.url || emoticon), - alt: code, - title: emoticon.tooltip || code - })); - - if (line.children.length >= perLine) { - line = createElement('div'); - appendChild(content, line); - } - }); - - if (!includeMore && opts.emoticons.more) { - moreLink = createElement('a', { - className: 'sceditor-more' - }); - - appendChild(moreLink, - document.createTextNode(editor._('More'))); - - on(moreLink, 'click', function (e) { - editor.createDropDown( - caller, 'more-emoticons', createContent(true) - ); - - e.preventDefault(); - }); - - appendChild(content, moreLink); - } - - return content; - }; - - editor.createDropDown(caller, 'emoticons', createContent(false)); - }, - txtExec: function (caller) { - defaultCmds.emoticon.exec.call(this, caller); - }, - tooltip: 'Insert an emoticon' - }, - // END_COMMAND - - // START_COMMAND: YouTube - youtube: { - _dropDown: function (editor, caller, callback) { - var content = createElement('div'); - - appendChild(content, _tmpl('youtubeMenu', { - label: editor._('Video URL:'), - insert: editor._('Insert') - }, true)); - - on(content, 'click', '.button', function (e) { - var val = find(content, '#link')[0].value; - var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)?([a-zA-Z0-9_-]{11})/); - var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); - var time = 0; - - if (timeMatch) { - each(timeMatch[1].split(/[hms]/), function (i, val) { - if (val !== '') { - time = (time * 60) + Number(val); - } - }); - } - - if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { - callback(idMatch[1], time); - } - - editor.closeDropDown(true); - e.preventDefault(); - }); - - editor.createDropDown(caller, 'insertlink', content); - }, - exec: function (btn) { - var editor = this; - - defaultCmds.youtube._dropDown(editor, btn, function (id, time) { - editor.wysiwygEditorInsertHtml(_tmpl('youtube', { - id: id, - time: time - })); - }); - }, - tooltip: 'Insert a YouTube video' - }, - // END_COMMAND - - // START_COMMAND: Date - date: { - _date: function (editor) { - var now = new Date(), - year = now.getYear(), - month = now.getMonth() + 1, - day = now.getDate(); - - if (year < 2000) { - year = 1900 + year; - } - - if (month < 10) { - month = '0' + month; - } - - if (day < 10) { - day = '0' + day; - } - - return editor.opts.dateFormat - .replace(/year/i, year) - .replace(/month/i, month) - .replace(/day/i, day); - }, - exec: function () { - this.insertText(defaultCmds.date._date(this)); - }, - txtExec: function () { - this.insertText(defaultCmds.date._date(this)); - }, - tooltip: 'Insert current date' - }, - // END_COMMAND - - // START_COMMAND: Time - time: { - _time: function () { - var now = new Date(), - hours = now.getHours(), - mins = now.getMinutes(), - secs = now.getSeconds(); - - if (hours < 10) { - hours = '0' + hours; - } - - if (mins < 10) { - mins = '0' + mins; - } - - if (secs < 10) { - secs = '0' + secs; - } - - return hours + ':' + mins + ':' + secs; - }, - exec: function () { - this.insertText(defaultCmds.time._time()); - }, - txtExec: function () { - this.insertText(defaultCmds.time._time()); - }, - tooltip: 'Insert current time' - }, - // END_COMMAND - - - // START_COMMAND: Ltr - ltr: { - state: function (parents, firstBlock) { - return firstBlock && firstBlock.style.direction === 'ltr'; - }, - exec: function () { - var editor = this, - rangeHelper = editor.getRangeHelper(), - node = rangeHelper.getFirstBlockParent(); - - editor.focus(); - - if (!node || is(node, 'body')) { - editor.execCommand('formatBlock', 'p'); - - node = rangeHelper.getFirstBlockParent(); - - if (!node || is(node, 'body')) { - return; - } - } - - var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; - css(node, 'direction', toggleValue); - }, - tooltip: 'Left-to-Right' - }, - // END_COMMAND - - // START_COMMAND: Rtl - rtl: { - state: function (parents, firstBlock) { - return firstBlock && firstBlock.style.direction === 'rtl'; - }, - exec: function () { - var editor = this, - rangeHelper = editor.getRangeHelper(), - node = rangeHelper.getFirstBlockParent(); - - editor.focus(); - - if (!node || is(node, 'body')) { - editor.execCommand('formatBlock', 'p'); - - node = rangeHelper.getFirstBlockParent(); - - if (!node || is(node, 'body')) { - return; - } - } - - var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; - css(node, 'direction', toggleValue); - }, - tooltip: 'Right-to-Left' - }, - // END_COMMAND - - - // START_COMMAND: Print - print: { - exec: 'print', - tooltip: 'Print' - }, - // END_COMMAND - - // START_COMMAND: Maximize - maximize: { - state: function () { - return this.maximize(); - }, - exec: function () { - this.maximize(!this.maximize()); - this.focus(); - }, - txtExec: function () { - this.maximize(!this.maximize()); - this.focus(); - }, - tooltip: 'Maximize', - shortcut: 'Ctrl+Shift+M' - }, - // END_COMMAND - - // START_COMMAND: Source - source: { - state: function () { - return this.sourceMode(); - }, - exec: function () { - this.toggleSourceMode(); - this.focus(); - }, - txtExec: function () { - this.toggleSourceMode(); - this.focus(); - }, - tooltip: 'View source', - shortcut: 'Ctrl+Shift+S' - }, - // END_COMMAND - - // this is here so that commands above can be removed - // without having to remove the , after the last one. - // Needed for IE. - ignore: {} - }; - - var plugins = {}; - - /** - * Plugin Manager class - * @class PluginManager - * @name PluginManager - */ - function PluginManager(thisObj) { - /** - * Alias of this - * - * @private - * @type {Object} - */ - var base = this; - - /** - * Array of all currently registered plugins - * - * @type {Array} - * @private - */ - var registeredPlugins = []; - - - /** - * Changes a signals name from "name" into "signalName". - * - * @param {string} signal - * @return {string} - * @private - */ - var formatSignalName = function (signal) { - return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); - }; - - /** - * Calls handlers for a signal - * - * @see call() - * @see callOnlyFirst() - * @param {Array} args - * @param {boolean} returnAtFirst - * @return {*} - * @private - */ - var callHandlers = function (args, returnAtFirst) { - args = [].slice.call(args); - - var idx, ret, - signal = formatSignalName(args.shift()); - - for (idx = 0; idx < registeredPlugins.length; idx++) { - if (signal in registeredPlugins[idx]) { - ret = registeredPlugins[idx][signal].apply(thisObj, args); - - if (returnAtFirst) { - return ret; - } - } - } - }; - - /** - * Calls all handlers for the passed signal - * - * @param {string} signal - * @param {...string} args - * @function - * @name call - * @memberOf PluginManager.prototype - */ - base.call = function () { - callHandlers(arguments, false); - }; - - /** - * Calls the first handler for a signal, and returns the - * - * @param {string} signal - * @param {...string} args - * @return {*} The result of calling the handler - * @function - * @name callOnlyFirst - * @memberOf PluginManager.prototype - */ - base.callOnlyFirst = function () { - return callHandlers(arguments, true); - }; - - /** - * Checks if a signal has a handler - * - * @param {string} signal - * @return {boolean} - * @function - * @name hasHandler - * @memberOf PluginManager.prototype - */ - base.hasHandler = function (signal) { - var i = registeredPlugins.length; - signal = formatSignalName(signal); - - while (i--) { - if (signal in registeredPlugins[i]) { - return true; - } - } - - return false; - }; - - /** - * Checks if the plugin exists in plugins - * - * @param {string} plugin - * @return {boolean} - * @function - * @name exists - * @memberOf PluginManager.prototype - */ - base.exists = function (plugin) { - if (plugin in plugins) { - plugin = plugins[plugin]; - - return typeof plugin === 'function' && - typeof plugin.prototype === 'object'; - } - - return false; - }; - - /** - * Checks if the passed plugin is currently registered. - * - * @param {string} plugin - * @return {boolean} - * @function - * @name isRegistered - * @memberOf PluginManager.prototype - */ - base.isRegistered = function (plugin) { - if (base.exists(plugin)) { - var idx = registeredPlugins.length; - - while (idx--) { - if (registeredPlugins[idx] instanceof plugins[plugin]) { - return true; - } - } - } - - return false; - }; - - /** - * Registers a plugin to receive signals - * - * @param {string} plugin - * @return {boolean} - * @function - * @name register - * @memberOf PluginManager.prototype - */ - base.register = function (plugin) { - if (!base.exists(plugin) || base.isRegistered(plugin)) { - return false; - } - - plugin = new plugins[plugin](); - registeredPlugins.push(plugin); - - if ('init' in plugin) { - plugin.init.call(thisObj); - } - - return true; - }; - - /** - * Deregisters a plugin. - * - * @param {string} plugin - * @return {boolean} - * @function - * @name deregister - * @memberOf PluginManager.prototype - */ - base.deregister = function (plugin) { - var removedPlugin, - pluginIdx = registeredPlugins.length, - removed = false; - - if (!base.isRegistered(plugin)) { - return removed; - } - - while (pluginIdx--) { - if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { - removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; - removed = true; - - if ('destroy' in removedPlugin) { - removedPlugin.destroy.call(thisObj); - } - } - } - - return removed; - }; - - /** - * Clears all plugins and removes the owner reference. - * - * Calling any functions on this object after calling - * destroy will cause a JS error. - * - * @name destroy - * @memberOf PluginManager.prototype - */ - base.destroy = function () { - var i = registeredPlugins.length; - - while (i--) { - if ('destroy' in registeredPlugins[i]) { - registeredPlugins[i].destroy.call(thisObj); - } - } - - registeredPlugins = []; - thisObj = null; - }; - } - PluginManager.plugins = plugins; - - /** - * Gets the text, start/end node and offset for - * length chars left or right of the passed node - * at the specified offset. - * - * @param {Node} node - * @param {number} offset - * @param {boolean} isLeft - * @param {number} length - * @return {Object} - * @private - */ - var outerText = function (range, isLeft, length) { - var nodeValue, remaining, start, end, node, - text = '', - next = range.startContainer, - offset = range.startOffset; - - // Handle cases where node is a paragraph and offset - // refers to the index of a text node. - // 3 = text node - if (next && next.nodeType !== 3) { - next = next.childNodes[offset]; - offset = 0; - } - - start = end = offset; - - while (length > text.length && next && next.nodeType === 3) { - nodeValue = next.nodeValue; - remaining = length - text.length; - - // If not the first node, start and end should be at their - // max values as will be updated when getting the text - if (node) { - end = nodeValue.length; - start = 0; - } - - node = next; - - if (isLeft) { - start = Math.max(end - remaining, 0); - offset = start; - - text = nodeValue.substr(start, end - start) + text; - next = node.previousSibling; - } else { - end = Math.min(remaining, nodeValue.length); - offset = start + end; - - text += nodeValue.substr(start, end); - next = node.nextSibling; - } - } - - return { - node: node || next, - offset: offset, - text: text - }; - }; - - /** - * Range helper - * - * @class RangeHelper - * @name RangeHelper - */ - function RangeHelper(win, d, sanitize) { - var _createMarker, _prepareInput, - doc = d || win.contentDocument || win.document, - startMarker = 'sceditor-start-marker', - endMarker = 'sceditor-end-marker', - base = this; - - /** - * Inserts HTML into the current range replacing any selected - * text. - * - * If endHTML is specified the selected contents will be put between - * html and endHTML. If there is nothing selected html and endHTML are - * just concatenate together. - * - * @param {string} html - * @param {string} [endHTML] - * @return False on fail - * @function - * @name insertHTML - * @memberOf RangeHelper.prototype - */ - base.insertHTML = function (html, endHTML) { - var node, div, - range = base.selectedRange(); - - if (!range) { - return false; - } - - if (endHTML) { - html += base.selectedHtml() + endHTML; - } - - div = createElement('p', {}, doc); - node = doc.createDocumentFragment(); - div.innerHTML = sanitize(html); - - while (div.firstChild) { - appendChild(node, div.firstChild); - } - - base.insertNode(node); - }; - - /** - * Prepares HTML to be inserted by adding a zero width space - * if the last child is empty and adding the range start/end - * markers to the last child. - * - * @param {Node|string} node - * @param {Node|string} [endNode] - * @param {boolean} [returnHtml] - * @return {Node|string} - * @private - */ - _prepareInput = function (node, endNode, returnHtml) { - var lastChild, - frag = doc.createDocumentFragment(); - - if (typeof node === 'string') { - if (endNode) { - node += base.selectedHtml() + endNode; - } - - frag = parseHTML(node); - } else { - appendChild(frag, node); - - if (endNode) { - appendChild(frag, base.selectedRange().extractContents()); - appendChild(frag, endNode); - } - } - - if (!(lastChild = frag.lastChild)) { - return; - } - - while (!isInline(lastChild.lastChild, true)) { - lastChild = lastChild.lastChild; - } - - if (canHaveChildren(lastChild)) { - // Webkit won't allow the cursor to be placed inside an - // empty tag, so add a zero width space to it. - if (!lastChild.lastChild) { - appendChild(lastChild, document.createTextNode('\u200B')); - } - } else { - lastChild = frag; - } - - base.removeMarkers(); - - // Append marks to last child so when restored cursor will be in - // the right place - appendChild(lastChild, _createMarker(startMarker)); - appendChild(lastChild, _createMarker(endMarker)); - - if (returnHtml) { - var div = createElement('div'); - appendChild(div, frag); - - return div.innerHTML; - } - - return frag; - }; - - /** - * The same as insertHTML except with DOM nodes instead - * - * <strong>Warning:</strong> the nodes must belong to the - * document they are being inserted into. Some browsers - * will throw exceptions if they don't. - * - * Returns boolean false on fail - * - * @param {Node} node - * @param {Node} endNode - * @return {false|undefined} - * @function - * @name insertNode - * @memberOf RangeHelper.prototype - */ - base.insertNode = function (node, endNode) { - var first, last, - input = _prepareInput(node, endNode), - range = base.selectedRange(), - parent = range.commonAncestorContainer, - emptyNodes = []; - - if (!input) { - return false; - } - - function removeIfEmpty(node) { - // Only remove empty node if it wasn't already empty - if (node && isEmpty(node) && emptyNodes.indexOf(node) < 0) { - remove(node); - } - } - - if (range.startContainer !== range.endContainer) { - each(parent.childNodes, function (_, node) { - if (isEmpty(node)) { - emptyNodes.push(node); - } - }); - - first = input.firstChild; - last = input.lastChild; - } - - range.deleteContents(); - - // FF allows <br /> to be selected but inserting a node - // into <br /> will cause it not to be displayed so must - // insert before the <br /> in FF. - // 3 = TextNode - if (parent && parent.nodeType !== 3 && !canHaveChildren(parent)) { - insertBefore(input, parent); - } else { - range.insertNode(input); - - // If a node was split or its contents deleted, remove any resulting - // empty tags. For example: - // <p>|test</p><div>test|</div> - // When deleteContents could become: - // <p></p>|<div></div> - // So remove the empty ones - removeIfEmpty(first && first.previousSibling); - removeIfEmpty(last && last.nextSibling); - } - - base.restoreRange(); - }; - - /** - * Clones the selected Range - * - * @return {Range} - * @function - * @name cloneSelected - * @memberOf RangeHelper.prototype - */ - base.cloneSelected = function () { - var range = base.selectedRange(); - - if (range) { - return range.cloneRange(); - } - }; - - /** - * Gets the selected Range - * - * @return {Range} - * @function - * @name selectedRange - * @memberOf RangeHelper.prototype - */ - base.selectedRange = function () { - var range, firstChild, - sel = win.getSelection(); - - if (!sel) { - return; - } - - // When creating a new range, set the start to the first child - // element of the body element to avoid errors in FF. - if (sel.rangeCount <= 0) { - firstChild = doc.body; - while (firstChild.firstChild) { - firstChild = firstChild.firstChild; - } - - range = doc.createRange(); - // Must be setStartBefore otherwise it can cause infinite - // loops with lists in WebKit. See issue 442 - range.setStartBefore(firstChild); - - sel.addRange(range); - } - - if (sel.rangeCount > 0) { - range = sel.getRangeAt(0); - } - - return range; - }; - - /** - * Gets if there is currently a selection - * - * @return {boolean} - * @function - * @name hasSelection - * @since 1.4.4 - * @memberOf RangeHelper.prototype - */ - base.hasSelection = function () { - var sel = win.getSelection(); - - return sel && sel.rangeCount > 0; - }; - - /** - * Gets the currently selected HTML - * - * @return {string} - * @function - * @name selectedHtml - * @memberOf RangeHelper.prototype - */ - base.selectedHtml = function () { - var div, - range = base.selectedRange(); - - if (range) { - div = createElement('p', {}, doc); - appendChild(div, range.cloneContents()); - - return div.innerHTML; - } - - return ''; - }; - - /** - * Gets the parent node of the selected contents in the range - * - * @return {HTMLElement} - * @function - * @name parentNode - * @memberOf RangeHelper.prototype - */ - base.parentNode = function () { - var range = base.selectedRange(); - - if (range) { - return range.commonAncestorContainer; - } - }; - - /** - * Gets the first block level parent of the selected - * contents of the range. - * - * @return {HTMLElement} - * @function - * @name getFirstBlockParent - * @memberOf RangeHelper.prototype - */ - /** - * Gets the first block level parent of the selected - * contents of the range. - * - * @param {Node} [n] The element to get the first block level parent from - * @return {HTMLElement} - * @function - * @name getFirstBlockParent^2 - * @since 1.4.1 - * @memberOf RangeHelper.prototype - */ - base.getFirstBlockParent = function (node) { - var func = function (elm) { - if (!isInline(elm, true)) { - return elm; - } - - elm = elm ? elm.parentNode : null; - - return elm ? func(elm) : elm; - }; - - return func(node || base.parentNode()); - }; - - /** - * Inserts a node at either the start or end of the current selection - * - * @param {Bool} start - * @param {Node} node - * @function - * @name insertNodeAt - * @memberOf RangeHelper.prototype - */ - base.insertNodeAt = function (start, node) { - var currentRange = base.selectedRange(), - range = base.cloneSelected(); - - if (!range) { - return false; - } - - range.collapse(start); - range.insertNode(node); - - // Reselect the current range. - // Fixes issue with Chrome losing the selection. Issue#82 - base.selectRange(currentRange); - }; - - /** - * Creates a marker node - * - * @param {string} id - * @return {HTMLSpanElement} - * @private - */ - _createMarker = function (id) { - base.removeMarker(id); - - var marker = createElement('span', { - id: id, - className: 'sceditor-selection sceditor-ignore', - style: 'display:none;line-height:0' - }, doc); - - marker.innerHTML = ' '; - - return marker; - }; - - /** - * Inserts start/end markers for the current selection - * which can be used by restoreRange to re-select the - * range. - * - * @memberOf RangeHelper.prototype - * @function - * @name insertMarkers - */ - base.insertMarkers = function () { - var currentRange = base.selectedRange(); - var startNode = _createMarker(startMarker); - - base.removeMarkers(); - base.insertNodeAt(true, startNode); - - // Fixes issue with end marker sometimes being placed before - // the start marker when the range is collapsed. - if (currentRange && currentRange.collapsed) { - startNode.parentNode.insertBefore( - _createMarker(endMarker), startNode.nextSibling); - } else { - base.insertNodeAt(false, _createMarker(endMarker)); - } - }; - - /** - * Gets the marker with the specified ID - * - * @param {string} id - * @return {Node} - * @function - * @name getMarker - * @memberOf RangeHelper.prototype - */ - base.getMarker = function (id) { - return doc.getElementById(id); - }; - - /** - * Removes the marker with the specified ID - * - * @param {string} id - * @function - * @name removeMarker - * @memberOf RangeHelper.prototype - */ - base.removeMarker = function (id) { - var marker = base.getMarker(id); - - if (marker) { - remove(marker); - } - }; - - /** - * Removes the start/end markers - * - * @function - * @name removeMarkers - * @memberOf RangeHelper.prototype - */ - base.removeMarkers = function () { - base.removeMarker(startMarker); - base.removeMarker(endMarker); - }; - - /** - * Saves the current range location. Alias of insertMarkers() - * - * @function - * @name saveRage - * @memberOf RangeHelper.prototype - */ - base.saveRange = function () { - base.insertMarkers(); - }; - - /** - * Select the specified range - * - * @param {Range} range - * @function - * @name selectRange - * @memberOf RangeHelper.prototype - */ - base.selectRange = function (range) { - var lastChild; - var sel = win.getSelection(); - var container = range.endContainer; - - // Check if cursor is set after a BR when the BR is the only - // child of the parent. In Firefox this causes a line break - // to occur when something is typed. See issue #321 - if (range.collapsed && container && - !isInline(container, true)) { - - lastChild = container.lastChild; - while (lastChild && is(lastChild, '.sceditor-ignore')) { - lastChild = lastChild.previousSibling; - } - - if (is(lastChild, 'br')) { - var rng = doc.createRange(); - rng.setEndAfter(lastChild); - rng.collapse(false); - - if (base.compare(range, rng)) { - range.setStartBefore(lastChild); - range.collapse(true); - } - } - } - - if (sel) { - base.clear(); - sel.addRange(range); - } - }; - - /** - * Restores the last range saved by saveRange() or insertMarkers() - * - * @function - * @name restoreRange - * @memberOf RangeHelper.prototype - */ - base.restoreRange = function () { - var isCollapsed, - range = base.selectedRange(), - start = base.getMarker(startMarker), - end = base.getMarker(endMarker); - - if (!start || !end || !range) { - return false; - } - - isCollapsed = start.nextSibling === end; - - range = doc.createRange(); - range.setStartBefore(start); - range.setEndAfter(end); - - if (isCollapsed) { - range.collapse(true); - } - - base.selectRange(range); - base.removeMarkers(); - }; - - /** - * Selects the text left and right of the current selection - * - * @param {number} left - * @param {number} right - * @since 1.4.3 - * @function - * @name selectOuterText - * @memberOf RangeHelper.prototype - */ - base.selectOuterText = function (left, right) { - var start, end, - range = base.cloneSelected(); - - if (!range) { - return false; - } - - range.collapse(false); - - start = outerText(range, true, left); - end = outerText(range, false, right); - - range.setStart(start.node, start.offset); - range.setEnd(end.node, end.offset); - - base.selectRange(range); - }; - - /** - * Gets the text left or right of the current selection - * - * @param {boolean} before - * @param {number} length - * @return {string} - * @since 1.4.3 - * @function - * @name selectOuterText - * @memberOf RangeHelper.prototype - */ - base.getOuterText = function (before, length) { - var range = base.cloneSelected(); - - if (!range) { - return ''; - } - - range.collapse(!before); - - return outerText(range, before, length).text; - }; - - /** - * Replaces keywords with values based on the current caret position - * - * @param {Array} keywords - * @param {boolean} includeAfter If to include the text after the - * current caret position or just - * text before - * @param {boolean} keywordsSorted If the keywords array is pre - * sorted shortest to longest - * @param {number} longestKeyword Length of the longest keyword - * @param {boolean} requireWhitespace If the key must be surrounded - * by whitespace - * @param {string} keypressChar If this is being called from - * a keypress event, this should be - * set to the pressed character - * @return {boolean} - * @function - * @name replaceKeyword - * @memberOf RangeHelper.prototype - */ - // eslint-disable-next-line max-params - base.replaceKeyword = function ( - keywords, - includeAfter, - keywordsSorted, - longestKeyword, - requireWhitespace, - keypressChar - ) { - if (!keywordsSorted) { - keywords.sort(function (a, b) { - return a[0].length - b[0].length; - }); - } - - var outerText, match, matchPos, startIndex, - leftLen, charsLeft, keyword, keywordLen, - whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', - keywordIdx = keywords.length, - whitespaceLen = requireWhitespace ? 1 : 0, - maxKeyLen = longestKeyword || - keywords[keywordIdx - 1][0].length; - - if (requireWhitespace) { - maxKeyLen++; - } - - keypressChar = keypressChar || ''; - outerText = base.getOuterText(true, maxKeyLen); - leftLen = outerText.length; - outerText += keypressChar; - - if (includeAfter) { - outerText += base.getOuterText(false, maxKeyLen); - } - - while (keywordIdx--) { - keyword = keywords[keywordIdx][0]; - keywordLen = keyword.length; - startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); - matchPos = -1; - - if (requireWhitespace) { - match = outerText - .substr(startIndex) - .match(new RegExp(whitespaceRegex + - regex(keyword) + whitespaceRegex)); - - if (match) { - // Add the length of the text that was removed by - // substr() and also add 1 for the whitespace - matchPos = match.index + startIndex + match[1].length; - } - } else { - matchPos = outerText.indexOf(keyword, startIndex); - } - - if (matchPos > -1) { - // Make sure the match is between before and - // after, not just entirely in one side or the other - if (matchPos <= leftLen && - matchPos + keywordLen + whitespaceLen >= leftLen) { - charsLeft = leftLen - matchPos; - - // If the keypress char is white space then it should - // not be replaced, only chars that are part of the - // key should be replaced. - base.selectOuterText( - charsLeft, - keywordLen - charsLeft - - (/^\S/.test(keypressChar) ? 1 : 0) - ); - - base.insertHTML(keywords[keywordIdx][1]); - return true; - } - } - } - - return false; - }; - - /** - * Compares two ranges. - * - * If rangeB is undefined it will be set to - * the current selected range - * - * @param {Range} rngA - * @param {Range} [rngB] - * @return {boolean} - * @function - * @name compare - * @memberOf RangeHelper.prototype - */ - base.compare = function (rngA, rngB) { - if (!rngB) { - rngB = base.selectedRange(); - } - - if (!rngA || !rngB) { - return !rngA && !rngB; - } - - return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && - rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; - }; - - /** - * Removes any current selection - * - * @since 1.4.6 - * @function - * @name clear - * @memberOf RangeHelper.prototype - */ - base.clear = function () { - var sel = win.getSelection(); - - if (sel) { - if (sel.removeAllRanges) { - sel.removeAllRanges(); - } else if (sel.empty) { - sel.empty(); - } - } - }; - } - - var USER_AGENT = navigator.userAgent; - - /** - * Detects if the browser is iOS - * - * Needed to fix iOS specific bugs - * - * @function - * @name ios - * @memberOf jQuery.sceditor - * @type {boolean} - */ - var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); - - /** - * If the browser supports WYSIWYG editing (e.g. older mobile browsers). - * - * @function - * @name isWysiwygSupported - * @return {boolean} - */ - var isWysiwygSupported = (function () { - var match, isUnsupported; - - // IE is the only browser to support documentMode - var ie = !!window.document.documentMode; - var legacyEdge = '-ms-ime-align' in document.documentElement.style; - - var div = document.createElement('div'); - div.contentEditable = true; - - // Check if the contentEditable attribute is supported - if (!('contentEditable' in document.documentElement) || - div.contentEditable !== 'true') { - return false; - } - - // I think blackberry supports contentEditable or will at least - // give a valid value for the contentEditable detection above - // so it isn't included in the below tests. - - // I hate having to do UA sniffing but some mobile browsers say they - // support contentediable when it isn't usable, i.e. you can't enter - // text. - // This is the only way I can think of to detect them which is also how - // every other editor I've seen deals with this issue. - - // Exclude Opera mobile and mini - isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); - - if (/Android/i.test(USER_AGENT)) { - isUnsupported = true; - - if (/Safari/.test(USER_AGENT)) { - // Android browser 534+ supports content editable - // This also matches Chrome which supports content editable too - match = /Safari\/(\d+)/.exec(USER_AGENT); - isUnsupported = (!match || !match[1] ? true : match[1] < 534); - } - } - - // The current version of Amazon Silk supports it, older versions didn't - // As it uses webkit like Android, assume it's the same and started - // working at versions >= 534 - if (/ Silk\//i.test(USER_AGENT)) { - match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); - isUnsupported = (!match || !match[1] ? true : match[1] < 534); - } - - // iOS 5+ supports content editable - if (ios) { - // Block any version <= 4_x(_x) - isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); - } - - // Firefox does support WYSIWYG on mobiles so override - // any previous value if using FF - if (/Firefox/i.test(USER_AGENT)) { - isUnsupported = false; - } - - if (/OneBrowser/i.test(USER_AGENT)) { - isUnsupported = false; - } - - // UCBrowser works but doesn't give a unique user agent - if (navigator.vendor === 'UCWEB') { - isUnsupported = false; - } - - // IE and legacy edge are not supported any more - if (ie || legacyEdge) { - isUnsupported = true; - } - - return !isUnsupported; - }()); - - /** - * Checks all emoticons are surrounded by whitespace and - * replaces any that aren't with with their emoticon code. - * - * @param {HTMLElement} node - * @param {rangeHelper} rangeHelper - * @return {void} - */ - function checkWhitespace(node, rangeHelper) { - var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009]+/; - var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); - - if (!node || !emoticons.length) { - return; - } - - for (var i = 0; i < emoticons.length; i++) { - var emoticon = emoticons[i]; - var parent = emoticon.parentNode; - var prev = emoticon.previousSibling; - var next = emoticon.nextSibling; - - if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && - (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { - continue; - } - - var range = rangeHelper.cloneSelected(); - var rangeStart = -1; - var rangeStartContainer = range.startContainer; - var previousText = prev.nodeValue || ''; - - previousText += data(emoticon, 'sceditor-emoticon'); - - // If the cursor is after the removed emoticon, add - // the length of the newly added text to it - if (rangeStartContainer === next) { - rangeStart = previousText.length + range.startOffset; - } - - // If the cursor is set before the next node, set it to - // the end of the new text node - if (rangeStartContainer === node && - node.childNodes[range.startOffset] === next) { - rangeStart = previousText.length; - } - - // If the cursor is set before the removed emoticon, - // just keep it at that position - if (rangeStartContainer === prev) { - rangeStart = range.startOffset; - } - - if (!next || next.nodeType !== TEXT_NODE) { - next = parent.insertBefore( - parent.ownerDocument.createTextNode(''), next - ); - } - - next.insertData(0, previousText); - remove(prev); - remove(emoticon); - - // Need to update the range starting position if it's been modified - if (rangeStart > -1) { - range.setStart(next, rangeStart); - range.collapse(true); - rangeHelper.selectRange(range); - } - } - } - /** - * Replaces any emoticons inside the root node with images. - * - * emoticons should be an object where the key is the emoticon - * code and the value is the HTML to replace it with. - * - * @param {HTMLElement} root - * @param {Object<string, string>} emoticons - * @param {boolean} emoticonsCompat - * @return {void} - */ - function replace(root, emoticons, emoticonsCompat) { - var doc = root.ownerDocument; - var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; - var emoticonCodes = []; - var emoticonRegex = {}; - - // TODO: Make this tag configurable. - if (parent(root, 'code')) { - return; - } - - each(emoticons, function (key) { - emoticonRegex[key] = new RegExp(space + regex(key) + space); - emoticonCodes.push(key); - }); - - // Sort keys longest to shortest so that longer keys - // take precedence (avoids bugs with shorter keys partially - // matching longer ones) - emoticonCodes.sort(function (a, b) { - return b.length - a.length; - }); - - (function convert(node) { - node = node.firstChild; - - while (node) { - // TODO: Make this tag configurable. - if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { - convert(node); - } - - if (node.nodeType === TEXT_NODE) { - for (var i = 0; i < emoticonCodes.length; i++) { - var text = node.nodeValue; - var key = emoticonCodes[i]; - var index = emoticonsCompat ? - text.search(emoticonRegex[key]) : - text.indexOf(key); - - if (index > -1) { - // When emoticonsCompat is enabled this will be the - // position after any white space - var startIndex = text.indexOf(key, index); - var fragment = parseHTML(emoticons[key], doc); - var after = text.substr(startIndex + key.length); - - fragment.appendChild(doc.createTextNode(after)); - - node.nodeValue = text.substr(0, startIndex); - node.parentNode - .insertBefore(fragment, node.nextSibling); - } - } - } - - node = node.nextSibling; - } - }(root)); - } - - /*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.2.2/LICENSE */ - - function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - - var hasOwnProperty = Object.hasOwnProperty, - setPrototypeOf = Object.setPrototypeOf, - isFrozen = Object.isFrozen, - getPrototypeOf = Object.getPrototypeOf, - getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; - var freeze = Object.freeze, - seal = Object.seal, - create = Object.create; // eslint-disable-line import/no-mutable-exports - - var _ref = typeof Reflect !== 'undefined' && Reflect, - apply = _ref.apply, - construct = _ref.construct; - - if (!apply) { - apply = function apply(fun, thisValue, args) { - return fun.apply(thisValue, args); - }; - } - - if (!freeze) { - freeze = function freeze(x) { - return x; - }; - } - - if (!seal) { - seal = function seal(x) { - return x; - }; - } - - if (!construct) { - construct = function construct(Func, args) { - return new (Function.prototype.bind.apply(Func, [null].concat(_toConsumableArray(args))))(); - }; - } - - var arrayForEach = unapply(Array.prototype.forEach); - var arrayPop = unapply(Array.prototype.pop); - var arrayPush = unapply(Array.prototype.push); - - var stringToLowerCase = unapply(String.prototype.toLowerCase); - var stringMatch = unapply(String.prototype.match); - var stringReplace = unapply(String.prototype.replace); - var stringIndexOf = unapply(String.prototype.indexOf); - var stringTrim = unapply(String.prototype.trim); - - var regExpTest = unapply(RegExp.prototype.test); - - var typeErrorCreate = unconstruct(TypeError); - - function unapply(func) { - return function (thisArg) { - for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { - args[_key - 1] = arguments[_key]; - } - - return apply(func, thisArg, args); - }; - } - - function unconstruct(func) { - return function () { - for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { - args[_key2] = arguments[_key2]; - } - - return construct(func, args); - }; - } - - /* Add properties to a lookup table */ - function addToSet(set, array) { - if (setPrototypeOf) { - // Make 'in' and truthy checks like Boolean(set.constructor) - // independent of any properties defined on Object.prototype. - // Prevent prototype setters from intercepting set as a this value. - setPrototypeOf(set, null); - } - - var l = array.length; - while (l--) { - var element = array[l]; - if (typeof element === 'string') { - var lcElement = stringToLowerCase(element); - if (lcElement !== element) { - // Config presets (e.g. tags.js, attrs.js) are immutable. - if (!isFrozen(array)) { - array[l] = lcElement; - } - - element = lcElement; - } - } - - set[element] = true; - } - - return set; - } - - /* Shallow clone an object */ - function clone(object) { - var newObject = create(null); - - var property = void 0; - for (property in object) { - if (apply(hasOwnProperty, object, [property])) { - newObject[property] = object[property]; - } - } - - return newObject; - } - - /* IE10 doesn't support __lookupGetter__ so lets' - * simulate it. It also automatically checks - * if the prop is function or getter and behaves - * accordingly. */ - function lookupGetter(object, prop) { - while (object !== null) { - var desc = getOwnPropertyDescriptor(object, prop); - if (desc) { - if (desc.get) { - return unapply(desc.get); - } - - if (typeof desc.value === 'function') { - return unapply(desc.value); - } - } - - object = getPrototypeOf(object); - } - - return null; - } - - var html = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); - - // SVG - var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']); - - var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); - - // List of SVG elements that are disallowed by default. - // We still need to know them so that we can do namespace - // checks properly in case one wants to add them to - // allow-list. - var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'feimage', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']); - - var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']); - - // Similarly to SVG, we want to know all MathML elements, - // even those that we disallow by default. - var mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']); - - var text = freeze(['#text']); - - var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns']); - - var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']); - - var mathMl$1 = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']); - - var xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']); - - // eslint-disable-next-line unicorn/better-regex - var MUSTACHE_EXPR = seal(/\{\{[\s\S]*|[\s\S]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode - var ERB_EXPR = seal(/<%[\s\S]*|[\s\S]*%>/gm); - var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape - var ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape - var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape - ); - var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i); - var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex - ); - - var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; - - function _toConsumableArray$1(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } - - var getGlobal = function getGlobal() { - return typeof window === 'undefined' ? null : window; - }; - - /** - * Creates a no-op policy for internal use only. - * Don't export this function outside this module! - * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory. - * @param {Document} document The document object (to determine policy name suffix) - * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types - * are not supported). - */ - var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) { - if ((typeof trustedTypes === 'undefined' ? 'undefined' : _typeof(trustedTypes)) !== 'object' || typeof trustedTypes.createPolicy !== 'function') { - return null; - } - - // Allow the callers to control the unique policy name - // by adding a data-tt-policy-suffix to the script element with the DOMPurify. - // Policy creation with duplicate names throws in Trusted Types. - var suffix = null; - var ATTR_NAME = 'data-tt-policy-suffix'; - if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) { - suffix = document.currentScript.getAttribute(ATTR_NAME); - } - - var policyName = 'dompurify' + (suffix ? '#' + suffix : ''); - - try { - return trustedTypes.createPolicy(policyName, { - createHTML: function createHTML(html$$1) { - return html$$1; - } - }); - } catch (_) { - // Policy creation failed (most likely another DOMPurify script has - // already run). Skip creating the policy, as this will only cause errors - // if TT are enforced. - console.warn('TrustedTypes policy ' + policyName + ' could not be created.'); - return null; - } - }; - - function createDOMPurify() { - var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal(); - - var DOMPurify = function DOMPurify(root) { - return createDOMPurify(root); - }; - - /** - * Version label, exposed for easier checks - * if DOMPurify is up to date or not - */ - DOMPurify.version = '2.2.6'; - - /** - * Array of elements that DOMPurify removed during sanitation. - * Empty if nothing was removed. - */ - DOMPurify.removed = []; - - if (!window || !window.document || window.document.nodeType !== 9) { - // Not running in a browser, provide a factory function - // so that you can pass your own Window - DOMPurify.isSupported = false; - - return DOMPurify; - } - - var originalDocument = window.document; - - var document = window.document; - var DocumentFragment = window.DocumentFragment, - HTMLTemplateElement = window.HTMLTemplateElement, - Node = window.Node, - Element = window.Element, - NodeFilter = window.NodeFilter, - _window$NamedNodeMap = window.NamedNodeMap, - NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap, - Text = window.Text, - Comment = window.Comment, - DOMParser = window.DOMParser, - trustedTypes = window.trustedTypes; - - - var ElementPrototype = Element.prototype; - - var cloneNode = lookupGetter(ElementPrototype, 'cloneNode'); - var getNextSibling = lookupGetter(ElementPrototype, 'nextSibling'); - var getChildNodes = lookupGetter(ElementPrototype, 'childNodes'); - var getParentNode = lookupGetter(ElementPrototype, 'parentNode'); - - // As per issue #47, the web-components registry is inherited by a - // new document created via createHTMLDocument. As per the spec - // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries) - // a new empty registry is used when creating a template contents owner - // document, so we use that as our parent document to ensure nothing - // is inherited. - if (typeof HTMLTemplateElement === 'function') { - var template = document.createElement('template'); - if (template.content && template.content.ownerDocument) { - document = template.content.ownerDocument; - } - } - - var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument); - var emptyHTML = trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML('') : ''; - - var _document = document, - implementation = _document.implementation, - createNodeIterator = _document.createNodeIterator, - getElementsByTagName = _document.getElementsByTagName, - createDocumentFragment = _document.createDocumentFragment; - var importNode = originalDocument.importNode; - - - var documentMode = {}; - try { - documentMode = clone(document).documentMode ? document.documentMode : {}; - } catch (_) {} - - var hooks = {}; - - /** - * Expose whether this browser supports running the full DOMPurify. - */ - DOMPurify.isSupported = implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9; - - var MUSTACHE_EXPR$$1 = MUSTACHE_EXPR, - ERB_EXPR$$1 = ERB_EXPR, - DATA_ATTR$$1 = DATA_ATTR, - ARIA_ATTR$$1 = ARIA_ATTR, - IS_SCRIPT_OR_DATA$$1 = IS_SCRIPT_OR_DATA, - ATTR_WHITESPACE$$1 = ATTR_WHITESPACE; - var IS_ALLOWED_URI$$1 = IS_ALLOWED_URI; - - /** - * We consider the elements and attributes below to be safe. Ideally - * don't add any new ones but feel free to remove unwanted ones. - */ - - /* allowed element names */ - - var ALLOWED_TAGS = null; - var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(html), _toConsumableArray$1(svg), _toConsumableArray$1(svgFilters), _toConsumableArray$1(mathMl), _toConsumableArray$1(text))); - - /* Allowed attribute names */ - var ALLOWED_ATTR = null; - var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml))); - - /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */ - var FORBID_TAGS = null; - - /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */ - var FORBID_ATTR = null; - - /* Decide if ARIA attributes are okay */ - var ALLOW_ARIA_ATTR = true; - - /* Decide if custom data attributes are okay */ - var ALLOW_DATA_ATTR = true; - - /* Decide if unknown protocols are okay */ - var ALLOW_UNKNOWN_PROTOCOLS = false; - - /* Output should be safe for common template engines. - * This means, DOMPurify removes data attributes, mustaches and ERB - */ - var SAFE_FOR_TEMPLATES = false; - - /* Decide if document with <html>... should be returned */ - var WHOLE_DOCUMENT = false; - - /* Track whether config is already set on this instance of DOMPurify. */ - var SET_CONFIG = false; - - /* Decide if all elements (e.g. style, script) must be children of - * document.body. By default, browsers might move them to document.head */ - var FORCE_BODY = false; - - /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html - * string (or a TrustedHTML object if Trusted Types are supported). - * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead - */ - var RETURN_DOM = false; - - /* Decide if a DOM `DocumentFragment` should be returned, instead of a html - * string (or a TrustedHTML object if Trusted Types are supported) */ - var RETURN_DOM_FRAGMENT = false; - - /* If `RETURN_DOM` or `RETURN_DOM_FRAGMENT` is enabled, decide if the returned DOM - * `Node` is imported into the current `Document`. If this flag is not enabled the - * `Node` will belong (its ownerDocument) to a fresh `HTMLDocument`, created by - * DOMPurify. - * - * This defaults to `true` starting DOMPurify 2.2.0. Note that setting it to `false` - * might cause XSS from attacks hidden in closed shadowroots in case the browser - * supports Declarative Shadow: DOM https://web.dev/declarative-shadow-dom/ - */ - var RETURN_DOM_IMPORT = true; - - /* Try to return a Trusted Type object instead of a string, return a string in - * case Trusted Types are not supported */ - var RETURN_TRUSTED_TYPE = false; - - /* Output should be free from DOM clobbering attacks? */ - var SANITIZE_DOM = true; - - /* Keep element content when removing element? */ - var KEEP_CONTENT = true; - - /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead - * of importing it into a new Document and returning a sanitized copy */ - var IN_PLACE = false; - - /* Allow usage of profiles like html, svg and mathMl */ - var USE_PROFILES = {}; - - /* Tags to ignore content of when KEEP_CONTENT is true */ - var FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']); - - /* Tags that are safe for data: URIs */ - var DATA_URI_TAGS = null; - var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']); - - /* Attributes safe for values like "javascript:" */ - var URI_SAFE_ATTRIBUTES = null; - var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'summary', 'title', 'value', 'style', 'xmlns']); - - /* Keep a reference to config to pass to hooks */ - var CONFIG = null; - - /* Ideally, do not touch anything below this line */ - /* ______________________________________________ */ - - var formElement = document.createElement('form'); - - /** - * _parseConfig - * - * @param {Object} cfg optional config literal - */ - // eslint-disable-next-line complexity - var _parseConfig = function _parseConfig(cfg) { - if (CONFIG && CONFIG === cfg) { - return; - } - - /* Shield configuration object from tampering */ - if (!cfg || (typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) !== 'object') { - cfg = {}; - } - - /* Shield configuration object from prototype pollution */ - cfg = clone(cfg); - - /* Set configuration parameters */ - ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS) : DEFAULT_ALLOWED_TAGS; - ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR; - URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES; - DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS; - FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {}; - FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {}; - USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false; - ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true - ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true - ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false - SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false - WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false - RETURN_DOM = cfg.RETURN_DOM || false; // Default false - RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false - RETURN_DOM_IMPORT = cfg.RETURN_DOM_IMPORT !== false; // Default true - RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false - FORCE_BODY = cfg.FORCE_BODY || false; // Default false - SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true - KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true - IN_PLACE = cfg.IN_PLACE || false; // Default false - IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1; - if (SAFE_FOR_TEMPLATES) { - ALLOW_DATA_ATTR = false; - } - - if (RETURN_DOM_FRAGMENT) { - RETURN_DOM = true; - } - - /* Parse profile info */ - if (USE_PROFILES) { - ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(text))); - ALLOWED_ATTR = []; - if (USE_PROFILES.html === true) { - addToSet(ALLOWED_TAGS, html); - addToSet(ALLOWED_ATTR, html$1); - } - - if (USE_PROFILES.svg === true) { - addToSet(ALLOWED_TAGS, svg); - addToSet(ALLOWED_ATTR, svg$1); - addToSet(ALLOWED_ATTR, xml); - } - - if (USE_PROFILES.svgFilters === true) { - addToSet(ALLOWED_TAGS, svgFilters); - addToSet(ALLOWED_ATTR, svg$1); - addToSet(ALLOWED_ATTR, xml); - } - - if (USE_PROFILES.mathMl === true) { - addToSet(ALLOWED_TAGS, mathMl); - addToSet(ALLOWED_ATTR, mathMl$1); - addToSet(ALLOWED_ATTR, xml); - } - } - - /* Merge configuration parameters */ - if (cfg.ADD_TAGS) { - if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) { - ALLOWED_TAGS = clone(ALLOWED_TAGS); - } - - addToSet(ALLOWED_TAGS, cfg.ADD_TAGS); - } - - if (cfg.ADD_ATTR) { - if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) { - ALLOWED_ATTR = clone(ALLOWED_ATTR); - } - - addToSet(ALLOWED_ATTR, cfg.ADD_ATTR); - } - - if (cfg.ADD_URI_SAFE_ATTR) { - addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR); - } - - /* Add #text in case KEEP_CONTENT is set to true */ - if (KEEP_CONTENT) { - ALLOWED_TAGS['#text'] = true; - } - - /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */ - if (WHOLE_DOCUMENT) { - addToSet(ALLOWED_TAGS, ['html', 'head', 'body']); - } - - /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */ - if (ALLOWED_TAGS.table) { - addToSet(ALLOWED_TAGS, ['tbody']); - delete FORBID_TAGS.tbody; - } - - // Prevent further manipulation of configuration. - // Not available in IE8, Safari 5, etc. - if (freeze) { - freeze(cfg); - } - - CONFIG = cfg; - }; - - var MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']); - - var HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); - - /* Keep track of all possible SVG and MathML tags - * so that we can perform the namespace checks - * correctly. */ - var ALL_SVG_TAGS = addToSet({}, svg); - addToSet(ALL_SVG_TAGS, svgFilters); - addToSet(ALL_SVG_TAGS, svgDisallowed); - - var ALL_MATHML_TAGS = addToSet({}, mathMl); - addToSet(ALL_MATHML_TAGS, mathMlDisallowed); - - var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML'; - var SVG_NAMESPACE = 'http://www.w3.org/2000/svg'; - var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml'; - - /** - * - * - * @param {Element} element a DOM element whose namespace is being checked - * @returns {boolean} Return false if the element has a - * namespace that a spec-compliant parser would never - * return. Return true otherwise. - */ - var _checkValidNamespace = function _checkValidNamespace(element) { - var parent = getParentNode(element); - - // In JSDOM, if we're inside shadow DOM, then parentNode - // can be null. We just simulate parent in this case. - if (!parent || !parent.tagName) { - parent = { - namespaceURI: HTML_NAMESPACE, - tagName: 'template' - }; - } - - var tagName = stringToLowerCase(element.tagName); - var parentTagName = stringToLowerCase(parent.tagName); - - if (element.namespaceURI === SVG_NAMESPACE) { - // The only way to switch from HTML namespace to SVG - // is via <svg>. If it happens via any other tag, then - // it should be killed. - if (parent.namespaceURI === HTML_NAMESPACE) { - return tagName === 'svg'; - } - - // The only way to switch from MathML to SVG is via - // svg if parent is either <annotation-xml> or MathML - // text integration points. - if (parent.namespaceURI === MATHML_NAMESPACE) { - return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]); - } - - // We only allow elements that are defined in SVG - // spec. All others are disallowed in SVG namespace. - return Boolean(ALL_SVG_TAGS[tagName]); - } - - if (element.namespaceURI === MATHML_NAMESPACE) { - // The only way to switch from HTML namespace to MathML - // is via <math>. If it happens via any other tag, then - // it should be killed. - if (parent.namespaceURI === HTML_NAMESPACE) { - return tagName === 'math'; - } - - // The only way to switch from SVG to MathML is via - // <math> and HTML integration points - if (parent.namespaceURI === SVG_NAMESPACE) { - return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName]; - } - - // We only allow elements that are defined in MathML - // spec. All others are disallowed in MathML namespace. - return Boolean(ALL_MATHML_TAGS[tagName]); - } - - if (element.namespaceURI === HTML_NAMESPACE) { - // The only way to switch from SVG to HTML is via - // HTML integration points, and from MathML to HTML - // is via MathML text integration points - if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) { - return false; - } - - if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) { - return false; - } - - // Certain elements are allowed in both SVG and HTML - // namespace. We need to specify them explicitly - // so that they don't get erronously deleted from - // HTML namespace. - var commonSvgAndHTMLElements = addToSet({}, ['title', 'style', 'font', 'a', 'script']); - - // We disallow tags that are specific for MathML - // or SVG and should never appear in HTML namespace - return !ALL_MATHML_TAGS[tagName] && (commonSvgAndHTMLElements[tagName] || !ALL_SVG_TAGS[tagName]); - } - - // The code should never reach this place (this means - // that the element somehow got namespace that is not - // HTML, SVG or MathML). Return false just in case. - return false; - }; - - /** - * _forceRemove - * - * @param {Node} node a DOM node - */ - var _forceRemove = function _forceRemove(node) { - arrayPush(DOMPurify.removed, { element: node }); - try { - node.parentNode.removeChild(node); - } catch (_) { - try { - node.outerHTML = emptyHTML; - } catch (_) { - node.remove(); - } - } - }; - - /** - * _removeAttribute - * - * @param {String} name an Attribute name - * @param {Node} node a DOM node - */ - var _removeAttribute = function _removeAttribute(name, node) { - try { - arrayPush(DOMPurify.removed, { - attribute: node.getAttributeNode(name), - from: node - }); - } catch (_) { - arrayPush(DOMPurify.removed, { - attribute: null, - from: node - }); - } - - node.removeAttribute(name); - }; - - /** - * _initDocument - * - * @param {String} dirty a string of dirty markup - * @return {Document} a DOM, filled with the dirty markup - */ - var _initDocument = function _initDocument(dirty) { - /* Create a HTML document */ - var doc = void 0; - var leadingWhitespace = void 0; - - if (FORCE_BODY) { - dirty = '<remove></remove>' + dirty; - } else { - /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */ - var matches = stringMatch(dirty, /^[\r\n\t ]+/); - leadingWhitespace = matches && matches[0]; - } - - var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty; - /* Use the DOMParser API by default, fallback later if needs be */ - try { - doc = new DOMParser().parseFromString(dirtyPayload, 'text/html'); - } catch (_) {} - - /* Use createHTMLDocument in case DOMParser is not available */ - if (!doc || !doc.documentElement) { - doc = implementation.createHTMLDocument(''); - var _doc = doc, - body = _doc.body; - - body.parentNode.removeChild(body.parentNode.firstElementChild); - body.outerHTML = dirtyPayload; - } - - if (dirty && leadingWhitespace) { - doc.body.insertBefore(document.createTextNode(leadingWhitespace), doc.body.childNodes[0] || null); - } - - /* Work on whole document or just its body */ - return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0]; - }; - - /** - * _createIterator - * - * @param {Document} root document/fragment to create iterator for - * @return {Iterator} iterator instance - */ - var _createIterator = function _createIterator(root) { - return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, function () { - return NodeFilter.FILTER_ACCEPT; - }, false); - }; - - /** - * _isClobbered - * - * @param {Node} elm element to check for clobbering attacks - * @return {Boolean} true if clobbered, false if safe - */ - var _isClobbered = function _isClobbered(elm) { - if (elm instanceof Text || elm instanceof Comment) { - return false; - } - - if (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function') { - return true; - } - - return false; - }; - - /** - * _isNode - * - * @param {Node} obj object to check whether it's a DOM node - * @return {Boolean} true is object is a DOM node - */ - var _isNode = function _isNode(object) { - return (typeof Node === 'undefined' ? 'undefined' : _typeof(Node)) === 'object' ? object instanceof Node : object && (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'; - }; - - /** - * _executeHook - * Execute user configurable hooks - * - * @param {String} entryPoint Name of the hook's entry point - * @param {Node} currentNode node to work on with the hook - * @param {Object} data additional hook parameters - */ - var _executeHook = function _executeHook(entryPoint, currentNode, data) { - if (!hooks[entryPoint]) { - return; - } - - arrayForEach(hooks[entryPoint], function (hook) { - hook.call(DOMPurify, currentNode, data, CONFIG); - }); - }; - - /** - * _sanitizeElements - * - * @protect nodeName - * @protect textContent - * @protect removeChild - * - * @param {Node} currentNode to check for permission to exist - * @return {Boolean} true if node was killed, false if left alive - */ - var _sanitizeElements = function _sanitizeElements(currentNode) { - var content = void 0; - - /* Execute a hook if present */ - _executeHook('beforeSanitizeElements', currentNode, null); - - /* Check if element is clobbered or can clobber */ - if (_isClobbered(currentNode)) { - _forceRemove(currentNode); - return true; - } - - /* Check if tagname contains Unicode */ - if (stringMatch(currentNode.nodeName, /[\u0080-\uFFFF]/)) { - _forceRemove(currentNode); - return true; - } - - /* Now let's check the element's type and name */ - var tagName = stringToLowerCase(currentNode.nodeName); - - /* Execute a hook if present */ - _executeHook('uponSanitizeElement', currentNode, { - tagName: tagName, - allowedTags: ALLOWED_TAGS - }); - - /* Detect mXSS attempts abusing namespace confusion */ - if (!_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) { - _forceRemove(currentNode); - return true; - } - - /* Remove element if anything forbids its presence */ - if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) { - /* Keep content except for bad-listed elements */ - if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) { - var parentNode = getParentNode(currentNode); - var childNodes = getChildNodes(currentNode); - var childCount = childNodes.length; - for (var i = childCount - 1; i >= 0; --i) { - parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode)); - } - } - - _forceRemove(currentNode); - return true; - } - - /* Check whether element has a valid namespace */ - if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) { - _forceRemove(currentNode); - return true; - } - - if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) { - _forceRemove(currentNode); - return true; - } - - /* Sanitize element content to be template-safe */ - if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) { - /* Get the element's text content */ - content = currentNode.textContent; - content = stringReplace(content, MUSTACHE_EXPR$$1, ' '); - content = stringReplace(content, ERB_EXPR$$1, ' '); - if (currentNode.textContent !== content) { - arrayPush(DOMPurify.removed, { element: currentNode.cloneNode() }); - currentNode.textContent = content; - } - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeElements', currentNode, null); - - return false; - }; - - /** - * _isValidAttribute - * - * @param {string} lcTag Lowercase tag name of containing element. - * @param {string} lcName Lowercase attribute name. - * @param {string} value Attribute value. - * @return {Boolean} Returns true if `value` is valid, otherwise false. - */ - // eslint-disable-next-line complexity - var _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) { - /* Make sure attribute cannot clobber */ - if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) { - return false; - } - - /* Allow valid data-* attributes: At least one character after "-" - (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes) - XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804) - We don't need to check the value; it's always URI safe. */ - if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) { - return false; - - /* Check value is safe. First, is attr inert? If so, is safe */ - } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else { - return false; - } - - return true; - }; - - /** - * _sanitizeAttributes - * - * @protect attributes - * @protect nodeName - * @protect removeAttribute - * @protect setAttribute - * - * @param {Node} currentNode to sanitize - */ - var _sanitizeAttributes = function _sanitizeAttributes(currentNode) { - var attr = void 0; - var value = void 0; - var lcName = void 0; - var l = void 0; - /* Execute a hook if present */ - _executeHook('beforeSanitizeAttributes', currentNode, null); - - var attributes = currentNode.attributes; - - /* Check if we have attributes; if not we might have a text node */ - - if (!attributes) { - return; - } - - var hookEvent = { - attrName: '', - attrValue: '', - keepAttr: true, - allowedAttributes: ALLOWED_ATTR - }; - l = attributes.length; - - /* Go backwards over all attributes; safely remove bad ones */ - while (l--) { - attr = attributes[l]; - var _attr = attr, - name = _attr.name, - namespaceURI = _attr.namespaceURI; - - value = stringTrim(attr.value); - lcName = stringToLowerCase(name); - - /* Execute a hook if present */ - hookEvent.attrName = lcName; - hookEvent.attrValue = value; - hookEvent.keepAttr = true; - hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set - _executeHook('uponSanitizeAttribute', currentNode, hookEvent); - value = hookEvent.attrValue; - /* Did the hooks approve of the attribute? */ - if (hookEvent.forceKeepAttr) { - continue; - } - - /* Remove attribute */ - _removeAttribute(name, currentNode); - - /* Did the hooks approve of the attribute? */ - if (!hookEvent.keepAttr) { - continue; - } - - /* Work around a security issue in jQuery 3.0 */ - if (regExpTest(/\/>/i, value)) { - _removeAttribute(name, currentNode); - continue; - } - - /* Sanitize attribute content to be template-safe */ - if (SAFE_FOR_TEMPLATES) { - value = stringReplace(value, MUSTACHE_EXPR$$1, ' '); - value = stringReplace(value, ERB_EXPR$$1, ' '); - } - - /* Is `value` valid for this attribute? */ - var lcTag = currentNode.nodeName.toLowerCase(); - if (!_isValidAttribute(lcTag, lcName, value)) { - continue; - } - - /* Handle invalid data-* attribute set by try-catching it */ - try { - if (namespaceURI) { - currentNode.setAttributeNS(namespaceURI, name, value); - } else { - /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */ - currentNode.setAttribute(name, value); - } - - arrayPop(DOMPurify.removed); - } catch (_) {} - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeAttributes', currentNode, null); - }; - - /** - * _sanitizeShadowDOM - * - * @param {DocumentFragment} fragment to iterate over recursively - */ - var _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) { - var shadowNode = void 0; - var shadowIterator = _createIterator(fragment); - - /* Execute a hook if present */ - _executeHook('beforeSanitizeShadowDOM', fragment, null); - - while (shadowNode = shadowIterator.nextNode()) { - /* Execute a hook if present */ - _executeHook('uponSanitizeShadowNode', shadowNode, null); - - /* Sanitize tags and elements */ - if (_sanitizeElements(shadowNode)) { - continue; - } - - /* Deep shadow DOM detected */ - if (shadowNode.content instanceof DocumentFragment) { - _sanitizeShadowDOM(shadowNode.content); - } - - /* Check attributes, sanitize if necessary */ - _sanitizeAttributes(shadowNode); - } - - /* Execute a hook if present */ - _executeHook('afterSanitizeShadowDOM', fragment, null); - }; - - /** - * Sanitize - * Public method providing core sanitation functionality - * - * @param {String|Node} dirty string or DOM node - * @param {Object} configuration object - */ - // eslint-disable-next-line complexity - DOMPurify.sanitize = function (dirty, cfg) { - var body = void 0; - var importedNode = void 0; - var currentNode = void 0; - var oldNode = void 0; - var returnNode = void 0; - /* Make sure we have a string to sanitize. - DO NOT return early, as this will return the wrong type if - the user has requested a DOM object rather than a string */ - if (!dirty) { - dirty = '<!-->'; - } - - /* Stringify, in case dirty is an object */ - if (typeof dirty !== 'string' && !_isNode(dirty)) { - // eslint-disable-next-line no-negated-condition - if (typeof dirty.toString !== 'function') { - throw typeErrorCreate('toString is not a function'); - } else { - dirty = dirty.toString(); - if (typeof dirty !== 'string') { - throw typeErrorCreate('dirty is not a string, aborting'); - } - } - } - - /* Check we can run. Otherwise fall back or ignore */ - if (!DOMPurify.isSupported) { - if (_typeof(window.toStaticHTML) === 'object' || typeof window.toStaticHTML === 'function') { - if (typeof dirty === 'string') { - return window.toStaticHTML(dirty); - } - - if (_isNode(dirty)) { - return window.toStaticHTML(dirty.outerHTML); - } - } - - return dirty; - } - - /* Assign config vars */ - if (!SET_CONFIG) { - _parseConfig(cfg); - } - - /* Clean up removed elements */ - DOMPurify.removed = []; - - /* Check if dirty is correctly typed for IN_PLACE */ - if (typeof dirty === 'string') { - IN_PLACE = false; - } - - if (IN_PLACE) ; else if (dirty instanceof Node) { - /* If dirty is a DOM element, append to an empty document to avoid - elements being stripped by the parser */ - body = _initDocument('<!---->'); - importedNode = body.ownerDocument.importNode(dirty, true); - if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') { - /* Node is already a body, use as is */ - body = importedNode; - } else if (importedNode.nodeName === 'HTML') { - body = importedNode; - } else { - // eslint-disable-next-line unicorn/prefer-node-append - body.appendChild(importedNode); - } - } else { - /* Exit directly if we have nothing to do */ - if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && - // eslint-disable-next-line unicorn/prefer-includes - dirty.indexOf('<') === -1) { - return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty; - } - - /* Initialize the document to work on */ - body = _initDocument(dirty); - - /* Check we have a DOM node from the data */ - if (!body) { - return RETURN_DOM ? null : emptyHTML; - } - } - - /* Remove first element node (ours) if FORCE_BODY is set */ - if (body && FORCE_BODY) { - _forceRemove(body.firstChild); - } - - /* Get node iterator */ - var nodeIterator = _createIterator(IN_PLACE ? dirty : body); - - /* Now start iterating over the created document */ - while (currentNode = nodeIterator.nextNode()) { - /* Fix IE's strange behavior with manipulated textNodes #89 */ - if (currentNode.nodeType === 3 && currentNode === oldNode) { - continue; - } - - /* Sanitize tags and elements */ - if (_sanitizeElements(currentNode)) { - continue; - } - - /* Shadow DOM detected, sanitize it */ - if (currentNode.content instanceof DocumentFragment) { - _sanitizeShadowDOM(currentNode.content); - } - - /* Check attributes, sanitize if necessary */ - _sanitizeAttributes(currentNode); - - oldNode = currentNode; - } - - oldNode = null; - - /* If we sanitized `dirty` in-place, return it. */ - if (IN_PLACE) { - return dirty; - } - - /* Return sanitized string or DOM */ - if (RETURN_DOM) { - if (RETURN_DOM_FRAGMENT) { - returnNode = createDocumentFragment.call(body.ownerDocument); - - while (body.firstChild) { - // eslint-disable-next-line unicorn/prefer-node-append - returnNode.appendChild(body.firstChild); - } - } else { - returnNode = body; - } - - if (RETURN_DOM_IMPORT) { - /* - AdoptNode() is not used because internal state is not reset - (e.g. the past names map of a HTMLFormElement), this is safe - in theory but we would rather not risk another attack vector. - The state that is cloned by importNode() is explicitly defined - by the specs. - */ - returnNode = importNode.call(originalDocument, returnNode, true); - } - - return returnNode; - } - - var serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML; - - /* Sanitize final string template-safe */ - if (SAFE_FOR_TEMPLATES) { - serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR$$1, ' '); - serializedHTML = stringReplace(serializedHTML, ERB_EXPR$$1, ' '); - } - - return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML; - }; - - /** - * Public method to set the configuration once - * setConfig - * - * @param {Object} cfg configuration object - */ - DOMPurify.setConfig = function (cfg) { - _parseConfig(cfg); - SET_CONFIG = true; - }; - - /** - * Public method to remove the configuration - * clearConfig - * - */ - DOMPurify.clearConfig = function () { - CONFIG = null; - SET_CONFIG = false; - }; - - /** - * Public method to check if an attribute value is valid. - * Uses last set config, if any. Otherwise, uses config defaults. - * isValidAttribute - * - * @param {string} tag Tag name of containing element. - * @param {string} attr Attribute name. - * @param {string} value Attribute value. - * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false. - */ - DOMPurify.isValidAttribute = function (tag, attr, value) { - /* Initialize shared config vars if necessary. */ - if (!CONFIG) { - _parseConfig({}); - } - - var lcTag = stringToLowerCase(tag); - var lcName = stringToLowerCase(attr); - return _isValidAttribute(lcTag, lcName, value); - }; - - /** - * AddHook - * Public method to add DOMPurify hooks - * - * @param {String} entryPoint entry point for the hook to add - * @param {Function} hookFunction function to execute - */ - DOMPurify.addHook = function (entryPoint, hookFunction) { - if (typeof hookFunction !== 'function') { - return; - } - - hooks[entryPoint] = hooks[entryPoint] || []; - arrayPush(hooks[entryPoint], hookFunction); - }; - - /** - * RemoveHook - * Public method to remove a DOMPurify hook at a given entryPoint - * (pops it from the stack of hooks if more are present) - * - * @param {String} entryPoint entry point for the hook to remove - */ - DOMPurify.removeHook = function (entryPoint) { - if (hooks[entryPoint]) { - arrayPop(hooks[entryPoint]); - } - }; - - /** - * RemoveHooks - * Public method to remove all DOMPurify hooks at a given entryPoint - * - * @param {String} entryPoint entry point for the hooks to remove - */ - DOMPurify.removeHooks = function (entryPoint) { - if (hooks[entryPoint]) { - hooks[entryPoint] = []; - } - }; - - /** - * RemoveAllHooks - * Public method to remove all DOMPurify hooks - * - */ - DOMPurify.removeAllHooks = function () { - hooks = {}; - }; - - return DOMPurify; - } - - var purify = createDOMPurify(); - - var globalWin = window; - var globalDoc = document; - - var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; - - /** - * Wrap inlines that are in the root in paragraphs. - * - * @param {HTMLBodyElement} body - * @param {Document} doc - * @private - */ - function wrapInlines(body, doc) { - var wrapper; - - traverse(body, function (node) { - if (isInline(node, true)) { - // Ignore text nodes unless they contain non-whitespace chars as - // whitespace will be collapsed. - // Ignore sceditor-ignore elements unless wrapping siblings - // Should still wrap both if wrapping siblings. - if (wrapper || node.nodeType === TEXT_NODE ? - /\S/.test(node.nodeValue) : !is(node, '.sceditor-ignore')) { - if (!wrapper) { - wrapper = createElement('p', {}, doc); - insertBefore(wrapper, node); - } - - appendChild(wrapper, node); - } - } else { - wrapper = null; - } - }, false, true); - } - /** - * SCEditor - A lightweight WYSIWYG editor - * - * @param {HTMLTextAreaElement} original The textarea to be converted - * @param {Object} userOptions - * @class SCEditor - * @name SCEditor - */ - function SCEditor(original, userOptions) { - /** - * Alias of this - * - * @private - */ - var base = this; - - /** - * Editor format like BBCode or HTML - */ - var format; - - /** - * The div which contains the editor and toolbar - * - * @type {HTMLDivElement} - * @private - */ - var editorContainer; - - /** - * Map of events handlers bound to this instance. - * - * @type {Object} - * @private - */ - var eventHandlers = {}; - - /** - * The editors toolbar - * - * @type {HTMLDivElement} - * @private - */ - var toolbar; - - /** - * The editors iframe which should be in design mode - * - * @type {HTMLIFrameElement} - * @private - */ - var wysiwygEditor; - - /** - * The editors window - * - * @type {Window} - * @private - */ - var wysiwygWindow; - - /** - * The WYSIWYG editors body element - * - * @type {HTMLBodyElement} - * @private - */ - var wysiwygBody; - - /** - * The WYSIWYG editors document - * - * @type {Document} - * @private - */ - var wysiwygDocument; - - /** - * The editors textarea for viewing source - * - * @type {HTMLTextAreaElement} - * @private - */ - var sourceEditor; - - /** - * The current dropdown - * - * @type {HTMLDivElement} - * @private - */ - var dropdown; - - /** - * If the user is currently composing text via IME - * @type {boolean} - */ - var isComposing; - - /** - * Timer for valueChanged key handler - * @type {number} - */ - var valueChangedKeyUpTimer; - - /** - * The editors locale - * - * @private - */ - var locale; - - /** - * Stores a cache of preloaded images - * - * @private - * @type {Array.<HTMLImageElement>} - */ - var preLoadCache = []; - - /** - * The editors rangeHelper instance - * - * @type {RangeHelper} - * @private - */ - var rangeHelper; - - /** - * An array of button state handlers - * - * @type {Array.<Object>} - * @private - */ - var btnStateHandlers = []; - - /** - * Plugin manager instance - * - * @type {PluginManager} - * @private - */ - var pluginManager; - - /** - * The current node containing the selection/caret - * - * @type {Node} - * @private - */ - var currentNode; - - /** - * The first block level parent of the current node - * - * @type {node} - * @private - */ - var currentBlockNode; - - /** - * The current node selection/caret - * - * @type {Object} - * @private - */ - var currentSelection; - - /** - * Used to make sure only 1 selection changed - * check is called every 100ms. - * - * Helps improve performance as it is checked a lot. - * - * @type {boolean} - * @private - */ - var isSelectionCheckPending; - - /** - * If content is required (equivalent to the HTML5 required attribute) - * - * @type {boolean} - * @private - */ - var isRequired; - - /** - * The inline CSS style element. Will be undefined - * until css() is called for the first time. - * - * @type {HTMLStyleElement} - * @private - */ - var inlineCss; - - /** - * Object containing a list of shortcut handlers - * - * @type {Object} - * @private - */ - var shortcutHandlers = {}; - - /** - * The min and max heights that autoExpand should stay within - * - * @type {Object} - * @private - */ - var autoExpandBounds; - - /** - * Timeout for the autoExpand function to throttle calls - * - * @private - */ - var autoExpandThrottle; - - /** - * Cache of the current toolbar buttons - * - * @type {Object} - * @private - */ - var toolbarButtons = {}; - - /** - * Last scroll position before maximizing so - * it can be restored when finished. - * - * @type {number} - * @private - */ - var maximizeScrollPosition; - - /** - * Stores the contents while a paste is taking place. - * - * Needed to support browsers that lack clipboard API support. - * - * @type {?DocumentFragment} - * @private - */ - var pasteContentFragment; - - /** - * All the emoticons from dropdown, more and hidden combined - * and with the emoticons root set - * - * @type {!Object<string, string>} - * @private - */ - var allEmoticons = {}; - - /** - * Current icon set if any - * - * @type {?Object} - * @private - */ - var icons; - - /** - * Private functions - * @private - */ - var init, - replaceEmoticons, - handleCommand, - initEditor, - initLocale, - initToolBar, - initOptions, - initEvents, - initResize, - initEmoticons, - handlePasteEvt, - handleCutCopyEvt, - handlePasteData, - handleKeyDown, - handleBackSpace, - handleKeyPress, - handleFormReset, - handleMouseDown, - handleComposition, - handleEvent, - handleDocumentClick, - updateToolBar, - updateActiveButtons, - sourceEditorSelectedText, - appendNewLine, - checkSelectionChanged, - checkNodeChanged, - autofocus, - emoticonsKeyPress, - emoticonsCheckWhitespace, - currentStyledBlockNode, - triggerValueChanged, - valueChangedBlur, - valueChangedKeyUp, - autoUpdate, - autoExpand; - - /** - * All the commands supported by the editor - * @name commands - * @memberOf SCEditor.prototype - */ - base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); - - /** - * Options for this editor instance - * @name opts - * @memberOf SCEditor.prototype - */ - var options = base.opts = extend( - true, {}, defaultOptions, userOptions - ); - - // Don't deep extend emoticons (fixes #565) - base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; - - if (!Array.isArray(options.allowedIframeUrls)) { - options.allowedIframeUrls = []; - } - options.allowedIframeUrls.push('https://www.youtube-nocookie.com/embed/'); - - // Create new instance of DOMPurify for each editor instance so can - // have different allowed iframe URLs - // eslint-disable-next-line new-cap - var domPurify = purify(); - - // Allow iframes for things like YouTube, see: - // https://github.com/cure53/DOMPurify/issues/340#issuecomment-670758980 - domPurify.addHook('uponSanitizeElement', function (node, data) { - var allowedUrls = options.allowedIframeUrls; - - if (data.tagName === 'iframe') { - var src = attr(node, 'src') || ''; - - for (var i = 0; i < allowedUrls.length; i++) { - var url = allowedUrls[i]; - - if (isString(url) && src.substr(0, url.length) === url) { - return; - } - - // Handle regex - if (url.test && url.test(src)) { - return; - } - } - - // No match so remove - remove(node); - } - }); - - // Convert target attribute into data-sce-target attributes so XHTML format - // can allow them - domPurify.addHook('afterSanitizeAttributes', function (node) { - if ('target' in node) { - attr(node, 'data-sce-target', attr(node, 'target')); - } - - removeAttr(node, 'target'); - }); - - /** - * Sanitize HTML to avoid XSS - * - * @param {string} html - * @return {string} html - * @private - */ - function sanitize(html) { - return domPurify.sanitize(html, { - ADD_TAGS: ['iframe'], - ADD_ATTR: ['allowfullscreen', 'frameborder', 'target'] - }); - } - /** - * Creates the editor iframe and textarea - * @private - */ - init = function () { - original._sceditor = base; - - // Load locale - if (options.locale && options.locale !== 'en') { - initLocale(); - } - - editorContainer = createElement('div', { - className: 'sceditor-container' - }); - - insertBefore(editorContainer, original); - css(editorContainer, 'z-index', options.zIndex); - - isRequired = original.required; - original.required = false; - - var FormatCtor = SCEditor.formats[options.format]; - format = FormatCtor ? new FormatCtor() : {}; - /* - * Plugins should be initialized before the formatters since - * they may wish to add or change formatting handlers and - * since the bbcode format caches its handlers, - * such changes must be done first. - */ - pluginManager = new PluginManager(base); - (options.plugins || '').split(',').forEach(function (plugin) { - pluginManager.register(plugin.trim()); - }); - if ('init' in format) { - format.init.call(base); - } - - // create the editor - initEmoticons(); - initToolBar(); - initEditor(); - initOptions(); - initEvents(); - - // force into source mode if is a browser that can't handle - // full editing - if (!isWysiwygSupported) { - base.toggleSourceMode(); - } - - updateActiveButtons(); - - var loaded = function () { - off(globalWin, 'load', loaded); - - if (options.autofocus) { - autofocus(!!options.autofocusEnd); - } - - autoExpand(); - appendNewLine(); - // TODO: use editor doc and window? - pluginManager.call('ready'); - if ('onReady' in format) { - format.onReady.call(base); - } - }; - on(globalWin, 'load', loaded); - if (globalDoc.readyState === 'complete') { - loaded(); - } - }; - - /** - * Init the locale variable with the specified locale if possible - * @private - * @return void - */ - initLocale = function () { - var lang; - - locale = SCEditor.locale[options.locale]; - - if (!locale) { - lang = options.locale.split('-'); - locale = SCEditor.locale[lang[0]]; - } - - // Locale DateTime format overrides any specified in the options - if (locale && locale.dateFormat) { - options.dateFormat = locale.dateFormat; - } - }; - - /** - * Creates the editor iframe and textarea - * @private - */ - initEditor = function () { - sourceEditor = createElement('textarea'); - wysiwygEditor = createElement('iframe', { - frameborder: 0, - allowfullscreen: true - }); - - /* - * This needs to be done right after they are created because, - * for any reason, the user may not want the value to be tinkered - * by any filters. - */ - if (options.startInSourceMode) { - addClass(editorContainer, 'sourceMode'); - hide(wysiwygEditor); - } else { - addClass(editorContainer, 'wysiwygMode'); - hide(sourceEditor); - } - - if (!options.spellcheck) { - attr(editorContainer, 'spellcheck', 'false'); - } - - if (globalWin.location.protocol === 'https:') { - attr(wysiwygEditor, 'src', 'about:blank'); - } - - // Add the editor to the container - appendChild(editorContainer, wysiwygEditor); - appendChild(editorContainer, sourceEditor); - - // TODO: make this optional somehow - base.dimensions( - options.width || width(original), - options.height || height(original) - ); - - // Add ios to HTML so can apply CSS fix to only it - var className = ios ? ' ios' : ''; - - wysiwygDocument = wysiwygEditor.contentDocument; - wysiwygDocument.open(); - wysiwygDocument.write(_tmpl('html', { - attrs: ' class="' + className + '"', - spellcheck: options.spellcheck ? '' : 'spellcheck="false"', - charset: options.charset, - style: options.style - })); - wysiwygDocument.close(); - - wysiwygBody = wysiwygDocument.body; - wysiwygWindow = wysiwygEditor.contentWindow; - - base.readOnly(!!options.readOnly); - - // iframe overflow fix for iOS - if (ios) { - height(wysiwygBody, '100%'); - on(wysiwygBody, 'touchend', base.focus); - } - - var tabIndex = attr(original, 'tabindex'); - attr(sourceEditor, 'tabindex', tabIndex); - attr(wysiwygEditor, 'tabindex', tabIndex); - - rangeHelper = new RangeHelper(wysiwygWindow, null, sanitize); - - // load any textarea value into the editor - hide(original); - base.val(original.value); - - var placeholder = options.placeholder || - attr(original, 'placeholder'); - - if (placeholder) { - sourceEditor.placeholder = placeholder; - attr(wysiwygBody, 'placeholder', placeholder); - } - }; - - /** - * Initialises options - * @private - */ - initOptions = function () { - // auto-update original textbox on blur if option set to true - if (options.autoUpdate) { - on(wysiwygBody, 'blur', autoUpdate); - on(sourceEditor, 'blur', autoUpdate); - } - - if (options.rtl === null) { - options.rtl = css(sourceEditor, 'direction') === 'rtl'; - } - - base.rtl(!!options.rtl); - - if (options.autoExpand) { - // Need to update when images (or anything else) loads - on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); - on(wysiwygBody, 'input keyup', autoExpand); - } - - if (options.resizeEnabled) { - initResize(); - } - - attr(editorContainer, 'id', options.id); - base.emoticons(options.emoticonsEnabled); - }; - - /** - * Initialises events - * @private - */ - initEvents = function () { - var form = original.form; - var compositionEvents = 'compositionstart compositionend'; - var eventsToForward = - 'keydown keyup keypress focus blur contextmenu input'; - var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? - 'selectionchange' : - 'keyup focus blur contextmenu mouseup touchend click'; - - on(globalDoc, 'click', handleDocumentClick); - - if (form) { - on(form, 'reset', handleFormReset); - on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); - } - - on(window, 'pagehide', base.updateOriginal); - on(window, 'pageshow', handleFormReset); - on(wysiwygBody, 'keypress', handleKeyPress); - on(wysiwygBody, 'keydown', handleKeyDown); - on(wysiwygBody, 'keydown', handleBackSpace); - on(wysiwygBody, 'keyup', appendNewLine); - on(wysiwygBody, 'blur', valueChangedBlur); - on(wysiwygBody, 'keyup', valueChangedKeyUp); - on(wysiwygBody, 'paste', handlePasteEvt); - on(wysiwygBody, 'cut copy', handleCutCopyEvt); - on(wysiwygBody, compositionEvents, handleComposition); - on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); - on(wysiwygBody, eventsToForward, handleEvent); - - if (options.emoticonsCompat && globalWin.getSelection) { - on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); - } - - on(wysiwygBody, 'blur', function () { - if (!base.val()) { - addClass(wysiwygBody, 'placeholder'); - } - }); - - on(wysiwygBody, 'focus', function () { - removeClass(wysiwygBody, 'placeholder'); - }); - - on(sourceEditor, 'blur', valueChangedBlur); - on(sourceEditor, 'keyup', valueChangedKeyUp); - on(sourceEditor, 'keydown', handleKeyDown); - on(sourceEditor, compositionEvents, handleComposition); - on(sourceEditor, eventsToForward, handleEvent); - - on(wysiwygDocument, 'mousedown', handleMouseDown); - on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); - on(wysiwygDocument, 'keyup', appendNewLine); - - on(editorContainer, 'selectionchanged', checkNodeChanged); - on(editorContainer, 'selectionchanged', updateActiveButtons); - // Custom events to forward - on( - editorContainer, - 'selectionchanged valuechanged nodechanged pasteraw paste', - handleEvent - ); - }; - - /** - * Creates the toolbar and appends it to the container - * @private - */ - initToolBar = function () { - var group, - commands = base.commands, - exclude = (options.toolbarExclude || '').split(','), - groups = options.toolbar.split('|'); - - toolbar = createElement('div', { - className: 'sceditor-toolbar', - unselectable: 'on' - }); - - if (options.icons in SCEditor.icons) { - icons = new SCEditor.icons[options.icons](); - } - - each(groups, function (_, menuItems) { - group = createElement('div', { - className: 'sceditor-group' - }); - - each(menuItems.split(','), function (_, commandName) { - var button, shortcut, - command = commands[commandName]; - - // The commandName must be a valid command and not excluded - if (!command || exclude.indexOf(commandName) > -1) { - return; - } - - shortcut = command.shortcut; - button = _tmpl('toolbarButton', { - name: commandName, - dispName: base._(command.name || - command.tooltip || commandName) - }, true).firstChild; - - if (icons && icons.create) { - var icon = icons.create(commandName); - if (icon) { - insertBefore(icons.create(commandName), - button.firstChild); - addClass(button, 'has-icon'); - } - } - - button._sceTxtMode = !!command.txtExec; - button._sceWysiwygMode = !!command.exec; - toggleClass(button, 'disabled', !command.exec); - on(button, 'click', function (e) { - if (!hasClass(button, 'disabled')) { - handleCommand(button, command); - } - - updateActiveButtons(); - e.preventDefault(); - }); - // Prevent editor losing focus when button clicked - on(button, 'mousedown', function (e) { - base.closeDropDown(); - e.preventDefault(); - }); - - if (command.tooltip) { - attr(button, 'title', - base._(command.tooltip) + - (shortcut ? ' (' + shortcut + ')' : '') - ); - } - - if (shortcut) { - base.addShortcut(shortcut, commandName); - } - - if (command.state) { - btnStateHandlers.push({ - name: commandName, - state: command.state - }); - // exec string commands can be passed to queryCommandState - } else if (isString(command.exec)) { - btnStateHandlers.push({ - name: commandName, - state: command.exec - }); - } - - appendChild(group, button); - toolbarButtons[commandName] = button; - }); - - // Exclude empty groups - if (group.firstChild) { - appendChild(toolbar, group); - } - }); - - // Append the toolbar to the toolbarContainer option if given - appendChild(options.toolbarContainer || editorContainer, toolbar); - }; - - /** - * Creates the resizer. - * @private - */ - initResize = function () { - var minHeight, maxHeight, minWidth, maxWidth, - mouseMoveFunc, mouseUpFunc, - grip = createElement('div', { - className: 'sceditor-grip' - }), - // Cover is used to cover the editor iframe so document - // still gets mouse move events - cover = createElement('div', { - className: 'sceditor-resize-cover' - }), - moveEvents = 'touchmove mousemove', - endEvents = 'touchcancel touchend mouseup', - startX = 0, - startY = 0, - newX = 0, - newY = 0, - startWidth = 0, - startHeight = 0, - origWidth = width(editorContainer), - origHeight = height(editorContainer), - isDragging = false, - rtl = base.rtl(); - - minHeight = options.resizeMinHeight || origHeight / 1.5; - maxHeight = options.resizeMaxHeight || origHeight * 2.5; - minWidth = options.resizeMinWidth || origWidth / 1.25; - maxWidth = options.resizeMaxWidth || origWidth * 1.25; - - mouseMoveFunc = function (e) { - // iOS uses window.event - if (e.type === 'touchmove') { - e = globalWin.event; - newX = e.changedTouches[0].pageX; - newY = e.changedTouches[0].pageY; - } else { - newX = e.pageX; - newY = e.pageY; - } - - var newHeight = startHeight + (newY - startY), - newWidth = rtl ? - startWidth - (newX - startX) : - startWidth + (newX - startX); - - if (maxWidth > 0 && newWidth > maxWidth) { - newWidth = maxWidth; - } - if (minWidth > 0 && newWidth < minWidth) { - newWidth = minWidth; - } - if (!options.resizeWidth) { - newWidth = false; - } - - if (maxHeight > 0 && newHeight > maxHeight) { - newHeight = maxHeight; - } - if (minHeight > 0 && newHeight < minHeight) { - newHeight = minHeight; - } - if (!options.resizeHeight) { - newHeight = false; - } - - if (newWidth || newHeight) { - base.dimensions(newWidth, newHeight); - } - - e.preventDefault(); - }; - - mouseUpFunc = function (e) { - if (!isDragging) { - return; - } - - isDragging = false; - - hide(cover); - removeClass(editorContainer, 'resizing'); - off(globalDoc, moveEvents, mouseMoveFunc); - off(globalDoc, endEvents, mouseUpFunc); - - e.preventDefault(); - }; - - if (icons && icons.create) { - var icon = icons.create('grip'); - if (icon) { - appendChild(grip, icon); - addClass(grip, 'has-icon'); - } - } - - appendChild(editorContainer, grip); - appendChild(editorContainer, cover); - hide(cover); - - on(grip, 'touchstart mousedown', function (e) { - // iOS uses window.event - if (e.type === 'touchstart') { - e = globalWin.event; - startX = e.touches[0].pageX; - startY = e.touches[0].pageY; - } else { - startX = e.pageX; - startY = e.pageY; - } - - startWidth = width(editorContainer); - startHeight = height(editorContainer); - isDragging = true; - - addClass(editorContainer, 'resizing'); - show(cover); - on(globalDoc, moveEvents, mouseMoveFunc); - on(globalDoc, endEvents, mouseUpFunc); - - e.preventDefault(); - }); - }; - - /** - * Prefixes and preloads the emoticon images - * @private - */ - initEmoticons = function () { - var emoticons = options.emoticons; - var root = options.emoticonsRoot || ''; - - if (emoticons) { - allEmoticons = extend( - {}, emoticons.more, emoticons.dropdown, emoticons.hidden - ); - } - - each(allEmoticons, function (key, url) { - allEmoticons[key] = _tmpl('emoticon', { - key: key, - // Prefix emoticon root to emoticon urls - url: root + (url.url || url), - tooltip: url.tooltip || key - }); - - // Preload the emoticon - if (options.emoticonsEnabled) { - preLoadCache.push(createElement('img', { - src: root + (url.url || url) - })); - } - }); - }; - - /** - * Autofocus the editor - * @private - */ - autofocus = function (focusEnd) { - var range, txtPos, - node = wysiwygBody.firstChild; - - // Can't focus invisible elements - if (!isVisible(editorContainer)) { - return; - } - - if (base.sourceMode()) { - txtPos = focusEnd ? sourceEditor.value.length : 0; - - sourceEditor.setSelectionRange(txtPos, txtPos); - - return; - } - - removeWhiteSpace(wysiwygBody); - - if (focusEnd) { - if (!(node = wysiwygBody.lastChild)) { - node = createElement('p', {}, wysiwygDocument); - appendChild(wysiwygBody, node); - } - - while (node.lastChild) { - node = node.lastChild; - - // Should place the cursor before the last <br> - if (is(node, 'br') && node.previousSibling) { - node = node.previousSibling; - } - } - } - - range = wysiwygDocument.createRange(); - - if (!canHaveChildren(node)) { - range.setStartBefore(node); - - if (focusEnd) { - range.setStartAfter(node); - } - } else { - range.selectNodeContents(node); - } - - range.collapse(!focusEnd); - rangeHelper.selectRange(range); - currentSelection = range; - - if (focusEnd) { - wysiwygBody.scrollTop = wysiwygBody.scrollHeight; - } - - base.focus(); - }; - - /** - * Gets if the editor is read only - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name readOnly - * @return {boolean} - */ - /** - * Sets if the editor is read only - * - * @param {boolean} readOnly - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name readOnly^2 - * @return {this} - */ - base.readOnly = function (readOnly) { - if (typeof readOnly !== 'boolean') { - return !sourceEditor.readonly; - } - - wysiwygBody.contentEditable = !readOnly; - sourceEditor.readonly = !readOnly; - - updateToolBar(readOnly); - - return base; - }; - - /** - * Gets if the editor is in RTL mode - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name rtl - * @return {boolean} - */ - /** - * Sets if the editor is in RTL mode - * - * @param {boolean} rtl - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name rtl^2 - * @return {this} - */ - base.rtl = function (rtl) { - var dir = rtl ? 'rtl' : 'ltr'; - - if (typeof rtl !== 'boolean') { - return attr(sourceEditor, 'dir') === 'rtl'; - } - - attr(wysiwygBody, 'dir', dir); - attr(sourceEditor, 'dir', dir); - - removeClass(editorContainer, 'rtl'); - removeClass(editorContainer, 'ltr'); - addClass(editorContainer, dir); - - if (icons && icons.rtl) { - icons.rtl(rtl); - } - - return base; - }; - - /** - * Updates the toolbar to disable/enable the appropriate buttons - * @private - */ - updateToolBar = function (disable) { - var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; - - each(toolbarButtons, function (_, button) { - toggleClass(button, 'disabled', disable || !button[mode]); - }); - }; - - /** - * Gets the width of the editor in pixels - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name width - * @return {number} - */ - /** - * Sets the width of the editor - * - * @param {number} width Width in pixels - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name width^2 - * @return {this} - */ - /** - * Sets the width of the editor - * - * The saveWidth specifies if to save the width. The stored width can be - * used for things like restoring from maximized state. - * - * @param {number} width Width in pixels - * @param {boolean} [saveWidth=true] If to store the width - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name width^3 - * @return {this} - */ - base.width = function (width$1, saveWidth) { - if (!width$1 && width$1 !== 0) { - return width(editorContainer); - } - - base.dimensions(width$1, null, saveWidth); - - return base; - }; - - /** - * Returns an object with the properties width and height - * which are the width and height of the editor in px. - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions - * @return {object} - */ - /** - * <p>Sets the width and/or height of the editor.</p> - * - * <p>If width or height is not numeric it is ignored.</p> - * - * @param {number} width Width in px - * @param {number} height Height in px - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions^2 - * @return {this} - */ - /** - * <p>Sets the width and/or height of the editor.</p> - * - * <p>If width or height is not numeric it is ignored.</p> - * - * <p>The save argument specifies if to save the new sizes. - * The saved sizes can be used for things like restoring from - * maximized state. This should normally be left as true.</p> - * - * @param {number} width Width in px - * @param {number} height Height in px - * @param {boolean} [save=true] If to store the new sizes - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name dimensions^3 - * @return {this} - */ - base.dimensions = function (width$1, height$1, save) { - // set undefined width/height to boolean false - width$1 = (!width$1 && width$1 !== 0) ? false : width$1; - height$1 = (!height$1 && height$1 !== 0) ? false : height$1; - - if (width$1 === false && height$1 === false) { - return { width: base.width(), height: base.height() }; - } - - if (width$1 !== false) { - if (save !== false) { - options.width = width$1; - } - - width(editorContainer, width$1); - } - - if (height$1 !== false) { - if (save !== false) { - options.height = height$1; - } - - height(editorContainer, height$1); - } - - return base; - }; - - /** - * Gets the height of the editor in px - * - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name height - * @return {number} - */ - /** - * Sets the height of the editor - * - * @param {number} height Height in px - * @since 1.3.5 - * @function - * @memberOf SCEditor.prototype - * @name height^2 - * @return {this} - */ - /** - * Sets the height of the editor - * - * The saveHeight specifies if to save the height. - * - * The stored height can be used for things like - * restoring from maximized state. - * - * @param {number} height Height in px - * @param {boolean} [saveHeight=true] If to store the height - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name height^3 - * @return {this} - */ - base.height = function (height$1, saveHeight) { - if (!height$1 && height$1 !== 0) { - return height(editorContainer); - } - - base.dimensions(null, height$1, saveHeight); - - return base; - }; - - /** - * Gets if the editor is maximised or not - * - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name maximize - * @return {boolean} - */ - /** - * Sets if the editor is maximised or not - * - * @param {boolean} maximize If to maximise the editor - * @since 1.4.1 - * @function - * @memberOf SCEditor.prototype - * @name maximize^2 - * @return {this} - */ - base.maximize = function (maximize) { - var maximizeSize = 'sceditor-maximize'; - - if (isUndefined(maximize)) { - return hasClass(editorContainer, maximizeSize); - } - - maximize = !!maximize; - - if (maximize) { - maximizeScrollPosition = globalWin.pageYOffset; - } - - toggleClass(globalDoc.documentElement, maximizeSize, maximize); - toggleClass(globalDoc.body, maximizeSize, maximize); - toggleClass(editorContainer, maximizeSize, maximize); - base.width(maximize ? '100%' : options.width, false); - base.height(maximize ? '100%' : options.height, false); - - if (!maximize) { - globalWin.scrollTo(0, maximizeScrollPosition); - } - - autoExpand(); - - return base; - }; - - autoExpand = function () { - if (options.autoExpand && !autoExpandThrottle) { - autoExpandThrottle = setTimeout(base.expandToContent, 200); - } - }; - - /** - * Expands or shrinks the editors height to the height of it's content - * - * Unless ignoreMaxHeight is set to true it will not expand - * higher than the maxHeight option. - * - * @since 1.3.5 - * @param {boolean} [ignoreMaxHeight=false] - * @function - * @name expandToContent - * @memberOf SCEditor.prototype - * @see #resizeToContent - */ - base.expandToContent = function (ignoreMaxHeight) { - if (base.maximize()) { - return; - } - - clearTimeout(autoExpandThrottle); - autoExpandThrottle = false; - - if (!autoExpandBounds) { - var height$1 = options.resizeMinHeight || options.height || - height(original); - - autoExpandBounds = { - min: height$1, - max: options.resizeMaxHeight || (height$1 * 2) - }; - } - - var range = globalDoc.createRange(); - range.selectNodeContents(wysiwygBody); - - var rect = range.getBoundingClientRect(); - var current = wysiwygDocument.documentElement.clientHeight - 1; - var spaceNeeded = rect.bottom - rect.top; - var newHeight = base.height() + 1 + (spaceNeeded - current); - - if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { - newHeight = Math.min(newHeight, autoExpandBounds.max); - } - - base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); - }; - - /** - * Destroys the editor, removing all elements and - * event handlers. - * - * Leaves only the original textarea. - * - * @function - * @name destroy - * @memberOf SCEditor.prototype - */ - base.destroy = function () { - // Don't destroy if the editor has already been destroyed - if (!pluginManager) { - return; - } - - pluginManager.destroy(); - - rangeHelper = null; - pluginManager = null; - - if (dropdown) { - remove(dropdown); - } - - off(globalDoc, 'click', handleDocumentClick); - - var form = original.form; - if (form) { - off(form, 'reset', handleFormReset); - off(form, 'submit', base.updateOriginal, EVENT_CAPTURE); - } - - off(window, 'pagehide', base.updateOriginal); - off(window, 'pageshow', handleFormReset); - remove(sourceEditor); - remove(toolbar); - remove(editorContainer); - - delete original._sceditor; - show(original); - - original.required = isRequired; - }; - - - /** - * Creates a menu item drop down - * - * @param {HTMLElement} menuItem The button to align the dropdown with - * @param {string} name Used for styling the dropdown, will be - * a class sceditor-name - * @param {HTMLElement} content The HTML content of the dropdown - * @function - * @name createDropDown - * @memberOf SCEditor.prototype - */ - base.createDropDown = function (menuItem, name, content) { - // first click for create second click for close - var dropDownCss, - dropDownClass = 'sceditor-' + name; - - base.closeDropDown(); - - // Only close the dropdown if it was already open - if (dropdown && hasClass(dropdown, dropDownClass)) { - return; - } - - dropDownCss = extend({ - top: menuItem.offsetTop, - left: menuItem.offsetLeft, - marginTop: menuItem.clientHeight - }, options.dropDownCss); - - dropdown = createElement('div', { - className: 'sceditor-dropdown ' + dropDownClass - }); - - css(dropdown, dropDownCss); - appendChild(dropdown, content); - appendChild(editorContainer, dropdown); - on(dropdown, 'click focusin', function (e) { - // stop clicks within the dropdown from being handled - e.stopPropagation(); - }); - - if (dropdown) { - var first = find(dropdown, 'input,textarea')[0]; - if (first) { - first.focus(); - } - } - }; - - /** - * Handles any document click and closes the dropdown if open - * @private - */ - handleDocumentClick = function (e) { - // ignore right clicks - if (e.which !== 3 && dropdown && !e.defaultPrevented) { - autoUpdate(); - - base.closeDropDown(); - } - }; - - /** - * Handles the WYSIWYG editors cut & copy events - * - * By default browsers also copy inherited styling from the stylesheet and - * browser default styling which is unnecessary. - * - * This will ignore inherited styles and only copy inline styling. - * @private - */ - handleCutCopyEvt = function (e) { - var range = rangeHelper.selectedRange(); - if (range) { - var container = createElement('div', {}, wysiwygDocument); - var firstParent; - - // Copy all inline parent nodes up to the first block parent so can - // copy inline styles - var parent = range.commonAncestorContainer; - while (parent && isInline(parent, true)) { - if (parent.nodeType === ELEMENT_NODE) { - var clone = parent.cloneNode(); - if (container.firstChild) { - appendChild(clone, container.firstChild); - } - - appendChild(container, clone); - firstParent = firstParent || clone; - } - parent = parent.parentNode; - } - - appendChild(firstParent || container, range.cloneContents()); - removeWhiteSpace(container); - - e.clipboardData.setData('text/html', container.innerHTML); - - // TODO: Refactor into private shared module with plaintext plugin - // innerText adds two newlines after <p> tags so convert them to - // <div> tags - each(find(container, 'p'), function (_, elm) { - convertElement(elm, 'div'); - }); - // Remove collapsed <br> tags as innerText converts them to newlines - each(find(container, 'br'), function (_, elm) { - if (!elm.nextSibling || !isInline(elm.nextSibling, true)) { - remove(elm); - } - }); - - // range.toString() doesn't include newlines so can't use that. - // selection.toString() seems to use the same method as innerText - // but needs to be normalised first so using container.innerText - appendChild(wysiwygBody, container); - e.clipboardData.setData('text/plain', container.innerText); - remove(container); - - if (e.type === 'cut') { - range.deleteContents(); - } - - e.preventDefault(); - } - }; - - /** - * Handles the WYSIWYG editors paste event - * @private - */ - handlePasteEvt = function (e) { - var editable = wysiwygBody; - var clipboard = e.clipboardData; - var loadImage = function (file) { - var reader = new FileReader(); - reader.onload = function (e) { - handlePasteData({ - html: '<img src="' + e.target.result + '" />' - }); - }; - reader.readAsDataURL(file); - }; - - // Modern browsers with clipboard API - everything other than _very_ - // old android web views and UC browser which doesn't support the - // paste event at all. - if (clipboard) { - var data = {}; - var types = clipboard.types; - var items = clipboard.items; - - e.preventDefault(); - - for (var i = 0; i < types.length; i++) { - // Word sometimes adds copied text as an image so if HTML - // exists prefer that over images - if (types.indexOf('text/html') < 0) { - // Normalise image pasting to paste as a data-uri - if (globalWin.FileReader && items && - IMAGE_MIME_REGEX.test(items[i].type)) { - return loadImage(clipboard.items[i].getAsFile()); - } - } - - data[types[i]] = clipboard.getData(types[i]); - } - // Call plugins here with file? - data.text = data['text/plain']; - data.html = sanitize(data['text/html']); - - handlePasteData(data); - // If contentsFragment exists then we are already waiting for a - // previous paste so let the handler for that handle this one too - } else if (!pasteContentFragment) { - // Save the scroll position so can be restored - // when contents is restored - var scrollTop = editable.scrollTop; - - rangeHelper.saveRange(); - - pasteContentFragment = globalDoc.createDocumentFragment(); - while (editable.firstChild) { - appendChild(pasteContentFragment, editable.firstChild); - } - - setTimeout(function () { - var html = editable.innerHTML; - - editable.innerHTML = ''; - appendChild(editable, pasteContentFragment); - editable.scrollTop = scrollTop; - pasteContentFragment = false; - - rangeHelper.restoreRange(); - - handlePasteData({ html: sanitize(html) }); - }, 0); - } - }; - - /** - * Gets the pasted data, filters it and then inserts it. - * @param {Object} data - * @private - */ - handlePasteData = function (data) { - var pasteArea = createElement('div', {}, wysiwygDocument); - - pluginManager.call('pasteRaw', data); - trigger(editorContainer, 'pasteraw', data); - - if (data.html) { - // Sanitize again in case plugins modified the HTML - pasteArea.innerHTML = sanitize(data.html); - - // fix any invalid nesting - fixNesting(pasteArea); - } else { - pasteArea.innerHTML = entities(data.text || ''); - } - - var paste = { - val: pasteArea.innerHTML - }; - - if ('fragmentToSource' in format) { - paste.val = format - .fragmentToSource(paste.val, wysiwygDocument, currentNode); - } - - pluginManager.call('paste', paste); - trigger(editorContainer, 'paste', paste); - - if ('fragmentToHtml' in format) { - paste.val = format - .fragmentToHtml(paste.val, currentNode); - } - - pluginManager.call('pasteHtml', paste); - - var parent = rangeHelper.getFirstBlockParent(); - base.wysiwygEditorInsertHtml(paste.val, null, true); - merge(parent); - }; - - /** - * Closes any currently open drop down - * - * @param {boolean} [focus=false] If to focus the editor - * after closing the drop down - * @function - * @name closeDropDown - * @memberOf SCEditor.prototype - */ - base.closeDropDown = function (focus) { - if (dropdown) { - remove(dropdown); - dropdown = null; - } - - if (focus === true) { - base.focus(); - } - }; - - - /** - * Inserts HTML into WYSIWYG editor. - * - * If endHtml is specified, any selected text will be placed - * between html and endHtml. If there is no selected text html - * and endHtml will just be concatenate together. - * - * @param {string} html - * @param {string} [endHtml=null] - * @param {boolean} [overrideCodeBlocking=false] If to insert the html - * into code tags, by - * default code tags only - * support text. - * @function - * @name wysiwygEditorInsertHtml - * @memberOf SCEditor.prototype - */ - base.wysiwygEditorInsertHtml = function ( - html, endHtml, overrideCodeBlocking - ) { - var marker, scrollTop, scrollTo, - editorHeight = height(wysiwygEditor); - - base.focus(); - - // TODO: This code tag should be configurable and - // should maybe convert the HTML into text instead - // Don't apply to code elements - if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { - return; - } - - // Insert the HTML and save the range so the editor can be scrolled - // to the end of the selection. Also allows emoticons to be replaced - // without affecting the cursor position - rangeHelper.insertHTML(html, endHtml); - rangeHelper.saveRange(); - replaceEmoticons(); - - // Fix any invalid nesting, e.g. if a quote or other block is inserted - // into a paragraph - fixNesting(wysiwygBody); - - // Scroll the editor after the end of the selection - marker = find(wysiwygBody, '#sceditor-end-marker')[0]; - show(marker); - scrollTop = wysiwygBody.scrollTop; - scrollTo = (getOffset(marker).top + - (marker.offsetHeight * 1.5)) - editorHeight; - hide(marker); - - // Only scroll if marker isn't already visible - if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { - wysiwygBody.scrollTop = scrollTo; - } - - triggerValueChanged(false); - rangeHelper.restoreRange(); - - // Add a new line after the last block element - // so can always add text after it - appendNewLine(); - }; - - /** - * Like wysiwygEditorInsertHtml except it will convert any HTML - * into text before inserting it. - * - * @param {string} text - * @param {string} [endText=null] - * @function - * @name wysiwygEditorInsertText - * @memberOf SCEditor.prototype - */ - base.wysiwygEditorInsertText = function (text, endText) { - base.wysiwygEditorInsertHtml( - entities(text), entities(endText) - ); - }; - - /** - * Inserts text into the WYSIWYG or source editor depending on which - * mode the editor is in. - * - * If endText is specified any selected text will be placed between - * text and endText. If no text is selected text and endText will - * just be concatenate together. - * - * @param {string} text - * @param {string} [endText=null] - * @since 1.3.5 - * @function - * @name insertText - * @memberOf SCEditor.prototype - */ - base.insertText = function (text, endText) { - if (base.inSourceMode()) { - base.sourceEditorInsertText(text, endText); - } else { - base.wysiwygEditorInsertText(text, endText); - } - - return base; - }; - - /** - * Like wysiwygEditorInsertHtml but inserts text into the - * source mode editor instead. - * - * If endText is specified any selected text will be placed between - * text and endText. If no text is selected text and endText will - * just be concatenate together. - * - * The cursor will be placed after the text param. If endText is - * specified the cursor will be placed before endText, so passing:<br /> - * - * '[b]', '[/b]' - * - * Would cause the cursor to be placed:<br /> - * - * [b]Selected text|[/b] - * - * @param {string} text - * @param {string} [endText=null] - * @since 1.4.0 - * @function - * @name sourceEditorInsertText - * @memberOf SCEditor.prototype - */ - base.sourceEditorInsertText = function (text, endText) { - var scrollTop, currentValue, - startPos = sourceEditor.selectionStart, - endPos = sourceEditor.selectionEnd; - - scrollTop = sourceEditor.scrollTop; - sourceEditor.focus(); - currentValue = sourceEditor.value; - - if (endText) { - text += currentValue.substring(startPos, endPos) + endText; - } - - sourceEditor.value = currentValue.substring(0, startPos) + - text + - currentValue.substring(endPos, currentValue.length); - - sourceEditor.selectionStart = (startPos + text.length) - - (endText ? endText.length : 0); - sourceEditor.selectionEnd = sourceEditor.selectionStart; - - sourceEditor.scrollTop = scrollTop; - sourceEditor.focus(); - - triggerValueChanged(); - }; - - /** - * Gets the current instance of the rangeHelper class - * for the editor. - * - * @return {RangeHelper} - * @function - * @name getRangeHelper - * @memberOf SCEditor.prototype - */ - base.getRangeHelper = function () { - return rangeHelper; - }; - - /** - * Gets or sets the source editor caret position. - * - * @param {Object} [position] - * @return {this} - * @function - * @since 1.4.5 - * @name sourceEditorCaret - * @memberOf SCEditor.prototype - */ - base.sourceEditorCaret = function (position) { - sourceEditor.focus(); - - if (position) { - sourceEditor.selectionStart = position.start; - sourceEditor.selectionEnd = position.end; - - return this; - } - - return { - start: sourceEditor.selectionStart, - end: sourceEditor.selectionEnd - }; - }; - - /** - * Gets the value of the editor. - * - * If the editor is in WYSIWYG mode it will return the filtered - * HTML from it (converted to BBCode if using the BBCode plugin). - * It it's in Source Mode it will return the unfiltered contents - * of the source editor (if using the BBCode plugin this will be - * BBCode again). - * - * @since 1.3.5 - * @return {string} - * @function - * @name val - * @memberOf SCEditor.prototype - */ - /** - * Sets the value of the editor. - * - * If filter set true the val will be passed through the filter - * function. If using the BBCode plugin it will pass the val to - * the BBCode filter to convert any BBCode into HTML. - * - * @param {string} val - * @param {boolean} [filter=true] - * @return {this} - * @since 1.3.5 - * @function - * @name val^2 - * @memberOf SCEditor.prototype - */ - base.val = function (val, filter) { - if (!isString(val)) { - return base.inSourceMode() ? - base.getSourceEditorValue(false) : - base.getWysiwygEditorValue(filter); - } - - if (!base.inSourceMode()) { - if (filter !== false && 'toHtml' in format) { - val = format.toHtml(val); - } - - base.setWysiwygEditorValue(val); - } else { - base.setSourceEditorValue(val); - } - - return base; - }; - - /** - * Inserts HTML/BBCode into the editor - * - * If end is supplied any selected text will be placed between - * start and end. If there is no selected text start and end - * will be concatenate together. - * - * If the filter param is set to true, the HTML/BBCode will be - * passed through any plugin filters. If using the BBCode plugin - * this will convert any BBCode into HTML. - * - * @param {string} start - * @param {string} [end=null] - * @param {boolean} [filter=true] - * @param {boolean} [convertEmoticons=true] If to convert emoticons - * @return {this} - * @since 1.3.5 - * @function - * @name insert - * @memberOf SCEditor.prototype - */ - /** - * Inserts HTML/BBCode into the editor - * - * If end is supplied any selected text will be placed between - * start and end. If there is no selected text start and end - * will be concatenate together. - * - * If the filter param is set to true, the HTML/BBCode will be - * passed through any plugin filters. If using the BBCode plugin - * this will convert any BBCode into HTML. - * - * If the allowMixed param is set to true, HTML any will not be - * escaped - * - * @param {string} start - * @param {string} [end=null] - * @param {boolean} [filter=true] - * @param {boolean} [convertEmoticons=true] If to convert emoticons - * @param {boolean} [allowMixed=false] - * @return {this} - * @since 1.4.3 - * @function - * @name insert^2 - * @memberOf SCEditor.prototype - */ - // eslint-disable-next-line max-params - base.insert = function ( - start, end, filter, convertEmoticons, allowMixed - ) { - if (base.inSourceMode()) { - base.sourceEditorInsertText(start, end); - return base; - } - - // Add the selection between start and end - if (end) { - var html = rangeHelper.selectedHtml(); - - if (filter !== false && 'fragmentToSource' in format) { - html = format - .fragmentToSource(html, wysiwygDocument, currentNode); - } - - start += html + end; - } - // TODO: This filter should allow empty tags as it's inserting. - if (filter !== false && 'fragmentToHtml' in format) { - start = format.fragmentToHtml(start, currentNode); - } - - // Convert any escaped HTML back into HTML if mixed is allowed - if (filter !== false && allowMixed === true) { - start = start.replace(/</g, '<') - .replace(/>/g, '>') - .replace(/&/g, '&'); - } - - base.wysiwygEditorInsertHtml(start); - - return base; - }; - - /** - * Gets the WYSIWYG editors HTML value. - * - * If using a plugin that filters the Ht Ml like the BBCode plugin - * it will return the result of the filtering (BBCode) unless the - * filter param is set to false. - * - * @param {boolean} [filter=true] - * @return {string} - * @function - * @name getWysiwygEditorValue - * @memberOf SCEditor.prototype - */ - base.getWysiwygEditorValue = function (filter) { - var html; - // Create a tmp node to store contents so it can be modified - // without affecting anything else. - var tmp = createElement('div', {}, wysiwygDocument); - var childNodes = wysiwygBody.childNodes; - - for (var i = 0; i < childNodes.length; i++) { - appendChild(tmp, childNodes[i].cloneNode(true)); - } - - appendChild(wysiwygBody, tmp); - fixNesting(tmp); - remove(tmp); - - html = tmp.innerHTML; - - // filter the HTML and DOM through any plugins - if (filter !== false && format.hasOwnProperty('toSource')) { - html = format.toSource(html, wysiwygDocument); - } - - return html; - }; - - /** - * Gets the WYSIWYG editor's iFrame Body. - * - * @return {HTMLElement} - * @function - * @since 1.4.3 - * @name getBody - * @memberOf SCEditor.prototype - */ - base.getBody = function () { - return wysiwygBody; - }; - - /** - * Gets the WYSIWYG editors container area (whole iFrame). - * - * @return {HTMLElement} - * @function - * @since 1.4.3 - * @name getContentAreaContainer - * @memberOf SCEditor.prototype - */ - base.getContentAreaContainer = function () { - return wysiwygEditor; - }; - - /** - * Gets the text editor value - * - * If using a plugin that filters the text like the BBCode plugin - * it will return the result of the filtering which is BBCode to - * HTML so it will return HTML. If filter is set to false it will - * just return the contents of the source editor (BBCode). - * - * @param {boolean} [filter=true] - * @return {string} - * @function - * @since 1.4.0 - * @name getSourceEditorValue - * @memberOf SCEditor.prototype - */ - base.getSourceEditorValue = function (filter) { - var val = sourceEditor.value; - - if (filter !== false && 'toHtml' in format) { - val = format.toHtml(val); - } - - return val; - }; - - /** - * Sets the WYSIWYG HTML editor value. Should only be the HTML - * contained within the body tags - * - * @param {string} value - * @function - * @name setWysiwygEditorValue - * @memberOf SCEditor.prototype - */ - base.setWysiwygEditorValue = function (value) { - if (!value) { - value = '<p><br /></p>'; - } - - wysiwygBody.innerHTML = sanitize(value); - replaceEmoticons(); - - appendNewLine(); - triggerValueChanged(); - autoExpand(); - }; - - /** - * Sets the text editor value - * - * @param {string} value - * @function - * @name setSourceEditorValue - * @memberOf SCEditor.prototype - */ - base.setSourceEditorValue = function (value) { - sourceEditor.value = value; - - triggerValueChanged(); - }; - - /** - * Updates the textarea that the editor is replacing - * with the value currently inside the editor. - * - * @function - * @name updateOriginal - * @since 1.4.0 - * @memberOf SCEditor.prototype - */ - base.updateOriginal = function () { - original.value = base.val(); - }; - - /** - * Replaces any emoticon codes in the passed HTML - * with their emoticon images - * @private - */ - replaceEmoticons = function () { - if (options.emoticonsEnabled) { - replace(wysiwygBody, allEmoticons, options.emoticonsCompat); - } - }; - - /** - * If the editor is in source code mode - * - * @return {boolean} - * @function - * @name inSourceMode - * @memberOf SCEditor.prototype - */ - base.inSourceMode = function () { - return hasClass(editorContainer, 'sourceMode'); - }; - - /** - * Gets if the editor is in sourceMode - * - * @return boolean - * @function - * @name sourceMode - * @memberOf SCEditor.prototype - */ - /** - * Sets if the editor is in sourceMode - * - * @param {boolean} enable - * @return {this} - * @function - * @name sourceMode^2 - * @memberOf SCEditor.prototype - */ - base.sourceMode = function (enable) { - var inSourceMode = base.inSourceMode(); - - if (typeof enable !== 'boolean') { - return inSourceMode; - } - - if ((inSourceMode && !enable) || (!inSourceMode && enable)) { - base.toggleSourceMode(); - } - - return base; - }; - - /** - * Switches between the WYSIWYG and source modes - * - * @function - * @name toggleSourceMode - * @since 1.4.0 - * @memberOf SCEditor.prototype - */ - base.toggleSourceMode = function () { - var isInSourceMode = base.inSourceMode(); - - // don't allow switching to WYSIWYG if doesn't support it - if (!isWysiwygSupported && isInSourceMode) { - return; - } - - if (!isInSourceMode) { - rangeHelper.saveRange(); - rangeHelper.clear(); - } - - currentSelection = null; - base.blur(); - - if (isInSourceMode) { - base.setWysiwygEditorValue(base.getSourceEditorValue()); - } else { - base.setSourceEditorValue(base.getWysiwygEditorValue()); - } - - toggle(sourceEditor); - toggle(wysiwygEditor); - - toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); - toggleClass(editorContainer, 'sourceMode', !isInSourceMode); - - updateToolBar(); - updateActiveButtons(); - }; - - /** - * Gets the selected text of the source editor - * @return {string} - * @private - */ - sourceEditorSelectedText = function () { - sourceEditor.focus(); - - return sourceEditor.value.substring( - sourceEditor.selectionStart, - sourceEditor.selectionEnd - ); - }; - - /** - * Handles the passed command - * @private - */ - handleCommand = function (caller, cmd) { - // check if in text mode and handle text commands - if (base.inSourceMode()) { - if (cmd.txtExec) { - if (Array.isArray(cmd.txtExec)) { - base.sourceEditorInsertText.apply(base, cmd.txtExec); - } else { - cmd.txtExec.call(base, caller, sourceEditorSelectedText()); - } - } - } else if (cmd.exec) { - if (isFunction(cmd.exec)) { - cmd.exec.call(base, caller); - } else { - base.execCommand( - cmd.exec, - cmd.hasOwnProperty('execParam') ? cmd.execParam : null - ); - } - } - - }; - - /** - * Executes a command on the WYSIWYG editor - * - * @param {string} command - * @param {String|Boolean} [param] - * @function - * @name execCommand - * @memberOf SCEditor.prototype - */ - base.execCommand = function (command, param) { - var executed = false, - commandObj = base.commands[command]; - - base.focus(); - - // TODO: make configurable - // don't apply any commands to code elements - if (closest(rangeHelper.parentNode(), 'code')) { - return; - } - - try { - executed = wysiwygDocument.execCommand(command, false, param); - } catch (ex) { } - - // show error if execution failed and an error message exists - if (!executed && commandObj && commandObj.errorMessage) { - /*global alert:false*/ - alert(base._(commandObj.errorMessage)); - } - - updateActiveButtons(); - }; - - /** - * Checks if the current selection has changed and triggers - * the selectionchanged event if it has. - * - * In browsers other that don't support selectionchange event it will check - * at most once every 100ms. - * @private - */ - checkSelectionChanged = function () { - function check() { - // Don't create new selection if there isn't one (like after - // blur event in iOS) - if (wysiwygWindow.getSelection() && - wysiwygWindow.getSelection().rangeCount <= 0) { - currentSelection = null; - // rangeHelper could be null if editor was destroyed - // before the timeout had finished - } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { - currentSelection = rangeHelper.cloneSelected(); - - // If the selection is in an inline wrap it in a block. - // Fixes #331 - if (currentSelection && currentSelection.collapsed) { - var parent = currentSelection.startContainer; - var offset = currentSelection.startOffset; - - // Handle if selection is placed before/after an element - if (offset && parent.nodeType !== TEXT_NODE) { - parent = parent.childNodes[offset]; - } - - while (parent && parent.parentNode !== wysiwygBody) { - parent = parent.parentNode; - } - - if (parent && isInline(parent, true)) { - rangeHelper.saveRange(); - wrapInlines(wysiwygBody, wysiwygDocument); - rangeHelper.restoreRange(); - } - } - - trigger(editorContainer, 'selectionchanged'); - } - - isSelectionCheckPending = false; - } - - if (isSelectionCheckPending) { - return; - } - - isSelectionCheckPending = true; - - // Don't need to limit checking if browser supports the Selection API - if ('onselectionchange' in wysiwygDocument) { - check(); - } else { - setTimeout(check, 100); - } - }; - - /** - * Checks if the current node has changed and triggers - * the nodechanged event if it has - * @private - */ - checkNodeChanged = function () { - // check if node has changed - var oldNode, - node = rangeHelper.parentNode(); - - if (currentNode !== node) { - oldNode = currentNode; - currentNode = node; - currentBlockNode = rangeHelper.getFirstBlockParent(node); - - trigger(editorContainer, 'nodechanged', { - oldNode: oldNode, - newNode: currentNode - }); - } - }; - - /** - * Gets the current node that contains the selection/caret in - * WYSIWYG mode. - * - * Will be null in sourceMode or if there is no selection. - * - * @return {?Node} - * @function - * @name currentNode - * @memberOf SCEditor.prototype - */ - base.currentNode = function () { - return currentNode; - }; - - /** - * Gets the first block level node that contains the - * selection/caret in WYSIWYG mode. - * - * Will be null in sourceMode or if there is no selection. - * - * @return {?Node} - * @function - * @name currentBlockNode - * @memberOf SCEditor.prototype - * @since 1.4.4 - */ - base.currentBlockNode = function () { - return currentBlockNode; - }; - - /** - * Updates if buttons are active or not - * @private - */ - updateActiveButtons = function () { - var firstBlock, parent; - var activeClass = 'active'; - var doc = wysiwygDocument; - var isSource = base.sourceMode(); - - if (base.readOnly()) { - each(find(toolbar, activeClass), function (_, menuItem) { - removeClass(menuItem, activeClass); - }); - return; - } - - if (!isSource) { - parent = rangeHelper.parentNode(); - firstBlock = rangeHelper.getFirstBlockParent(parent); - } - - for (var j = 0; j < btnStateHandlers.length; j++) { - var state = 0; - var btn = toolbarButtons[btnStateHandlers[j].name]; - var stateFn = btnStateHandlers[j].state; - var isDisabled = (isSource && !btn._sceTxtMode) || - (!isSource && !btn._sceWysiwygMode); - - if (isString(stateFn)) { - if (!isSource) { - try { - state = doc.queryCommandEnabled(stateFn) ? 0 : -1; - - // eslint-disable-next-line max-depth - if (state > -1) { - state = doc.queryCommandState(stateFn) ? 1 : 0; - } - } catch (ex) {} - } - } else if (!isDisabled) { - state = stateFn.call(base, parent, firstBlock); - } - - toggleClass(btn, 'disabled', isDisabled || state < 0); - toggleClass(btn, activeClass, state > 0); - } - - if (icons && icons.update) { - icons.update(isSource, parent, firstBlock); - } - }; - - /** - * Handles any key press in the WYSIWYG editor - * - * @private - */ - handleKeyPress = function (e) { - // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 - if (e.defaultPrevented) { - return; - } - - base.closeDropDown(); - - // 13 = enter key - if (e.which === 13) { - var LIST_TAGS = 'li,ul,ol'; - - // "Fix" (cludge) for blocklevel elements being duplicated in some - // browsers when enter is pressed instead of inserting a newline - if (!is(currentBlockNode, LIST_TAGS) && - hasStyling(currentBlockNode)) { - - var br = createElement('br', {}, wysiwygDocument); - rangeHelper.insertNode(br); - - // Last <br> of a block will be collapsed so need to make sure - // the <br> that was inserted isn't the last node of a block. - var parent = br.parentNode; - var lastChild = parent.lastChild; - - // Sometimes an empty next node is created after the <br> - if (lastChild && lastChild.nodeType === TEXT_NODE && - lastChild.nodeValue === '') { - remove(lastChild); - lastChild = parent.lastChild; - } - - // If this is the last BR of a block and the previous - // sibling is inline then will need an extra BR. This - // is needed because the last BR of a block will be - // collapsed. Fixes issue #248 - if (!isInline(parent, true) && lastChild === br && - isInline(br.previousSibling)) { - rangeHelper.insertHTML('<br>'); - } - - e.preventDefault(); - } - } - }; - - /** - * Makes sure that if there is a code or quote tag at the - * end of the editor, that there is a new line after it. - * - * If there wasn't a new line at the end you wouldn't be able - * to enter any text after a code/quote tag - * @return {void} - * @private - */ - appendNewLine = function () { - // Check all nodes in reverse until either add a new line - // or reach a non-empty textnode or BR at which point can - // stop checking. - rTraverse(wysiwygBody, function (node) { - // Last block, add new line after if has styling - if (node.nodeType === ELEMENT_NODE && - !/inline/.test(css(node, 'display'))) { - - // Add line break after if has styling - if (!is(node, '.sceditor-nlf') && hasStyling(node)) { - var paragraph = createElement('p', {}, wysiwygDocument); - paragraph.className = 'sceditor-nlf'; - paragraph.innerHTML = '<br />'; - appendChild(wysiwygBody, paragraph); - return false; - } - } - - // Last non-empty text node or line break. - // No need to add line-break after them - if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || - is(node, 'br')) { - return false; - } - }); - }; - - /** - * Handles form reset event - * @private - */ - handleFormReset = function () { - base.val(original.value); - }; - - /** - * Handles any mousedown press in the WYSIWYG editor - * @private - */ - handleMouseDown = function () { - base.closeDropDown(); - }; - - /** - * Translates the string into the locale language. - * - * Replaces any {0}, {1}, {2}, ect. with the params provided. - * - * @param {string} str - * @param {...String} args - * @return {string} - * @function - * @name _ - * @memberOf SCEditor.prototype - */ - base._ = function () { - var undef, - args = arguments; - - if (locale && locale[args[0]]) { - args[0] = locale[args[0]]; - } - - return args[0].replace(/\{(\d+)\}/g, function (str, p1) { - return args[p1 - 0 + 1] !== undef ? - args[p1 - 0 + 1] : - '{' + p1 + '}'; - }); - }; - - /** - * Passes events on to any handlers - * @private - * @return void - */ - handleEvent = function (e) { - if (pluginManager) { - // Send event to all plugins - pluginManager.call(e.type + 'Event', e, base); - } - - // convert the event into a custom event to send - var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; - - if (eventHandlers[name]) { - eventHandlers[name].forEach(function (fn) { - fn.call(base, e); - }); - } - }; - - /** - * Binds a handler to the specified events - * - * This function only binds to a limited list of - * supported events. - * - * The supported events are: - * - * * keyup - * * keydown - * * Keypress - * * blur - * * focus - * * input - * * nodechanged - When the current node containing - * the selection changes in WYSIWYG mode - * * contextmenu - * * selectionchanged - * * valuechanged - * - * - * The events param should be a string containing the event(s) - * to bind this handler to. If multiple, they should be separated - * by spaces. - * - * @param {string} events - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name bind - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.bind = function (events, handler, excludeWysiwyg, excludeSource) { - events = events.split(' '); - - var i = events.length; - while (i--) { - if (isFunction(handler)) { - var wysEvent = 'scewys' + events[i]; - var srcEvent = 'scesrc' + events[i]; - // Use custom events to allow passing the instance as the - // 2nd argument. - // Also allows unbinding without unbinding the editors own - // event handlers. - if (!excludeWysiwyg) { - eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; - eventHandlers[wysEvent].push(handler); - } - - if (!excludeSource) { - eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; - eventHandlers[srcEvent].push(handler); - } - - // Start sending value changed events - if (events[i] === 'valuechanged') { - triggerValueChanged.hasHandler = true; - } - } - } - - return base; - }; - - /** - * Unbinds an event that was bound using bind(). - * - * @param {string} events - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude unbinding this - * handler from the WYSIWYG editor - * @param {boolean} excludeSource if to exclude unbinding this - * handler from the source editor - * @return {this} - * @function - * @name unbind - * @memberOf SCEditor.prototype - * @since 1.4.1 - * @see bind - */ - base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { - events = events.split(' '); - - var i = events.length; - while (i--) { - if (isFunction(handler)) { - if (!excludeWysiwyg) { - arrayRemove( - eventHandlers['scewys' + events[i]] || [], handler); - } - - if (!excludeSource) { - arrayRemove( - eventHandlers['scesrc' + events[i]] || [], handler); - } - } - } - - return base; - }; - - /** - * Blurs the editors input area - * - * @return {this} - * @function - * @name blur - * @memberOf SCEditor.prototype - * @since 1.3.6 - */ - /** - * Adds a handler to the editors blur event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name blur^2 - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.blur = function (handler, excludeWysiwyg, excludeSource) { - if (isFunction(handler)) { - base.bind('blur', handler, excludeWysiwyg, excludeSource); - } else if (!base.sourceMode()) { - wysiwygBody.blur(); - } else { - sourceEditor.blur(); - } - - return base; - }; - - /** - * Focuses the editors input area - * - * @return {this} - * @function - * @name focus - * @memberOf SCEditor.prototype - */ - /** - * Adds an event handler to the focus event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource if to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name focus^2 - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.focus = function (handler, excludeWysiwyg, excludeSource) { - if (isFunction(handler)) { - base.bind('focus', handler, excludeWysiwyg, excludeSource); - } else if (!base.inSourceMode()) { - // Already has focus so do nothing - if (find(wysiwygDocument, ':focus').length) { - return; - } - - var container; - var rng = rangeHelper.selectedRange(); - - // Fix FF bug where it shows the cursor in the wrong place - // if the editor hasn't had focus before. See issue #393 - if (!currentSelection) { - autofocus(true); - } - - // Check if cursor is set after a BR when the BR is the only - // child of the parent. In Firefox this causes a line break - // to occur when something is typed. See issue #321 - if (rng && rng.endOffset === 1 && rng.collapsed) { - container = rng.endContainer; - - if (container && container.childNodes.length === 1 && - is(container.firstChild, 'br')) { - rng.setStartBefore(container.firstChild); - rng.collapse(true); - rangeHelper.selectRange(rng); - } - } - - wysiwygWindow.focus(); - wysiwygBody.focus(); - } else { - sourceEditor.focus(); - } - - updateActiveButtons(); - - return base; - }; - - /** - * Adds a handler to the key down event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyDown - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyDown = function (handler, excludeWysiwyg, excludeSource) { - return base.bind('keydown', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the key press event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyPress - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyPress = function (handler, excludeWysiwyg, excludeSource) { - return base - .bind('keypress', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the key up event - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name keyUp - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.keyUp = function (handler, excludeWysiwyg, excludeSource) { - return base.bind('keyup', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Adds a handler to the node changed event. - * - * Happens whenever the node containing the selection/caret - * changes in WYSIWYG mode. - * - * @param {Function} handler - * @return {this} - * @function - * @name nodeChanged - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.nodeChanged = function (handler) { - return base.bind('nodechanged', handler, false, true); - }; - - /** - * Adds a handler to the selection changed event - * - * Happens whenever the selection changes in WYSIWYG mode. - * - * @param {Function} handler - * @return {this} - * @function - * @name selectionChanged - * @memberOf SCEditor.prototype - * @since 1.4.1 - */ - base.selectionChanged = function (handler) { - return base.bind('selectionchanged', handler, false, true); - }; - - /** - * Adds a handler to the value changed event - * - * Happens whenever the current editor value changes. - * - * Whenever anything is inserted, the value changed or - * 1.5 secs after text is typed. If a space is typed it will - * cause the event to be triggered immediately instead of - * after 1.5 seconds - * - * @param {Function} handler - * @param {boolean} excludeWysiwyg If to exclude adding this handler - * to the WYSIWYG editor - * @param {boolean} excludeSource If to exclude adding this handler - * to the source editor - * @return {this} - * @function - * @name valueChanged - * @memberOf SCEditor.prototype - * @since 1.4.5 - */ - base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { - return base - .bind('valuechanged', handler, excludeWysiwyg, excludeSource); - }; - - /** - * Emoticons keypress handler - * @private - */ - emoticonsKeyPress = function (e) { - var replacedEmoticon, - cachePos = 0, - emoticonsCache = base.emoticonsCache, - curChar = String.fromCharCode(e.which); - - // TODO: Make configurable - if (closest(currentBlockNode, 'code')) { - return; - } - - if (!emoticonsCache) { - emoticonsCache = []; - - each(allEmoticons, function (key, html) { - emoticonsCache[cachePos++] = [key, html]; - }); - - emoticonsCache.sort(function (a, b) { - return a[0].length - b[0].length; - }); - - base.emoticonsCache = emoticonsCache; - base.longestEmoticonCode = - emoticonsCache[emoticonsCache.length - 1][0].length; - } - - replacedEmoticon = rangeHelper.replaceKeyword( - base.emoticonsCache, - true, - true, - base.longestEmoticonCode, - options.emoticonsCompat, - curChar - ); - - if (replacedEmoticon) { - if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { - e.preventDefault(); - } - } - }; - - /** - * Makes sure emoticons are surrounded by whitespace - * @private - */ - emoticonsCheckWhitespace = function () { - checkWhitespace(currentBlockNode, rangeHelper); - }; - - /** - * Gets if emoticons are currently enabled - * @return {boolean} - * @function - * @name emoticons - * @memberOf SCEditor.prototype - * @since 1.4.2 - */ - /** - * Enables/disables emoticons - * - * @param {boolean} enable - * @return {this} - * @function - * @name emoticons^2 - * @memberOf SCEditor.prototype - * @since 1.4.2 - */ - base.emoticons = function (enable) { - if (!enable && enable !== false) { - return options.emoticonsEnabled; - } - - options.emoticonsEnabled = enable; - - if (enable) { - on(wysiwygBody, 'keypress', emoticonsKeyPress); - - if (!base.sourceMode()) { - rangeHelper.saveRange(); - - replaceEmoticons(); - triggerValueChanged(false); - - rangeHelper.restoreRange(); - } - } else { - var emoticons = - find(wysiwygBody, 'img[data-sceditor-emoticon]'); - - each(emoticons, function (_, img) { - var text = data(img, 'sceditor-emoticon'); - var textNode = wysiwygDocument.createTextNode(text); - img.parentNode.replaceChild(textNode, img); - }); - - off(wysiwygBody, 'keypress', emoticonsKeyPress); - - triggerValueChanged(); - } - - return base; - }; - - /** - * Gets the current WYSIWYG editors inline CSS - * - * @return {string} - * @function - * @name css - * @memberOf SCEditor.prototype - * @since 1.4.3 - */ - /** - * Sets inline CSS for the WYSIWYG editor - * - * @param {string} css - * @return {this} - * @function - * @name css^2 - * @memberOf SCEditor.prototype - * @since 1.4.3 - */ - base.css = function (css) { - if (!inlineCss) { - inlineCss = createElement('style', { - id: 'inline' - }, wysiwygDocument); - - appendChild(wysiwygDocument.head, inlineCss); - } - - if (!isString(css)) { - return inlineCss.styleSheet ? - inlineCss.styleSheet.cssText : inlineCss.innerHTML; - } - - if (inlineCss.styleSheet) { - inlineCss.styleSheet.cssText = css; - } else { - inlineCss.innerHTML = css; - } - - return base; - }; - - /** - * Handles the keydown event, used for shortcuts - * @private - */ - handleKeyDown = function (e) { - var shortcut = [], - SHIFT_KEYS = { - '`': '~', - '1': '!', - '2': '@', - '3': '#', - '4': '$', - '5': '%', - '6': '^', - '7': '&', - '8': '*', - '9': '(', - '0': ')', - '-': '_', - '=': '+', - ';': ': ', - '\'': '"', - ',': '<', - '.': '>', - '/': '?', - '\\': '|', - '[': '{', - ']': '}' - }, - SPECIAL_KEYS = { - 8: 'backspace', - 9: 'tab', - 13: 'enter', - 19: 'pause', - 20: 'capslock', - 27: 'esc', - 32: 'space', - 33: 'pageup', - 34: 'pagedown', - 35: 'end', - 36: 'home', - 37: 'left', - 38: 'up', - 39: 'right', - 40: 'down', - 45: 'insert', - 46: 'del', - 91: 'win', - 92: 'win', - 93: 'select', - 96: '0', - 97: '1', - 98: '2', - 99: '3', - 100: '4', - 101: '5', - 102: '6', - 103: '7', - 104: '8', - 105: '9', - 106: '*', - 107: '+', - 109: '-', - 110: '.', - 111: '/', - 112: 'f1', - 113: 'f2', - 114: 'f3', - 115: 'f4', - 116: 'f5', - 117: 'f6', - 118: 'f7', - 119: 'f8', - 120: 'f9', - 121: 'f10', - 122: 'f11', - 123: 'f12', - 144: 'numlock', - 145: 'scrolllock', - 186: ';', - 187: '=', - 188: ',', - 189: '-', - 190: '.', - 191: '/', - 192: '`', - 219: '[', - 220: '\\', - 221: ']', - 222: '\'' - }, - NUMPAD_SHIFT_KEYS = { - 109: '-', - 110: 'del', - 111: '/', - 96: '0', - 97: '1', - 98: '2', - 99: '3', - 100: '4', - 101: '5', - 102: '6', - 103: '7', - 104: '8', - 105: '9' - }, - which = e.which, - character = SPECIAL_KEYS[which] || - String.fromCharCode(which).toLowerCase(); - - if (e.ctrlKey || e.metaKey) { - shortcut.push('ctrl'); - } - - if (e.altKey) { - shortcut.push('alt'); - } - - if (e.shiftKey) { - shortcut.push('shift'); - - if (NUMPAD_SHIFT_KEYS[which]) { - character = NUMPAD_SHIFT_KEYS[which]; - } else if (SHIFT_KEYS[character]) { - character = SHIFT_KEYS[character]; - } - } - - // Shift is 16, ctrl is 17 and alt is 18 - if (character && (which < 16 || which > 18)) { - shortcut.push(character); - } - - shortcut = shortcut.join('+'); - if (shortcutHandlers[shortcut] && - shortcutHandlers[shortcut].call(base) === false) { - - e.stopPropagation(); - e.preventDefault(); - } - }; - - /** - * Adds a shortcut handler to the editor - * @param {string} shortcut - * @param {String|Function} cmd - * @return {sceditor} - */ - base.addShortcut = function (shortcut, cmd) { - shortcut = shortcut.toLowerCase(); - - if (isString(cmd)) { - shortcutHandlers[shortcut] = function () { - handleCommand(toolbarButtons[cmd], base.commands[cmd]); - - return false; - }; - } else { - shortcutHandlers[shortcut] = cmd; - } - - return base; - }; - - /** - * Removes a shortcut handler - * @param {string} shortcut - * @return {sceditor} - */ - base.removeShortcut = function (shortcut) { - delete shortcutHandlers[shortcut.toLowerCase()]; - - return base; - }; - - /** - * Handles the backspace key press - * - * Will remove block styling like quotes/code ect if at the start. - * @private - */ - handleBackSpace = function (e) { - var node, offset, range, parent; - - // 8 is the backspace key - if (options.disableBlockRemove || e.which !== 8 || - !(range = rangeHelper.selectedRange())) { - return; - } - - node = range.startContainer; - offset = range.startOffset; - - if (offset !== 0 || !(parent = currentStyledBlockNode()) || - is(parent, 'body')) { - return; - } - - while (node !== parent) { - while (node.previousSibling) { - node = node.previousSibling; - - // Everything but empty text nodes before the cursor - // should prevent the style from being removed - if (node.nodeType !== TEXT_NODE || node.nodeValue) { - return; - } - } - - if (!(node = node.parentNode)) { - return; - } - } - - // The backspace was pressed at the start of - // the container so clear the style - base.clearBlockFormatting(parent); - e.preventDefault(); - }; - - /** - * Gets the first styled block node that contains the cursor - * @return {HTMLElement} - */ - currentStyledBlockNode = function () { - var block = currentBlockNode; - - while (!hasStyling(block) || isInline(block, true)) { - if (!(block = block.parentNode) || is(block, 'body')) { - return; - } - } - - return block; - }; - - /** - * Clears the formatting of the passed block element. - * - * If block is false, if will clear the styling of the first - * block level element that contains the cursor. - * @param {HTMLElement} block - * @since 1.4.4 - */ - base.clearBlockFormatting = function (block) { - block = block || currentStyledBlockNode(); - - if (!block || is(block, 'body')) { - return base; - } - - rangeHelper.saveRange(); - - block.className = ''; - - attr(block, 'style', ''); - - if (!is(block, 'p,div,td')) { - convertElement(block, 'p'); - } - - rangeHelper.restoreRange(); - return base; - }; - - /** - * Triggers the valueChanged signal if there is - * a plugin that handles it. - * - * If rangeHelper.saveRange() has already been - * called, then saveRange should be set to false - * to prevent the range being saved twice. - * - * @since 1.4.5 - * @param {boolean} saveRange If to call rangeHelper.saveRange(). - * @private - */ - triggerValueChanged = function (saveRange) { - if (!pluginManager || - (!pluginManager.hasHandler('valuechangedEvent') && - !triggerValueChanged.hasHandler)) { - return; - } - - var currentHtml, - sourceMode = base.sourceMode(), - hasSelection = !sourceMode && rangeHelper.hasSelection(); - - // Composition end isn't guaranteed to fire but must have - // ended when triggerValueChanged() is called so reset it - isComposing = false; - - // Don't need to save the range if sceditor-start-marker - // is present as the range is already saved - saveRange = saveRange !== false && - !wysiwygDocument.getElementById('sceditor-start-marker'); - - // Clear any current timeout as it's now been triggered - if (valueChangedKeyUpTimer) { - clearTimeout(valueChangedKeyUpTimer); - valueChangedKeyUpTimer = false; - } - - if (hasSelection && saveRange) { - rangeHelper.saveRange(); - } - - currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; - - // Only trigger if something has actually changed. - if (currentHtml !== triggerValueChanged.lastVal) { - triggerValueChanged.lastVal = currentHtml; - - trigger(editorContainer, 'valuechanged', { - rawValue: sourceMode ? base.val() : currentHtml - }); - } - - if (hasSelection && saveRange) { - rangeHelper.removeMarkers(); - } - }; - - /** - * Should be called whenever there is a blur event - * @private - */ - valueChangedBlur = function () { - if (valueChangedKeyUpTimer) { - triggerValueChanged(); - } - }; - - /** - * Should be called whenever there is a keypress event - * @param {Event} e The keypress event - * @private - */ - valueChangedKeyUp = function (e) { - var which = e.which, - lastChar = valueChangedKeyUp.lastChar, - lastWasSpace = (lastChar === 13 || lastChar === 32), - lastWasDelete = (lastChar === 8 || lastChar === 46); - - valueChangedKeyUp.lastChar = which; - - if (isComposing) { - return; - } - - // 13 = return & 32 = space - if (which === 13 || which === 32) { - if (!lastWasSpace) { - triggerValueChanged(); - } else { - valueChangedKeyUp.triggerNext = true; - } - // 8 = backspace & 46 = del - } else if (which === 8 || which === 46) { - if (!lastWasDelete) { - triggerValueChanged(); - } else { - valueChangedKeyUp.triggerNext = true; - } - } else if (valueChangedKeyUp.triggerNext) { - triggerValueChanged(); - valueChangedKeyUp.triggerNext = false; - } - - // Clear the previous timeout and set a new one. - clearTimeout(valueChangedKeyUpTimer); - - // Trigger the event 1.5s after the last keypress if space - // isn't pressed. This might need to be lowered, will need - // to look into what the slowest average Chars Per Min is. - valueChangedKeyUpTimer = setTimeout(function () { - if (!isComposing) { - triggerValueChanged(); - } - }, 1500); - }; - - handleComposition = function (e) { - isComposing = /start/i.test(e.type); - - if (!isComposing) { - triggerValueChanged(); - } - }; - - autoUpdate = function () { - base.updateOriginal(); - }; - - // run the initializer - init(); - } - - /** - * Map containing the loaded SCEditor locales - * @type {Object} - * @name locale - * @memberOf sceditor - */ - SCEditor.locale = {}; - - SCEditor.formats = {}; - SCEditor.icons = {}; - - - /** - * Static command helper class - * @class command - * @name sceditor.command - */ - SCEditor.command = - /** @lends sceditor.command */ - { - /** - * Gets a command - * - * @param {string} name - * @return {Object|null} - * @since v1.3.5 - */ - get: function (name) { - return defaultCmds[name] || null; - }, - - /** - * <p>Adds a command to the editor or updates an existing - * command if a command with the specified name already exists.</p> - * - * <p>Once a command is add it can be included in the toolbar by - * adding it's name to the toolbar option in the constructor. It - * can also be executed manually by calling - * {@link sceditor.execCommand}</p> - * - * @example - * SCEditor.command.set("hello", - * { - * exec: function () { - * alert("Hello World!"); - * } - * }); - * - * @param {string} name - * @param {Object} cmd - * @return {this|false} Returns false if name or cmd is false - * @since v1.3.5 - */ - set: function (name, cmd) { - if (!name || !cmd) { - return false; - } - - // merge any existing command properties - cmd = extend(defaultCmds[name] || {}, cmd); - - cmd.remove = function () { - SCEditor.command.remove(name); - }; - - defaultCmds[name] = cmd; - return this; - }, - - /** - * Removes a command - * - * @param {string} name - * @return {this} - * @since v1.3.5 - */ - remove: function (name) { - if (defaultCmds[name]) { - delete defaultCmds[name]; - } - - return this; - } - }; - - /** - * SCEditor - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor - * @author Sam Clarke - */ - - - window.sceditor = { - command: SCEditor.command, - commands: defaultCmds, - defaultOptions: defaultOptions, - - ios: ios, - isWysiwygSupported: isWysiwygSupported, - - regexEscape: regex, - escapeEntities: entities, - escapeUriScheme: uriScheme, - - dom: { - css: css, - attr: attr, - removeAttr: removeAttr, - is: is, - closest: closest, - width: width, - height: height, - traverse: traverse, - rTraverse: rTraverse, - parseHTML: parseHTML, - hasStyling: hasStyling, - convertElement: convertElement, - blockLevelList: blockLevelList, - canHaveChildren: canHaveChildren, - isInline: isInline, - copyCSS: copyCSS, - fixNesting: fixNesting, - findCommonAncestor: findCommonAncestor, - getSibling: getSibling, - removeWhiteSpace: removeWhiteSpace, - extractContents: extractContents, - getOffset: getOffset, - getStyle: getStyle, - hasStyle: hasStyle - }, - locale: SCEditor.locale, - icons: SCEditor.icons, - utils: { - each: each, - isEmptyObject: isEmptyObject, - extend: extend - }, - plugins: PluginManager.plugins, - formats: SCEditor.formats, - create: function (textarea, options) { - options = options || {}; - - // Don't allow the editor to be initialised - // on it's own source editor - if (parent(textarea, '.sceditor-container')) { - return; - } - - if (options.runWithoutWysiwygSupport || isWysiwygSupported) { - /*eslint no-new: off*/ - (new SCEditor(textarea, options)); - } - }, - instance: function (textarea) { - return textarea._sceditor; - } - }; - - /** - * SCEditor - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor - * @author Sam Clarke - * @requires jQuery - */ - - - // For backwards compatibility - $__default['default'].sceditor = window.sceditor; - - /** - * Creates an instance of sceditor on all textareas - * matched by the jQuery selector. - * - * If options is set to "state" it will return bool value - * indicating if the editor has been initialised on the - * matched textarea(s). If there is only one textarea - * it will return the bool value for that textarea. - * If more than one textarea is matched it will - * return an array of bool values for each textarea. - * - * If options is set to "instance" it will return the - * current editor instance for the textarea(s). Like the - * state option, if only one textarea is matched this will - * return just the instance for that textarea. If more than - * one textarea is matched it will return an array of - * instances each textarea. - * - * @param {Object|string} [options] Should either be an Object of options or - * the strings "state" or "instance" - * @return {this|Array<SCEditor>|Array<boolean>|SCEditor|boolean} - */ - $__default['default'].fn.sceditor = function (options) { - var instance; - var ret = []; - - this.each(function () { - instance = this._sceditor; - - // Add state of instance to ret if that is what options is set to - if (options === 'state') { - ret.push(!!instance); - } else if (options === 'instance') { - ret.push(instance); - } else if (!instance) { - $__default['default'].sceditor.create(this, options); - } - }); - - // If nothing in the ret array then must be init so return this - if (!ret.length) { - return this; - } - - return ret.length === 1 ? ret[0] : ret; - }; - -}(jQuery)); -;/** - * SCEditor XHTML Plugin - * http://www.sceditor.com/ - * - * Copyright (C) 2017, Sam Clarke (samclarke.com) - * - * SCEditor is licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - * - * @author Sam Clarke - */ -(function (sceditor) { - 'use strict'; - - var dom = sceditor.dom; - var utils = sceditor.utils; - - var css = dom.css; - var attr = dom.attr; - var is = dom.is; - var removeAttr = dom.removeAttr; - var convertElement = dom.convertElement; - var extend = utils.extend; - var each = utils.each; - var isEmptyObject = utils.isEmptyObject; - - var getEditorCommand = sceditor.command.get; - - var defaultCommandsOverrides = { - bold: { - txtExec: ['<strong>', '</strong>'] - }, - italic: { - txtExec: ['<em>', '</em>'] - }, - underline: { - txtExec: ['<span style="text-decoration:underline;">', '</span>'] - }, - strike: { - txtExec: ['<span style="text-decoration:line-through;">', '</span>'] - }, - subscript: { - txtExec: ['<sub>', '</sub>'] - }, - superscript: { - txtExec: ['<sup>', '</sup>'] - }, - left: { - txtExec: ['<div style="text-align:left;">', '</div>'] - }, - center: { - txtExec: ['<div style="text-align:center;">', '</div>'] - }, - right: { - txtExec: ['<div style="text-align:right;">', '</div>'] - }, - justify: { - txtExec: ['<div style="text-align:justify;">', '</div>'] - }, - font: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('font')._dropDown( - editor, - caller, - function (font) { - editor.insertText('<span style="font-family:' + - font + ';">', '</span>'); - } - ); - } - }, - size: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('size')._dropDown( - editor, - caller, - function (size) { - editor.insertText('<span style="font-size:' + - size + ';">', '</span>'); - } - ); - } - }, - color: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('color')._dropDown( - editor, - caller, - function (color) { - editor.insertText('<span style="color:' + - color + ';">', '</span>'); - } - ); - } - }, - bulletlist: { - txtExec: ['<ul><li>', '</li></ul>'] - }, - orderedlist: { - txtExec: ['<ol><li>', '</li></ol>'] - }, - table: { - txtExec: ['<table><tr><td>', '</td></tr></table>'] - }, - horizontalrule: { - txtExec: ['<hr />'] - }, - code: { - txtExec: ['<code>', '</code>'] - }, - image: { - txtExec: function (caller, selected) { - var editor = this; - - getEditorCommand('image')._dropDown( - editor, - caller, - selected, - function (url, width, height) { - var attrs = ''; - - if (width) { - attrs += ' width="' + width + '"'; - } - - if (height) { - attrs += ' height="' + height + '"'; - } - - editor.insertText( - '<img' + attrs + ' src="' + url + '" />' - ); - } - ); - } - }, - email: { - txtExec: function (caller, selected) { - var editor = this; - - getEditorCommand('email')._dropDown( - editor, - caller, - function (url, text) { - editor.insertText( - '<a href="mailto:' + url + '">' + - (text || selected || url) + - '</a>' - ); - } - ); - } - }, - link: { - txtExec: function (caller, selected) { - var editor = this; - - getEditorCommand('link')._dropDown( - editor, - caller, - function (url, text) { - editor.insertText( - '<a href="' + url + '">' + - (text || selected || url) + - '</a>' - ); - } - ); - } - }, - quote: { - txtExec: ['<blockquote>', '</blockquote>'] - }, - youtube: { - txtExec: function (caller) { - var editor = this; - - getEditorCommand('youtube')._dropDown( - editor, - caller, - function (id, time) { - editor.insertText( - '<iframe width="560" height="315" ' + - 'src="https://www.youtube.com/embed/{id}?' + - 'wmode=opaque&start=' + time + '" ' + - 'data-youtube-id="' + id + '" ' + - 'frameborder="0" allowfullscreen></iframe>' - ); - } - ); - } - }, - rtl: { - txtExec: ['<div stlye="direction:rtl;">', '</div>'] - }, - ltr: { - txtExec: ['<div stlye="direction:ltr;">', '</div>'] - } - }; - - /** - * XHTMLSerializer part of the XHTML plugin. - * - * @class XHTMLSerializer - * @name jQuery.sceditor.XHTMLSerializer - * @since v1.4.1 - */ - sceditor.XHTMLSerializer = function () { - var base = this; - - var opts = { - indentStr: '\t' - }; - - /** - * Array containing the output, used as it's faster - * than string concatenation in slow browsers. - * @type {Array} - * @private - */ - var outputStringBuilder = []; - - /** - * Current indention level - * @type {number} - * @private - */ - var currentIndent = 0; - - // TODO: use escape.entities - /** - * Escapes XHTML entities - * - * @param {string} str - * @return {string} - * @private - */ - function escapeEntities(str) { - var entities = { - '&': '&', - '<': '<', - '>': '>', - '"': '"', - '\xa0': ' ' - }; - - return !str ? '' : str.replace(/[&<>"\xa0]/g, function (entity) { - return entities[entity] || entity; - }); - }; - - /** - * Replace spaces including newlines with a single - * space except for non-breaking spaces - * - * @param {string} str - * @return {string} - * @private - */ - function trim(str) { - return str.replace(/[^\S\u00A0]+/g, ' '); - }; - - /** - * Serializes a node to XHTML - * - * @param {Node} node Node to serialize - * @param {boolean} onlyChildren If to only serialize the nodes - * children and not the node - * itself - * @return {string} The serialized node - * @name serialize - * @memberOf jQuery.sceditor.XHTMLSerializer.prototype - * @since v1.4.1 - */ - base.serialize = function (node, onlyChildren) { - outputStringBuilder = []; - - if (onlyChildren) { - node = node.firstChild; - - while (node) { - serializeNode(node); - node = node.nextSibling; - } - } else { - serializeNode(node); - } - - return outputStringBuilder.join(''); - }; - - /** - * Serializes a node to the outputStringBuilder - * - * @param {Node} node - * @return {void} - * @private - */ - function serializeNode(node, parentIsPre) { - switch (node.nodeType) { - case 1: // element - handleElement(node, parentIsPre); - break; - - case 3: // text - handleText(node, parentIsPre); - break; - - case 4: // cdata section - handleCdata(node); - break; - - case 8: // comment - handleComment(node); - break; - - case 9: // document - case 11: // document fragment - handleDoc(node); - break; - - // Ignored types - case 2: // attribute - case 5: // entity ref - case 6: // entity - case 7: // processing instruction - case 10: // document type - case 12: // notation - break; - } - }; - - /** - * Handles doc node - * @param {Node} node - * @return {void} - * @private - */ - function handleDoc(node) { - var child = node.firstChild; - - while (child) { - serializeNode(child); - child = child.nextSibling; - } - }; - - /** - * Handles element nodes - * @param {Node} node - * @return {void} - * @private - */ - function handleElement(node, parentIsPre) { - var child, attr, attrValue, - tagName = node.nodeName.toLowerCase(), - isIframe = tagName === 'iframe', - attrIdx = node.attributes.length, - firstChild = node.firstChild, - // pre || pre-wrap with any vendor prefix - isPre = parentIsPre || - /pre(?:\-wrap)?$/i.test(css(node, 'whiteSpace')), - selfClosing = !node.firstChild && !dom.canHaveChildren(node) && - !isIframe; - - if (is(node, '.sceditor-ignore')) { - return; - } - - output('<' + tagName, !parentIsPre && canIndent(node)); - while (attrIdx--) { - attr = node.attributes[attrIdx]; - - attrValue = attr.value; - - output(' ' + attr.name.toLowerCase() + '="' + - escapeEntities(attrValue) + '"', false); - } - output(selfClosing ? ' />' : '>', false); - - if (!isIframe) { - child = firstChild; - } - - while (child) { - currentIndent++; - - serializeNode(child, isPre); - child = child.nextSibling; - - currentIndent--; - } - - if (!selfClosing) { - output( - '</' + tagName + '>', - !isPre && !isIframe && canIndent(node) && - firstChild && canIndent(firstChild) - ); - } - }; - - /** - * Handles CDATA nodes - * @param {Node} node - * @return {void} - * @private - */ - function handleCdata(node) { - output('<![CDATA[' + escapeEntities(node.nodeValue) + ']]>'); - }; - - /** - * Handles comment nodes - * @param {Node} node - * @return {void} - * @private - */ - function handleComment(node) { - output('<!-- ' + escapeEntities(node.nodeValue) + ' -->'); - }; - - /** - * Handles text nodes - * @param {Node} node - * @return {void} - * @private - */ - function handleText(node, parentIsPre) { - var text = node.nodeValue; - - if (!parentIsPre) { - text = trim(text); - } - - if (text) { - output(escapeEntities(text), !parentIsPre && canIndent(node)); - } - }; - - /** - * Adds a string to the outputStringBuilder. - * - * The string will be indented unless indent is set to boolean false. - * @param {string} str - * @param {boolean} indent - * @return {void} - * @private - */ - function output(str, indent) { - var i = currentIndent; - - if (indent !== false) { - // Don't add a new line if it's the first element - if (outputStringBuilder.length) { - outputStringBuilder.push('\n'); - } - - while (i--) { - outputStringBuilder.push(opts.indentStr); - } - } - - outputStringBuilder.push(str); - }; - - /** - * Checks if should indent the node or not - * @param {Node} node - * @return {boolean} - * @private - */ - function canIndent(node) { - var prev = node.previousSibling; - - if (node.nodeType !== 1 && prev) { - return !dom.isInline(prev); - } - - // first child of a block element - if (!prev && !dom.isInline(node.parentNode)) { - return true; - } - - return !dom.isInline(node); - }; - }; - - /** - * SCEditor XHTML plugin - * @class xhtml - * @name jQuery.sceditor.plugins.xhtml - * @since v1.4.1 - */ - function xhtmlFormat() { - var base = this; - - /** - * Tag converters cache - * @type {Object} - * @private - */ - var tagConvertersCache = {}; - - /** - * Attributes filter cache - * @type {Object} - * @private - */ - var attrsCache = {}; - - /** - * Init - * @return {void} - */ - base.init = function () { - if (!isEmptyObject(xhtmlFormat.converters || {})) { - each( - xhtmlFormat.converters, - function (idx, converter) { - each(converter.tags, function (tagname) { - if (!tagConvertersCache[tagname]) { - tagConvertersCache[tagname] = []; - } - - tagConvertersCache[tagname].push(converter); - }); - } - ); - } - - this.commands = extend(true, - {}, defaultCommandsOverrides, this.commands); - }; - - /** - * Converts the WYSIWYG content to XHTML - * - * @param {boolean} isFragment - * @param {string} html - * @param {Document} context - * @param {HTMLElement} [parent] - * @return {string} - * @memberOf jQuery.sceditor.plugins.xhtml.prototype - */ - function toSource(isFragment, html, context) { - var xhtml, - container = context.createElement('div'); - container.innerHTML = html; - - css(container, 'visibility', 'hidden'); - context.body.appendChild(container); - - convertTags(container); - removeTags(container); - removeAttribs(container); - - if (!isFragment) { - wrapInlines(container); - } - - xhtml = (new sceditor.XHTMLSerializer()).serialize(container, true); - - context.body.removeChild(container); - - return xhtml; - }; - - base.toSource = toSource.bind(null, false); - - base.fragmentToSource = toSource.bind(null, true);; - - /** - * Runs all converters for the specified tagName - * against the DOM node. - * @param {string} tagName - * @return {Node} node - * @private - */ - function convertNode(tagName, node) { - if (!tagConvertersCache[tagName]) { - return; - } - - tagConvertersCache[tagName].forEach(function (converter) { - if (converter.tags[tagName]) { - each(converter.tags[tagName], function (attr, values) { - if (!node.getAttributeNode) { - return; - } - - attr = node.getAttributeNode(attr); - - if (!attr || values && values.indexOf(attr.value) < 0) { - return; - } - - converter.conv.call(base, node); - }); - } else if (converter.conv) { - converter.conv.call(base, node); - } - }); - }; - - /** - * Converts any tags/attributes to their XHTML equivalents - * @param {Node} node - * @return {void} - * @private - */ - function convertTags(node) { - dom.traverse(node, function (node) { - var tagName = node.nodeName.toLowerCase(); - - convertNode('*', node); - convertNode(tagName, node); - }, true); - }; - - /** - * Tests if a node is empty and can be removed. - * - * @param {Node} node - * @return {boolean} - * @private - */ - function isEmpty(node, excludeBr) { - var rect, - childNodes = node.childNodes, - tagName = node.nodeName.toLowerCase(), - nodeValue = node.nodeValue, - childrenLength = childNodes.length, - allowedEmpty = xhtmlFormat.allowedEmptyTags || []; - - if (excludeBr && tagName === 'br') { - return true; - } - - if (is(node, '.sceditor-ignore')) { - return true; - } - - if (allowedEmpty.indexOf(tagName) > -1 || tagName === 'td' || - !dom.canHaveChildren(node)) { - - return false; - } - - // \S|\u00A0 = any non space char - if (nodeValue && /\S|\u00A0/.test(nodeValue)) { - return false; - } - - while (childrenLength--) { - if (!isEmpty(childNodes[childrenLength], - excludeBr && !node.previousSibling && !node.nextSibling)) { - return false; - } - } - - // Treat tags with a width and height from CSS as not empty - if (node.getBoundingClientRect && - (node.className || node.hasAttributes('style'))) { - rect = node.getBoundingClientRect(); - return !rect.width || !rect.height; - } - - return true; - }; - - /** - * Removes any tags that are not white listed or if no - * tags are white listed it will remove any tags that - * are black listed. - * - * @param {Node} rootNode - * @return {void} - * @private - */ - function removeTags(rootNode) { - dom.traverse(rootNode, function (node) { - var remove, - tagName = node.nodeName.toLowerCase(), - parentNode = node.parentNode, - nodeType = node.nodeType, - isBlock = !dom.isInline(node), - previousSibling = node.previousSibling, - nextSibling = node.nextSibling, - isTopLevel = parentNode === rootNode, - noSiblings = !previousSibling && !nextSibling, - empty = tagName !== 'iframe' && isEmpty(node, - isTopLevel && noSiblings && tagName !== 'br'), - document = node.ownerDocument, - allowedTags = xhtmlFormat.allowedTags, - firstChild = node.firstChild, - disallowedTags = xhtmlFormat.disallowedTags; - - // 3 = text node - if (nodeType === 3) { - return; - } - - if (nodeType === 4) { - tagName = '!cdata'; - } else if (tagName === '!' || nodeType === 8) { - tagName = '!comment'; - } - - if (nodeType === 1) { - // skip empty nlf elements (new lines automatically - // added after block level elements like quotes) - if (is(node, '.sceditor-nlf')) { - if (!firstChild || (node.childNodes.length === 1 && - /br/i.test(firstChild.nodeName))) { - // Mark as empty,it will be removed by the next code - empty = true; - } else { - node.classList.remove('sceditor-nlf'); - - if (!node.className) { - removeAttr(node, 'class'); - } - } - } - } - - if (empty) { - remove = true; - // 3 is text node which do not get filtered - } else if (allowedTags && allowedTags.length) { - remove = (allowedTags.indexOf(tagName) < 0); - } else if (disallowedTags && disallowedTags.length) { - remove = (disallowedTags.indexOf(tagName) > -1); - } - - if (remove) { - if (!empty) { - if (isBlock && previousSibling && - dom.isInline(previousSibling)) { - parentNode.insertBefore( - document.createTextNode(' '), node); - } - - // Insert all the childen after node - while (node.firstChild) { - parentNode.insertBefore(node.firstChild, - nextSibling); - } - - if (isBlock && nextSibling && - dom.isInline(nextSibling)) { - parentNode.insertBefore( - document.createTextNode(' '), nextSibling); - } - } - - parentNode.removeChild(node); - } - }, true); - }; - - /** - * Merges two sets of attribute filters into one - * - * @param {Object} filtersA - * @param {Object} filtersB - * @return {Object} - * @private - */ - function mergeAttribsFilters(filtersA, filtersB) { - var ret = {}; - - if (filtersA) { - ret = extend({}, ret, filtersA); - } - - if (!filtersB) { - return ret; - } - - each(filtersB, function (attrName, values) { - if (Array.isArray(values)) { - ret[attrName] = (ret[attrName] || []).concat(values); - } else if (!ret[attrName]) { - ret[attrName] = null; - } - }); - - return ret; - }; - - /** - * Wraps adjacent inline child nodes of root - * in paragraphs. - * - * @param {Node} root - * @private - */ - function wrapInlines(root) { - // Strip empty text nodes so they don't get wrapped. - dom.removeWhiteSpace(root); - - var wrapper; - var node = root.firstChild; - var next; - while (node) { - next = node.nextSibling; - - if (dom.isInline(node) && !is(node, '.sceditor-ignore')) { - if (!wrapper) { - wrapper = root.ownerDocument.createElement('p'); - node.parentNode.insertBefore(wrapper, node); - } - - wrapper.appendChild(node); - } else { - wrapper = null; - } - - node = next; - } - }; - - /** - * Removes any attributes that are not white listed or - * if no attributes are white listed it will remove - * any attributes that are black listed. - * @param {Node} node - * @return {void} - * @private - */ - function removeAttribs(node) { - var tagName, attr, attrName, attrsLength, validValues, remove, - allowedAttribs = xhtmlFormat.allowedAttribs, - isAllowed = allowedAttribs && - !isEmptyObject(allowedAttribs), - disallowedAttribs = xhtmlFormat.disallowedAttribs, - isDisallowed = disallowedAttribs && - !isEmptyObject(disallowedAttribs); - - attrsCache = {}; - - dom.traverse(node, function (node) { - if (!node.attributes) { - return; - } - - tagName = node.nodeName.toLowerCase(); - attrsLength = node.attributes.length; - - if (attrsLength) { - if (!attrsCache[tagName]) { - if (isAllowed) { - attrsCache[tagName] = mergeAttribsFilters( - allowedAttribs['*'], - allowedAttribs[tagName] - ); - } else { - attrsCache[tagName] = mergeAttribsFilters( - disallowedAttribs['*'], - disallowedAttribs[tagName] - ); - } - } - - while (attrsLength--) { - attr = node.attributes[attrsLength]; - attrName = attr.name; - validValues = attrsCache[tagName][attrName]; - remove = false; - - if (isAllowed) { - remove = validValues !== null && - (!Array.isArray(validValues) || - validValues.indexOf(attr.value) < 0); - } else if (isDisallowed) { - remove = validValues === null || - (Array.isArray(validValues) && - validValues.indexOf(attr.value) > -1); - } - - if (remove) { - node.removeAttribute(attrName); - } - } - } - }); - }; - }; - - /** - * Tag conveters, a converter is applied to all - * tags that match the criteria. - * @type {Array} - * @name jQuery.sceditor.plugins.xhtml.converters - * @since v1.4.1 - */ - xhtmlFormat.converters = [ - { - tags: { - '*': { - width: null - } - }, - conv: function (node) { - css(node, 'width', attr(node, 'width')); - removeAttr(node, 'width'); - } - }, - { - tags: { - '*': { - height: null - } - }, - conv: function (node) { - css(node, 'height', attr(node, 'height')); - removeAttr(node, 'height'); - } - }, - { - tags: { - 'li': { - value: null - } - }, - conv: function (node) { - removeAttr(node, 'value'); - } - }, - { - tags: { - '*': { - text: null - } - }, - conv: function (node) { - css(node, 'color', attr(node, 'text')); - removeAttr(node, 'text'); - } - }, - { - tags: { - '*': { - color: null - } - }, - conv: function (node) { - css(node, 'color', attr(node, 'color')); - removeAttr(node, 'color'); - } - }, - { - tags: { - '*': { - face: null - } - }, - conv: function (node) { - css(node, 'fontFamily', attr(node, 'face')); - removeAttr(node, 'face'); - } - }, - { - tags: { - '*': { - align: null - } - }, - conv: function (node) { - css(node, 'textAlign', attr(node, 'align')); - removeAttr(node, 'align'); - } - }, - { - tags: { - '*': { - border: null - } - }, - conv: function (node) { - css(node, 'borderWidth', attr(node, 'border')); - removeAttr(node, 'border'); - } - }, - { - tags: { - applet: { - name: null - }, - img: { - name: null - }, - layer: { - name: null - }, - map: { - name: null - }, - object: { - name: null - }, - param: { - name: null - } - }, - conv: function (node) { - if (!attr(node, 'id')) { - attr(node, 'id', attr(node, 'name')); - } - - removeAttr(node, 'name'); - } - }, - { - tags: { - '*': { - vspace: null - } - }, - conv: function (node) { - css(node, 'marginTop', attr(node, 'vspace') - 0); - css(node, 'marginBottom', attr(node, 'vspace') - 0); - removeAttr(node, 'vspace'); - } - }, - { - tags: { - '*': { - hspace: null - } - }, - conv: function (node) { - css(node, 'marginLeft', attr(node, 'hspace') - 0); - css(node, 'marginRight', attr(node, 'hspace') - 0); - removeAttr(node, 'hspace'); - } - }, - { - tags: { - 'hr': { - noshade: null - } - }, - conv: function (node) { - css(node, 'borderStyle', 'solid'); - removeAttr(node, 'noshade'); - } - }, - { - tags: { - '*': { - nowrap: null - } - }, - conv: function (node) { - css(node, 'whiteSpace', 'nowrap'); - removeAttr(node, 'nowrap'); - } - }, - { - tags: { - big: null - }, - conv: function (node) { - css(convertElement(node, 'span'), 'fontSize', 'larger'); - } - }, - { - tags: { - small: null - }, - conv: function (node) { - css(convertElement(node, 'span'), 'fontSize', 'smaller'); - } - }, - { - tags: { - b: null - }, - conv: function (node) { - convertElement(node, 'strong'); - } - }, - { - tags: { - u: null - }, - conv: function (node) { - css(convertElement(node, 'span'), 'textDecoration', - 'underline'); - } - }, - { - tags: { - s: null, - strike: null - }, - conv: function (node) { - css(convertElement(node, 'span'), 'textDecoration', - 'line-through'); - } - }, - { - tags: { - dir: null - }, - conv: function (node) { - convertElement(node, 'ul'); - } - }, - { - tags: { - center: null - }, - conv: function (node) { - css(convertElement(node, 'div'), 'textAlign', 'center'); - } - }, - { - tags: { - font: { - size: null - } - }, - conv: function (node) { - css(node, 'fontSize', css(node, 'fontSize')); - removeAttr(node, 'size'); - } - }, - { - tags: { - font: null - }, - conv: function (node) { - // All it's attributes will be converted - // by the attribute converters - convertElement(node, 'span'); - } - }, - { - tags: { - '*': { - type: ['_moz'] - } - }, - conv: function (node) { - removeAttr(node, 'type'); - } - }, - { - tags: { - '*': { - '_moz_dirty': null - } - }, - conv: function (node) { - removeAttr(node, '_moz_dirty'); - } - }, - { - tags: { - '*': { - '_moz_editor_bogus_node': null - } - }, - conv: function (node) { - node.parentNode.removeChild(node); - } - }, - { - tags: { - '*': { - 'data-sce-target': null - } - }, - conv: function (node) { - var rel = attr(node, 'rel') || ''; - var target = attr(node, 'data-sce-target'); - - // Only allow the value _blank and only on links - if (target === '_blank' && is(node, 'a')) { - if (!/(^|\s)noopener(\s|$)/.test(rel)) { - attr(node, 'rel', 'noopener' + (rel ? ' ' + rel : '')); - } - - attr(node, 'target', target); - } - - - removeAttr(node, 'data-sce-target'); - } - }, - { - tags: { - code: null - }, - conv: function (node) { - var node, nodes = node.getElementsByTagName('div'); - while ((node = nodes[0])) { - node.style.display = 'block'; - convertElement(node, 'span'); - } - } - } - ]; - - /** - * Allowed attributes map. - * - * To allow an attribute for all tags use * as the tag name. - * - * Leave empty or null to allow all attributes. (the disallow - * list will be used to filter them instead) - * @type {Object} - * @name jQuery.sceditor.plugins.xhtml.allowedAttribs - * @since v1.4.1 - */ - xhtmlFormat.allowedAttribs = {}; - - /** - * Attributes that are not allowed. - * - * Only used if allowed attributes is null or empty. - * @type {Object} - * @name jQuery.sceditor.plugins.xhtml.disallowedAttribs - * @since v1.4.1 - */ - xhtmlFormat.disallowedAttribs = {}; - - /** - * Array containing all the allowed tags. - * - * If null or empty all tags will be allowed. - * @type {Array} - * @name jQuery.sceditor.plugins.xhtml.allowedTags - * @since v1.4.1 - */ - xhtmlFormat.allowedTags = []; - - /** - * Array containing all the disallowed tags. - * - * Only used if allowed tags is null or empty. - * @type {Array} - * @name jQuery.sceditor.plugins.xhtml.disallowedTags - * @since v1.4.1 - */ - xhtmlFormat.disallowedTags = []; - - /** - * Array containing tags which should not be removed when empty. - * - * @type {Array} - * @name jQuery.sceditor.plugins.xhtml.allowedEmptyTags - * @since v2.0.0 - */ - xhtmlFormat.allowedEmptyTags = []; - - sceditor.formats.xhtml = xhtmlFormat; -}(sceditor));
diff -r c7c738ddbbf8 -r ec68006a495e src/development/plugins/v1compat.js --- a/src/development/plugins/v1compat.js Thu Aug 04 17:43:17 2022 -0600 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,97 +0,0 @@ -/** - * Version 1 compatibility plugin - * - * Patches commands and BBCodes set with - * command.set and bbcode.set to wrap DOM - * node arguments in jQuery objects. - * - * Should only be used to ease migrating. - */ -(function (sceditor, $) { - 'use strict'; - - var plugins = sceditor.plugins; - - /** - * Patches a method to wrap and DOM nodes in a jQuery object - * @private - */ - function patchMethodArguments(fn) { - if (fn._scePatched) { - return fn; - } - - var patch = function () { - var args = []; - - for (var i = 0; i < arguments.length; i++) { - var arg = arguments[i]; - - if (arg && arg.nodeType) { - args.push($(arg)); - } else { - args.push(arg); - } - } - - return fn.apply(this, args); - }; - - patch._scePatched = true; - return patch; - } - - /** - * Patches a method to wrap any return value in a jQuery object - * @private - */ - function patchMethodReturn(fn) { - if (fn._scePatched) { - return fn; - } - - var patch = function () { - return $(fn.apply(this, arguments)); - }; - - patch._scePatched = true; - return patch; - } - - var oldSet = sceditor.command.set; - sceditor.command.set = function (name, cmd) { - if (cmd && typeof cmd.exec === 'function') { - cmd.exec = patchMethodArguments(cmd.exec); - } - - if (cmd && typeof cmd.txtExec === 'function') { - cmd.txtExec = patchMethodArguments(cmd.txtExec); - } - - return oldSet.call(this, name, cmd); - }; - - if (plugins.bbcode) { - var oldBBCodeSet = plugins.bbcode.bbcode.set; - plugins.bbcode.bbcode.set = function (name, bbcode) { - if (bbcode && typeof bbcode.format === 'function') { - bbcode.format = patchMethodArguments(bbcode.format); - } - - return oldBBCodeSet.call(this, name, bbcode); - }; - }; - - var oldCreate = sceditor.create; - sceditor.create = function (textarea, options) { - oldCreate.call(this, textarea, options); - - if (textarea && textarea._sceditor) { - var editor = textarea._sceditor; - - editor.getBody = patchMethodReturn(editor.getBody); - editor.getContentAreaContainer = - patchMethodReturn(editor.getContentAreaContainer); - } - }; -}(sceditor, jQuery));