Sets the width and/or height of the editor.
* *If width or height is not numeric it is ignored.
* * @param {int} width Width in px * @param {int} height Height in px * @since 1.4.1 * @function * @memberOf jQuery.sceditor.prototype * @name dimensions^2 * @return {this} */ /** *Sets the width and/or height of the editor.
* *If width or height is not numeric it is ignored.
* *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.
* * @param {int} width Width in px * @param {int} height Height in px * @param {boolean} [save=true] If to store the new sizes * @since 1.4.1 * @function * @memberOf jQuery.sceditor.prototype * @name dimensions^3 * @return {this} */ base.dimensions = function (width, height, save) { // IE6 & IE7 add 2 pixels to the source mode textarea // height which must be ignored. // Doesn't seem to be any way to fix it with only CSS var ieBorder = IE_VER < 8 || globalDoc.documentMode < 8 ? 2 : 0; var undef; // set undefined width/height to boolean false width = (!width && width !== 0) ? false : width; height = (!height && height !== 0) ? false : height; if (width === false && height === false) { return { width: base.width(), height: base.height() }; } if ($wysiwygEditor.data('outerWidthOffset') === undef) { base.updateStyleCache(); } if (width !== false) { if (save !== false) { options.width = width; } // This is the problem if (height === false) { height = $editorContainer.height(); save = false; } $editorContainer.width(width); if (width && width.toString().indexOf('%') > -1) { width = $editorContainer.width(); } $wysiwygEditor.width( width - $wysiwygEditor.data('outerWidthOffset') ); $sourceEditor.width( width - $sourceEditor.data('outerWidthOffset') ); // Fix overflow issue with iOS not // breaking words unless a width is set if (browser.ios && $wysiwygBody) { $wysiwygBody.width( width - $wysiwygEditor.data('outerWidthOffset') - ($wysiwygBody.outerWidth(true) - $wysiwygBody.width()) ); } } if (height !== false) { if (save !== false) { options.height = height; } // Convert % based heights to px if (height && height.toString().indexOf('%') > -1) { height = $editorContainer.height(height).height(); $editorContainer.height('auto'); } height -= !options.toolbarContainer ? $toolbar.outerHeight(true) : 0; $wysiwygEditor.height( height - $wysiwygEditor.data('outerHeightOffset') ); $sourceEditor.height( height - ieBorder - $sourceEditor.data('outerHeightOffset') ); } return base; }; /** * Updates the CSS styles cache. * * This shouldn't be needed unless changing the editors theme. *F * @since 1.4.1 * @function * @memberOf jQuery.sceditor.prototype * @name updateStyleCache * @return {int} */ base.updateStyleCache = function () { // caching these improves FF resize performance $wysiwygEditor.data( 'outerWidthOffset', $wysiwygEditor.outerWidth(true) - $wysiwygEditor.width() ); $sourceEditor.data( 'outerWidthOffset', $sourceEditor.outerWidth(true) - $sourceEditor.width() ); $wysiwygEditor.data( 'outerHeightOffset', $wysiwygEditor.outerHeight(true) - $wysiwygEditor.height() ); $sourceEditor.data( 'outerHeightOffset', $sourceEditor.outerHeight(true) - $sourceEditor.height() ); }; /** * Gets the height of the editor in px * * @since 1.3.5 * @function * @memberOf jQuery.sceditor.prototype * @name height * @return {int} */ /** * Sets the height of the editor * * @param {int} height Height in px * @since 1.3.5 * @function * @memberOf jQuery.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 {int} height Height in px * @param {boolean} [saveHeight=true] If to store the height * @since 1.4.1 * @function * @memberOf jQuery.sceditor.prototype * @name height^3 * @return {this} */ base.height = function (height, saveHeight) { if (!height && height !== 0) { return $editorContainer.height(); } base.dimensions(null, height, saveHeight); return base; }; /** * Gets if the editor is maximised or not * * @since 1.4.1 * @function * @memberOf jQuery.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 jQuery.sceditor.prototype * @name maximize^2 * @return {this} */ base.maximize = function (maximize) { if (typeof maximize === 'undefined') { return $editorContainer.is('.sceditor-maximize'); } maximize = !!maximize; // IE 6 fix if (IE_VER < 7) { $('html, body').toggleClass('sceditor-maximize', maximize); } $editorContainer.toggleClass('sceditor-maximize', maximize); base.width(maximize ? '100%' : options.width, false); base.height(maximize ? '100%' : options.height, false); return base; }; /** * Expands 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 jQuery.sceditor.prototype * @see #resizeToContent */ base.expandToContent = function (ignoreMaxHeight) { var currentHeight = $editorContainer.height(), padding = (currentHeight - $wysiwygEditor.height()), height = $wysiwygBody[0].scrollHeight || $wysiwygDoc[0].documentElement.scrollHeight, maxHeight = options.resizeMaxHeight || ((options.height || $original.height()) * 2); height += padding; if ((ignoreMaxHeight === true || height <= maxHeight) && height > currentHeight) { base.height(height); } }; /** * Destroys the editor, removing all elements and * event handlers. * * Leaves only the original textarea. * * @function * @name destroy * @memberOf jQuery.sceditor.prototype */ base.destroy = function () { // Don't destroy if the editor has already been destroyed if (!pluginManager) { return; } pluginManager.destroy(); rangeHelper = null; lastRange = null; pluginManager = null; if ($dropdown) { $dropdown.off().remove(); } $globalDoc.off('click', handleDocumentClick); $globalWin.off('resize orientationChanged', handleWindowResize); $(original.form) .off('reset', handleFormReset) .off('submit', base.updateOriginal); $wysiwygBody.off(); $wysiwygDoc.off().find('*').remove(); $sourceEditor.off().remove(); $toolbar.remove(); $editorContainer.off().find('*').off().remove(); $editorContainer.remove(); $original .removeData('sceditor') .removeData('sceditorbbcode') .show(); if (isRequired) { $original.attr('required', 'required'); } }; /** * 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 * @param {bool} ieFix If to add the unselectable attribute * to all the contents elements. Stops * IE from deselecting the text in the * editor * @function * @name createDropDown * @memberOf jQuery.sceditor.prototype */ base.createDropDown = function (menuItem, name, content, ieFix) { // first click for create second click for close var dropDownCss, cssClass = 'sceditor-' + name, onlyclose = $dropdown && $dropdown.is('.' + cssClass); // Will re-focus the editor. This is needed for IE // as it has special logic to save/restore the selection base.closeDropDown(true); if (onlyclose) { return; } // IE needs unselectable attr to stop it from // unselecting the text in the editor. // SCEditor can cope if IE does unselect the // text it's just not nice. if (ieFix !== false) { $(content) .find(':not(input,textarea)') .filter(function () { return this.nodeType === 1; }) .attr('unselectable', 'on'); } dropDownCss = { top: menuItem.offset().top, left: menuItem.offset().left, marginTop: menuItem.outerHeight() }; $.extend(dropDownCss, options.dropDownCss); $dropdown = $('') .css(dropDownCss) .append(content) .appendTo($('body')) .on('click focusin', function (e) { // stop clicks within the dropdown from being handled e.stopPropagation(); }); // If try to focus the first input immediately IE will // place the cursor at the start of the editor instead // of focusing on the input. setTimeout(function () { if ($dropdown) { $dropdown.find('input,textarea').first().focus(); } }); }; /** * Handles any document click and closes the dropdown if open * @private */ handleDocumentClick = function (e) { // ignore right clicks if (e.which !== 3 && $dropdown) { autoUpdate(); base.closeDropDown(); } }; /** * Handles the WYSIWYG editors paste event * @private */ handlePasteEvt = function (e) { var html, handlePaste, scrollTop, elm = $wysiwygBody[0], doc = $wysiwygDoc[0], checkCount = 0, pastearea = globalDoc.createElement('div'), prePasteContent = doc.createDocumentFragment(), clipboardData = e ? e.clipboardData : false; if (options.disablePasting) { return false; } if (!options.enablePasteFiltering) { return; } rangeHelper.saveRange(); globalDoc.body.appendChild(pastearea); if (clipboardData && clipboardData.getData) { if ((html = clipboardData.getData('text/html')) || (html = clipboardData.getData('text/plain'))) { pastearea.innerHTML = html; handlePasteData(elm, pastearea); return false; } } // Save the scroll position so can be restored // when contents is restored scrollTop = $wysiwygBody.scrollTop() || $wysiwygDoc.scrollTop(); while (elm.firstChild) { prePasteContent.appendChild(elm.firstChild); } // try make pastearea contenteditable and redirect to that? Might work. // Check the tests if still exist, if not re-0create handlePaste = function (elm, pastearea) { if (elm.childNodes.length > 0 || checkCount > 25) { while (elm.firstChild) { pastearea.appendChild(elm.firstChild); } while (prePasteContent.firstChild) { elm.appendChild(prePasteContent.firstChild); } $wysiwygBody.scrollTop(scrollTop); $wysiwygDoc.scrollTop(scrollTop); if (pastearea.childNodes.length > 0) { handlePasteData(elm, pastearea); } else { rangeHelper.restoreRange(); } } else { // Allow max 25 checks before giving up. // Needed in case an empty string is pasted or // something goes wrong. checkCount++; setTimeout(function () { handlePaste(elm, pastearea); }, 20); } }; handlePaste(elm, pastearea); base.focus(); return true; }; /** * Gets the pasted data, filters it and then inserts it. * @param {Element} elm * @param {Element} pastearea * @private */ handlePasteData = function (elm, pastearea) { // fix any invalid nesting dom.fixNesting(pastearea); // TODO: Trigger custom paste event to allow filtering // (pre and post converstion?) var pasteddata = pastearea.innerHTML; if (pluginManager.hasHandler('toSource')) { pasteddata = pluginManager.callOnlyFirst( 'toSource', pasteddata, $(pastearea) ); } pastearea.parentNode.removeChild(pastearea); if (pluginManager.hasHandler('toWysiwyg')) { pasteddata = pluginManager.callOnlyFirst( 'toWysiwyg', pasteddata, true ); } rangeHelper.restoreRange(); base.wysiwygEditorInsertHtml(pasteddata, null, true); }; /** * Closes any currently open drop down * * @param {bool} [focus=false] If to focus the editor * after closing the drop down * @function * @name closeDropDown * @memberOf jQuery.sceditor.prototype */ base.closeDropDown = function (focus) { if ($dropdown) { $dropdown.off().remove(); $dropdown = null; } if (focus === true) { base.focus(); } }; /** * Gets the WYSIWYG editors document * @private */ getWysiwygDoc = function () { if (wysiwygEditor.contentDocument) { return wysiwygEditor.contentDocument; } if (wysiwygEditor.contentWindow && wysiwygEditor.contentWindow.document) { return wysiwygEditor.contentWindow.document; } return wysiwygEditor.document; }; /** *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 jQuery.sceditor.prototype */ base.wysiwygEditorInsertHtml = function ( html, endHtml, overrideCodeBlocking ) { var $marker, scrollTop, scrollTo, editorHeight = $wysiwygEditor.height(); 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 && ($(currentBlockNode).is('code') || $(currentBlockNode).parents('code').length !== 0)) { 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($wysiwygBody[0]); // Scroll the editor after the end of the selection $marker = $wysiwygBody.find('#sceditor-end-marker').show(); scrollTop = $wysiwygBody.scrollTop() || $wysiwygDoc.scrollTop(); scrollTo = (dom.getOffset($marker[0]).top + ($marker.outerHeight(true) * 1.5)) - editorHeight; $marker.hide(); // Only scroll if marker isn't already visible if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { $wysiwygBody.scrollTop(scrollTo); $wysiwygDoc.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 jQuery.sceditor.prototype */ base.wysiwygEditorInsertText = function (text, endText) { base.wysiwygEditorInsertHtml( escape.entities(text), escape.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 jQuery.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:
*
* '[b]', '[/b]'
Would cause the cursor to be placed:
*
* [b]Selected text|[/b]
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 jQuery.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 jQuery.sceditor.prototype */ base.val = function (val, filter) { if (typeof val !== 'string') { return base.inSourceMode() ? base.getSourceEditorValue(false) : base.getWysiwygEditorValue(filter); } if (!base.inSourceMode()) { if (filter !== false && pluginManager.hasHandler('toWysiwyg')) { val = pluginManager.callOnlyFirst('toWysiwyg', 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 jQuery.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 jQuery.sceditor.prototype */ base.insert = function ( /*jshint maxparams: false */ 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(), $div = $('' + (IE_VER ? '' : '
') + '
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 jQuery.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 jQuery.sceditor.prototype * @since 1.4.4 */ base.currentBlockNode = function () { return currentBlockNode; }; /** * Updates if buttons are active or not * @private */ updateActiveButtons = function (e) { var firstBlock, parent; var activeClass = 'active'; var doc = $wysiwygDoc[0]; var isSource = base.sourceMode(); if (base.readOnly()) { $toolbar.find(activeClass).removeClass(activeClass); return; } if (!isSource) { parent = e ? e.newNode : rangeHelper.parentNode(); firstBlock = rangeHelper.getFirstBlockParent(parent); } for (var i = 0; i < btnStateHandlers.length; i++) { var state = 0; var $btn = toolbarButtons[btnStateHandlers[i].name]; var stateFn = btnStateHandlers[i].state; var isDisabled = (isSource && !$btn.data('sceditor-txtmode')) || (!isSource && !$btn.data('sceditor-wysiwygmode')); if (typeof stateFn === 'string') { if (!isSource) { try { state = doc.queryCommandEnabled(stateFn) ? 0 : -1; /*jshint maxdepth: false*/ if (state > -1) { state = doc.queryCommandState(stateFn) ? 1 : 0; } } catch (ex) {} } } else if (!isDisabled) { state = stateFn.call(base, parent, firstBlock); } $btn .toggleClass('disabled', isDisabled || state < 0) .toggleClass(activeClass, state > 0); } }; /** * Handles any key press in the WYSIWYG editor * * @private */ handleKeyPress = function (e) { var $closestTag, br, brParent, lastChild; // TODO: improve this so isn't set list, probably should just use // dom.hasStyling to all block parents and if one does insert a br var DUPLICATED_TAGS = 'code,blockquote,pre'; var LIST_TAGS = 'li,ul,ol'; // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 if (e.originalEvent.defaultPrevented) { return; } base.closeDropDown(); $closestTag = $(currentBlockNode) .closest(DUPLICATED_TAGS + ',' + LIST_TAGS) .first(); // "Fix" (OK it's a cludge) for blocklevel elements being // duplicated in some browsers when enter is pressed instead // of inserting a newline if (e.which === 13 && $closestTag.length && !$closestTag.is(LIST_TAGS)) { lastRange = null; br = $wysiwygDoc[0].createElement('br'); rangeHelper.insertNode(br); // Lastor
Binds a handler to the specified events
* *This function only binds to a limited list of
* supported events.
* The supported events are:
*
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 jQuery.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)) { // Use custom events to allow passing the instance as the // 2nd argument. // Also allows unbinding without unbinding the editors own // event handlers. if (!excludeWysiwyg) { $editorContainer.on('scewys' + events[i], handler); } if (!excludeSource) { $editorContainer.on('scesrc' + events[i], 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 jQuery.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) { $editorContainer.off('scewys' + events[i], handler); } if (!excludeSource) { $editorContainer.off('scesrc' + events[i], handler); } } } return base; }; /** * Blurs the editors input area * * @return {this} * @function * @name blur * @memberOf jQuery.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 jQuery.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 jQuery.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 jQuery.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()) { var container, 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 && !rangeHelper.hasSelection()) { autofocus(); } // 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 (!IE_BR_FIX && rng && rng.endOffset === 1 && rng.collapsed) { container = rng.endContainer; if (container && container.childNodes.length === 1 && $(container.firstChild).is('br')) { rng.setStartBefore(container.firstChild); rng.collapse(true); rangeHelper.selectRange(rng); } } wysiwygEditor.contentWindow.focus(); $wysiwygBody[0].focus(); // Needed for IE < 9 if (lastRange) { rangeHelper.selectRange(lastRange); // remove the stored range after being set. // If the editor loses focus it should be // saved again. lastRange = null; } } 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 jQuery.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 jQuery.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 jQuery.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 jQuery.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 jQuery.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 jQuery.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 ($(currentBlockNode).is('code') || $(currentBlockNode).parents('code').length) { return; } if (!emoticonsCache) { emoticonsCache = []; $.each($.extend( {}, options.emoticons.more, options.emoticons.dropdown, options.emoticons.hidden ), function (key, url) { emoticonsCache[cachePos++] = [ key, _tmpl('emoticon', { key: key, url: url.url || url, tooltip: url.tooltip || key }) ]; }); 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 && options.emoticonsCompat) { currentEmoticons = $wysiwygBody .find('img[data-sceditor-emoticon]'); return /^\s$/.test(curChar); } return !replacedEmoticon; }; /** * Makes sure emoticons are surrounded by whitespace * @private */ emoticonsCheckWhitespace = function () { if (!currentEmoticons.length) { return; } var prev, next, parent, range, previousText, rangeStartContainer, currentBlock = base.currentBlockNode(), rangeStart = false, noneWsRegex = /[^\s\xA0\u2002\u2003\u2009\u00a0]+/; currentEmoticons = $.map(currentEmoticons, function (emoticon) { // Ignore emoticons that have been removed from DOM if (!emoticon || !emoticon.parentNode) { return null; } if (!$.contains(currentBlock, emoticon)) { return emoticon; } prev = emoticon.previousSibling; next = emoticon.nextSibling; previousText = prev.nodeValue; // For IE's HTMLPhraseElement if (previousText === null) { previousText = prev.innerText || ''; } if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { return emoticon; } parent = emoticon.parentNode; range = rangeHelper.cloneSelected(); rangeStartContainer = range.startContainer; previousText = previousText + $(emoticon).data('sceditor-emoticon'); // Store current caret position if (rangeStartContainer === next) { rangeStart = previousText.length + range.startOffset; } else if (rangeStartContainer === currentBlock && currentBlock.childNodes[range.startOffset] === next) { rangeStart = previousText.length; } else if (rangeStartContainer === prev) { rangeStart = range.startOffset; } if (!next || next.nodeType !== 3) { next = parent.insertBefore( parent.ownerDocument.createTextNode(''), next ); } next.insertData(0, previousText); parent.removeChild(prev); parent.removeChild(emoticon); // Need to update the range starting // position if it has been modified if (rangeStart !== false) { range.setStart(next, rangeStart); range.collapse(true); rangeHelper.selectRange(range); } return null; }); }; /** * Gets if emoticons are currently enabled * @return {boolean} * @function * @name emoticons * @memberOf jQuery.sceditor.prototype * @since 1.4.2 */ /** * Enables/disables emoticons * * @param {boolean} enable * @return {this} * @function * @name emoticons^2 * @memberOf jQuery.sceditor.prototype * @since 1.4.2 */ base.emoticons = function (enable) { if (!enable && enable !== false) { return options.emoticonsEnabled; } options.emoticonsEnabled = enable; if (enable) { $wysiwygBody.keypress(emoticonsKeyPress); if (!base.sourceMode()) { rangeHelper.saveRange(); replaceEmoticons($wysiwygBody[0]); currentEmoticons = $wysiwygBody .find('img[data-sceditor-emoticon]'); triggerValueChanged(false); rangeHelper.restoreRange(); } } else { $wysiwygBody .find('img[data-sceditor-emoticon]') .replaceWith(function () { return $(this).data('sceditor-emoticon'); }); currentEmoticons = []; $wysiwygBody.off('keypress', emoticonsKeyPress); triggerValueChanged(); } return base; }; /** * Gets the current WYSIWYG editors inline CSS * * @return {string} * @function * @name css * @memberOf jQuery.sceditor.prototype * @since 1.4.3 */ /** * Sets inline CSS for the WYSIWYG editor * * @param {string} css * @return {this} * @function * @name css^2 * @memberOf jQuery.sceditor.prototype * @since 1.4.3 */ base.css = function (css) { if (!inlineCss) { inlineCss = $('', $wysiwygDoc[0]) .appendTo($wysiwygDoc.find('head'))[0]; } if (typeof css !== 'string') { 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]) { return shortcutHandlers[shortcut].call(base); } }; /** * Adds a shortcut handler to the editor * @param {String} shortcut * @param {String|Function} cmd * @return {jQuery.sceditor} */ base.addShortcut = function (shortcut, cmd) { shortcut = shortcut.toLowerCase(); if (typeof cmd === 'string') { 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 {jQuery.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, tmpRange, range, parent; // 8 is the backspace key if (options.disableBlockRemove || e.which !== 8 || !(range = rangeHelper.selectedRange())) { return; } if (!globalWin.getSelection) { node = range.parentElement(); tmpRange = $wysiwygDoc[0].selection.createRange(); // Select the entire parent and set the end // as start of the current range tmpRange.moveToElementText(node); tmpRange.setEndPoint('EndToStart', range); // Number of characters selected is the start offset // relative to the parent node offset = tmpRange.text.length; } else { node = range.startContainer; offset = range.startOffset; } if (offset !== 0 || !(parent = currentStyledBlockNode())) { 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 !== 3 || node.nodeValue) { return; } } if (!(node = node.parentNode)) { return; } } if (!parent || $(parent).is('body')) { return; } // The backspace was pressed at the start of // the container so clear the style base.clearBlockFormatting(parent); return false; }; /** * Gets the first styled block node that contains the cursor * @return {HTMLElement} */ currentStyledBlockNode = function () { var block = currentBlockNode; while (!dom.hasStyling(block) || dom.isInline(block, true)) { if (!(block = block.parentNode) || $(block).is('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 || $(block).is('body')) { return base; } rangeHelper.saveRange(); block.className = ''; lastRange = null; $(block).attr('style', ''); if (!$(block).is('p,div,td')) { dom.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(); // Don't need to save the range if sceditor-start-marker // is present as the range is already saved saveRange = saveRange !== false && !$wysiwygDoc[0].getElementById('sceditor-start-marker'); // Clear any current timeout as it's now been triggered if (valueChangedKeyUp.timer) { clearTimeout(valueChangedKeyUp.timer); valueChangedKeyUp.timer = false; } if (hasSelection && saveRange) { rangeHelper.saveRange(); } currentHtml = sourceMode ? $sourceEditor.val() : $wysiwygBody.html(); // Only trigger if something has actually changed. if (currentHtml !== triggerValueChanged.lastHtmlValue) { triggerValueChanged.lastHtmlValue = currentHtml; $editorContainer.trigger($.Event('valuechanged', { rawValue: sourceMode ? base.val() : currentHtml })); } if (hasSelection && saveRange) { rangeHelper.removeMarkers(); } }; /** * Should be called whenever there is a blur event * @private */ valueChangedBlur = function () { if (valueChangedKeyUp.timer) { 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; // 13 = return & 32 = space if (which === 13 || which === 32) { if (!lastWasSpace) { triggerValueChanged(); } else { valueChangedKeyUp.triggerNextChar = true; } // 8 = backspace & 46 = del } else if (which === 8 || which === 46) { if (!lastWasDelete) { triggerValueChanged(); } else { valueChangedKeyUp.triggerNextChar = true; } } else if (valueChangedKeyUp.triggerNextChar) { triggerValueChanged(); valueChangedKeyUp.triggerNextChar = false; } // Clear the previous timeout and set a new one. if (valueChangedKeyUp.timer) { clearTimeout(valueChangedKeyUp.timer); } // 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. valueChangedKeyUp.timer = setTimeout(function () { triggerValueChanged(); }, 1500); }; autoUpdate = function () { if (!autoUpdateCanceled) { base.updateOriginal(); } autoUpdateCanceled = false; }; // run the initializer init(); }; /** * Map containing the loaded SCEditor locales * @type {Object} * @name locale * @memberOf jQuery.sceditor */ SCEditor.locale = {}; /** * Static command helper class * @class command * @name jQuery.sceditor.command */ SCEditor.command = /** @lends jQuery.sceditor.command */ { /** * Gets a command * * @param {String} name * @return {Object|null} * @since v1.3.5 */ get: function (name) { return SCEditor.commands[name] || null; }, /** *Adds a command to the editor or updates an existing * command if a command with the specified name already exists.
* *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 jQuery.sceditor.execCommand}
* * @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(SCEditor.commands[name] || {}, cmd); cmd.remove = function () { SCEditor.command.remove(name); }; SCEditor.commands[name] = cmd; return this; }, /** * Removes a command * * @param {String} name * @return {this} * @since v1.3.5 */ remove: function (name) { if (SCEditor.commands[name]) { delete SCEditor.commands[name]; } return this; } }; return SCEditor; }.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); /***/ }, /* 3 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_RESULT__ = function () { 'use strict'; var plugins = {}; /** * Plugin Manager class * @class PluginManager * @name PluginManager */ var PluginManager = function (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 {Mixed} * @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 * @return {Void} * @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 {Mixed} 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; return PluginManager; }.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); /***/ }, /* 4 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_RESULT__ = function (require) { 'use strict'; var $ = __webpack_require__(1); var dom = __webpack_require__(5); var escape = __webpack_require__(7); var browser = __webpack_require__(6); var IE_VER = browser.ie; // In IE < 11 a BR at the end of a block level element // causes a line break. In all other browsers it's collapsed. var IE_BR_FIX = IE_VER && IE_VER < 11; var _nodeToHtml = function (node) { return $('', node.ownerDocument).append(node).html(); }; /** * 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 }; }; var RangeHelper = function (w, d) { var _createMarker, _isOwner, _prepareInput, doc = d || w.contentDocument || w.document, win = w, isW3C = !!w.getSelection, startMarker = 'sceditor-start-marker', endMarker = 'sceditor-end-marker', CHARACTER = 'character', // Used to improve minification 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 (isW3C) { if (endHTML) { html += base.selectedHtml() + endHTML; } div = doc.createElement('p'); node = doc.createDocumentFragment(); div.innerHTML = html; while (div.firstChild) { node.appendChild(div.firstChild); } base.insertNode(node); } else { range.pasteHTML(_prepareInput(html, endHTML, true)); base.restoreRange(); } }; /** * 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, $lastChild, div = doc.createElement('div'), $div = $(div); if (typeof node === 'string') { if (endNode) { node += base.selectedHtml() + endNode; } $div.html(node); } else { $div.append(node); if (endNode) { $div .append(base.selectedRange().extractContents()) .append(endNode); } } if (!(lastChild = div.lastChild)) { return; } while (!dom.isInline(lastChild.lastChild, true)) { lastChild = lastChild.lastChild; } if (dom.canHaveChildren(lastChild)) { $lastChild = $(lastChild); // IE <= 8 and Webkit won't allow the cursor to be placed // inside an empty tag, so add a zero width space to it. if (!lastChild.lastChild) { $lastChild.append('\u200B'); } } // Needed so IE <= 8 can place the cursor after emoticons and images if (IE_VER && IE_VER < 9 && $(lastChild).is('img')) { $div.append('\u200B'); } base.removeMarkers(); // Append marks to last child so when restored cursor will be in // the right place ($lastChild || $div) .append(_createMarker(startMarker)) .append(_createMarker(endMarker)); if (returnHtml) { return $div.html(); } return $(doc.createDocumentFragment()).append($div.contents())[0]; }; /** *The same as insertHTML except with DOM nodes instead
* *Warning: the nodes must belong to the * document they are being inserted into. Some browsers * will throw exceptions if they don't.
* * @param {Node} node * @param {Node} endNode * @return False on fail * @function * @name insertNode * @memberOf RangeHelper.prototype */ base.insertNode = function (node, endNode) { if (isW3C) { var input = _prepareInput(node, endNode), range = base.selectedRange(), parent = range.commonAncestorContainer; if (!input) { return false; } range.deleteContents(); // FF allowsClones the selected Range
* *IE <= 8 will return a TextRange, all other browsers * will return a Range object.
* * @return {Range|TextRange} * @function * @name cloneSelected * @memberOf RangeHelper.prototype */ base.cloneSelected = function () { var range = base.selectedRange(); if (range) { return isW3C ? range.cloneRange() : range.duplicate(); } }; /** *Gets the selected Range
* *IE <= 8 will return a TextRange, all other browsers * will return a Range object.
* * @return {Range|TextRange} * @function * @name selectedRange * @memberOf RangeHelper.prototype */ base.selectedRange = function () { var range, firstChild, sel = isW3C ? win.getSelection() : doc.selection; 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.getRangeAt && 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 (isW3C && sel.rangeCount > 0) { range = sel.getRangeAt(0); } if (!isW3C && sel.type !== 'Control') { range = sel.createRange(); } // IE fix to make sure only return selections that // are part of the WYSIWYG iframe return _isOwner(range) ? range : null; }; /** * Checks if an IE TextRange range belongs to * this document or not. * * Returns true if the range isn't an IE range or * if the range is null. * * @private */ _isOwner = function (range) { var parent; if (range && !isW3C) { parent = range.parentElement(); } // IE fix to make sure only return selections // that are part of the WYSIWYG iframe return parent ? parent.ownerDocument === doc : true; }; /** * Gets if there is currently a selection * * @return {boolean} * @function * @name hasSelection * @since 1.4.4 * @memberOf RangeHelper.prototype */ base.hasSelection = function () { var sel = isW3C ? win.getSelection() : doc.selection; if (isW3C || !sel) { return sel && sel.rangeCount > 0; } return sel.type !== 'None' && _isOwner(sel.createRange()); }; /** * Gets the currently selected HTML * * @return {string} * @function * @name selectedHtml * @memberOf RangeHelper.prototype */ base.selectedHtml = function () { var div, range = base.selectedRange(); if (range) { // IE9+ and all other browsers if (isW3C) { div = doc.createElement('p'); div.appendChild(range.cloneContents()); return div.innerHTML; // IE < 9 } else if (range.text !== '' && range.htmlText) { return range.htmlText; } } 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.parentElement ? range.parentElement() : 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 (n) { var func = function (node) { if (!dom.isInline(node, true)) { return node; } node = node ? node.parentNode : null; return node ? func(node) : node; }; return func(n || 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); if (isW3C) { range.insertNode(node); } else { range.pasteHTML(_nodeToHtml(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 {Node} * @private */ _createMarker = function (id) { base.removeMarker(id); var marker = doc.createElement('span'); marker.id = id; marker.style.lineHeight = '0'; marker.style.display = 'none'; marker.className = 'sceditor-selection sceditor-ignore'; 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 () { base.insertNodeAt(true, _createMarker(startMarker)); 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) { marker.parentNode.removeChild(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|TextRange} range * @function * @name selectRange * @memberOf RangeHelper.prototype */ base.selectRange = function (range) { if (isW3C) { 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 (!IE_BR_FIX && range.collapsed && container && !dom.isInline(container, true)) { lastChild = container.lastChild; while (lastChild && $(lastChild).is('.sceditor-ignore')) { lastChild = lastChild.previousSibling; } if ($(lastChild).is('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); } } else { range.select(); } }; /** * Restores the last range saved by saveRange() or insertMarkers() * * @function * @name restoreRange * @memberOf RangeHelper.prototype */ base.restoreRange = function () { var marker, isCollapsed, previousSibling, range = base.selectedRange(), start = base.getMarker(startMarker), end = base.getMarker(endMarker); if (!start || !end || !range) { return false; } isCollapsed = start.nextSibling === end; if (!isW3C) { range = doc.body.createTextRange(); marker = doc.body.createTextRange(); // IE < 9 cannot set focus after a BR so need to insert // a dummy char after it to allow the cursor to be placed previousSibling = start.previousSibling; if (start.nextSibling === end && (!previousSibling || !dom.isInline(previousSibling, true) || $(previousSibling).is('br'))) { $(start).before('\u200B'); } marker.moveToElementText(start); range.setEndPoint('StartToStart', marker); range.moveStart(CHARACTER, 0); marker.moveToElementText(end); range.setEndPoint('EndToStart', marker); range.moveEnd(CHARACTER, 0); } else { 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 {int} left * @param {int} 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); if (!isW3C) { range.moveStart(CHARACTER, 0 - left); range.moveEnd(CHARACTER, right); } else { 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 * @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); if (!isW3C) { if (before) { range.moveStart(CHARACTER, 0 - length); } else { range.moveEnd(CHARACTER, length); } return range.text; } 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 */ /*jshint maxparams: false*/ 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, 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) { // requireWhitespace doesn't work with textRanges as they // select text on the other side of elements causing // space-img-key to match when it shouldn't. if (!isW3C) { return false; } 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); if (requireWhitespace) { matchPos = outerText .substr(startIndex) .search(new RegExp( '(?:' + whitespaceRegex + ')' + escape.regex(keyword) + '(?=' + whitespaceRegex + ')' )); } else { matchPos = outerText.indexOf(keyword, startIndex); } if (matchPos > -1) { // Add the length of the text that was removed by substr() // when matching and also add 1 for the whitespace if (requireWhitespace) { matchPos += startIndex + 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|TextRange} rangeA * @param {Range|TextRange} rangeB * @return {boolean} */ base.compare = function (rangeA, rangeB) { var END_TO_END = isW3C ? Range.END_TO_END : 'EndToEnd', START_TO_START = isW3C ? Range.START_TO_START : 'StartToStart', comparePoints = isW3C ? 'compareBoundaryPoints' : 'compareEndPoints'; if (!rangeB) { rangeB = base.selectedRange(); } if (!rangeA || !rangeB) { return !rangeA && !rangeB; } return _isOwner(rangeA) && _isOwner(rangeB) && rangeA[comparePoints](END_TO_END, rangeB) === 0 && rangeA[comparePoints](START_TO_START, rangeB) === 0; }; /** * Removes any current selection * * @since 1.4.6 */ base.clear = function () { var sel = isW3C ? win.getSelection() : doc.selection; if (sel) { if (sel.removeAllRanges) { sel.removeAllRanges(); } else if (sel.empty) { sel.empty(); } } }; }; return RangeHelper; }.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); /***/ }, /* 5 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_RESULT__ = function (require) { 'use strict'; var $ = __webpack_require__(1); var browser = __webpack_require__(6); var _propertyNameCache = {}; var dom = { /** * 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 {bool} innermostFirst If the innermost node should be passed * to the function before it's parents. * @param {bool} siblingsOnly If to only traverse the nodes siblings * @param {bool} reverse If to traverse the nodes in reverse */ /*jshint maxparams: false*/ traverse: function (node, func, innermostFirst, siblingsOnly, reverse) { if (node) { node = reverse ? node.lastChild : node.firstChild; while (node) { var next = reverse ? node.previousSibling : node.nextSibling; if ( (!innermostFirst && func(node) === false) || (!siblingsOnly && dom.traverse( node, func, innermostFirst, siblingsOnly, reverse ) === false) || (innermostFirst && func(node) === false) ) { return false; } // move to next child node = next; } } }, /** * Like traverse but loops in reverse * @see traverse */ rTraverse: function (node, func, innermostFirst, siblingsOnly) { this.traverse(node, func, innermostFirst, siblingsOnly, true); }, /** * Parses HTML * * @param {String} html * @param {Document} context * @since 1.4.4 * @return {Array} */ parseHTML: function (html, context) { var ret = [], tmp = (context || document).createElement('div'); tmp.innerHTML = html; $.merge(ret, tmp.childNodes); return ret; }, /** * Checks if an element has any styling. * * It has styling if it is not a plain or
* if it has a class, style attribute or data.
*
* @param {HTMLElement} elm
* @return {Boolean}
* @since 1.4.4
*/
hasStyling: function (elm) {
var $elm = $(elm);
return elm && (!$elm.is('p,div') || elm.className ||
$elm.attr('style') || !$.isEmptyObject($elm.data()));
},
/**
* Converts an element from one type to another.
*
* For example it can convert the element to
*
* @param {HTMLElement} oldElm
* @param {String} toTagName
* @return {HTMLElement}
* @since 1.4.4
*/
convertElement: function (oldElm, toTagName) {
var child, attr,
oldAttrs = oldElm.attributes,
attrsIdx = oldAttrs.length,
newElm = oldElm.ownerDocument.createElement(toTagName);
while (attrsIdx--) {
attr = oldAttrs[attrsIdx];
// IE < 8 returns all possible attributes instead of just
// the specified ones so have to check it is specified.
if (!browser.ie || attr.specified) {
// IE < 8 doesn't return the CSS for the style attribute
// so must copy it manually
if (browser.ie < 8 && /style/i.test(attr.name)) {
dom.copyCSS(oldElm, newElm);
} else {
// Some browsers parse invalid attributes names like
// 'size"2' which throw an exception when set, just
// ignore these.
try {
newElm.setAttribute(attr.name, attr.value);
} catch (ex) {}
}
}
}
while ((child = oldElm.firstChild)) {
newElm.appendChild(child);
}
oldElm.parentNode.replaceChild(newElm, oldElm);
return newElm;
},
/**
* List of block level elements separated by bars (|)
* @type {string}
*/
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|',
/**
* List of elements that do not allow children separated by bars (|)
*
* @param {Node} node
* @return {bool}
* @since 1.4.5
*/
canHaveChildren: function (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
*
* @return {bool}
*/
isInline: function (elm, includeCodeAsBlock) {
var tagName,
nodeType = (elm || {}).nodeType || 3;
if (nodeType !== 1) {
return nodeType === 3;
}
tagName = elm.tagName.toLowerCase();
if (tagName === 'code') {
return !includeCodeAsBlock;
}
return dom.blockLevelList.indexOf('|' + tagName + '|') < 0;
},
/**
* Copys the CSS from 1 node to another. Only copies CSS defined on the element e.g. style attr. Detects if the browser is iOS Needed to fix iOS specific bugs/ ')[0].contentEditable;
// Check if the contenteditable attribute is supported
if (editableAttr === undef || editableAttr === 'inherit') {
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 (exports.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;
}
return !isUnsupported;
}());
}.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_RESULT__ = function (require, exports) {
'use strict';
var VALID_SCHEME_REGEX =
/^(?:https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(?:\/\/)/i;
/**
* Escapes a string so it's safe to use in regex
*
* @param {String} str
* @return {String}
* @name regex
*/
exports.regex = function (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=false]
* @return {String}
* @name entities
* @since 1.4.1
*/
exports.entities = function (str, noQuotes) {
if (!str) {
return str;
}
var replacements = {
'&': '&',
'<': '<',
'>': '>',
' ': ' ',
'\r\n': '\n',
'\r': '\n',
'\n': '
'
};
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
* //
*
* **IMPORTANT**: This does not escape any HTML in a url, for
* that use the escape.entities() method.
*
* @param {String} url
* @return {String}
* @name escapeUriScheme
* @memberOf jQuery.sceditor
* @since 1.4.5
*/
exports.uriScheme = function (url) {
/*jshint maxlen:false*/
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;
};
}.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_RESULT__ = function () {
'use strict';
/**
* HTML templates used by the editor and default commands
* @type {Object}
* @private
*/
var _templates = {
html:
'' +
'