[^<]*<\\/div>)*$/gi ) )\n\t\t\t\treturn 'html';\n\t\t} else if ( CKEDITOR.env.ie ) {\n\t\t\t// Text and
or ( text and
in
- paragraphs can be separated by new \\r\\n ).\n\t\t\tif ( !data.match( /^([^<]|)*$/gi ) && !data.match( /^(([^<]|)*<\\/p>|(\\r\\n))*$/gi ) )\n\t\t\t\treturn 'html';\n\t\t} else if ( CKEDITOR.env.gecko ) {\n\t\t\t// Text or
.\n\t\t\tif ( !data.match( /^([^<]|)*$/gi ) )\n\t\t\t\treturn 'html';\n\t\t} else {\n\t\t\treturn 'html';\n\t\t}\n\n\t\treturn 'htmlifiedtext';\n\t}\n\n\t// This function transforms what browsers produce when\n\t// pasting plain text into editable element (see clipboard/paste.html TCs\n\t// for more info) into correct HTML (similar to that produced by text2Html).\n\tfunction htmlifiedTextHtmlification( config, data ) {\n\t\tfunction repeatParagraphs( repeats ) {\n\t\t\t// Repeat blocks floor((n+1)/2) times.\n\t\t\t// Even number of repeats - add
at the beginning of last .\n\t\t\treturn CKEDITOR.tools.repeat( '
', ~~( repeats / 2 ) ) + ( repeats % 2 == 1 ? '
' : '' );\n\t\t}\n\n\t\t\t// Replace adjacent white-spaces (EOLs too - Fx sometimes keeps them) with one space.\n\t\tdata = data.replace( /\\s+/g, ' ' )\n\t\t\t// Remove spaces from between tags.\n\t\t\t.replace( /> +<' )\n\t\t\t// Normalize XHTML syntax and upper cased
tags.\n\t\t\t.replace( /
/gi, '
' );\n\n\t\t// IE - lower cased tags.\n\t\tdata = data.replace( /<\\/?[A-Z]+>/g, function( match ) {\n\t\t\treturn match.toLowerCase();\n\t\t} );\n\n\t\t// Don't touch single lines (no ) - nothing to do here.\n\t\tif ( data.match( /^[^<]$/ ) )\n\t\t\treturn data;\n\n\t\t// Webkit.\n\t\tif ( CKEDITOR.env.webkit && data.indexOf( '' ) > -1 ) {\n\t\t\t\t// One line break at the beginning - insert
\n\t\t\tdata = data.replace( /^(
(
|)<\\/div>)(?!$|(
(
|)<\\/div>))/g, '
' )\n\t\t\t\t// Two or more - reduce number of new lines by one.\n\t\t\t\t.replace( /^(
(
|)<\\/div>){2}(?!$)/g, '
' );\n\n\t\t\t// Two line breaks create one paragraph in Webkit.\n\t\t\tif ( data.match( /
(
|)<\\/div>/ ) ) {\n\t\t\t\tdata = '
' + data.replace( /(
(
|)<\\/div>)+/g, function( match ) {\n\t\t\t\t\treturn repeatParagraphs( match.split( '
' ).length + 1 );\n\t\t\t\t} ) + '';\n\t\t\t}\n\n\t\t\t// One line break create br.\n\t\t\tdata = data.replace( /<\\/div>
/g, '
' );\n\n\t\t\t// Remove remaining divs.\n\t\t\tdata = data.replace( /<\\/?div>/g, '' );\n\t\t}\n\n\t\t// Opera and Firefox and enterMode != BR.\n\t\tif ( CKEDITOR.env.gecko && config.enterMode != CKEDITOR.ENTER_BR ) {\n\t\t\t// Remove bogus
- Fx generates two
for one line break.\n\t\t\t// For two line breaks it still produces two , but it's better to ignore this case than the first one.\n\t\t\tif ( CKEDITOR.env.gecko )\n\t\t\t\tdata = data.replace( /^
$/, '
' );\n\n\t\t\t// This line satisfy edge case when for Opera we have two line breaks\n\t\t\t//data = data.replace( /)\n\n\t\t\tif ( data.indexOf( '
' ) > -1 ) {\n\t\t\t\t// Two line breaks create one paragraph, three - 2, four - 3, etc.\n\t\t\t\tdata = '' + data.replace( /(
){2,}/g, function( match ) {\n\t\t\t\t\treturn repeatParagraphs( match.length / 4 );\n\t\t\t\t} ) + '
';\n\t\t\t}\n\t\t}\n\n\t\treturn switchEnterMode( config, data );\n\t}\n\n\tfunction filtersFactoryFactory() {\n\t\tvar filters = {};\n\n\t\tfunction setUpTags() {\n\t\t\tvar tags = {};\n\n\t\t\tfor ( var tag in CKEDITOR.dtd ) {\n\t\t\t\tif ( tag.charAt( 0 ) != '$' && tag != 'div' && tag != 'span' ) {\n\t\t\t\t\ttags[ tag ] = 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn tags;\n\t\t}\n\n\t\tfunction createSemanticContentFilter() {\n\t\t\tvar filter = new CKEDITOR.filter();\n\n\t\t\tfilter.allow( {\n\t\t\t\t$1: {\n\t\t\t\t\telements: setUpTags(),\n\t\t\t\t\tattributes: true,\n\t\t\t\t\tstyles: false,\n\t\t\t\t\tclasses: false\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn filter;\n\t\t}\n\n\t\treturn {\n\t\t\tget: function( type ) {\n\t\t\t\tif ( type == 'plain-text' ) {\n\t\t\t\t\t// Does this look confusing to you? Did we forget about enter mode?\n\t\t\t\t\t// It is a trick that let's us creating one filter for edidtor, regardless of its\n\t\t\t\t\t// activeEnterMode (which as the name indicates can change during runtime).\n\t\t\t\t\t//\n\t\t\t\t\t// How does it work?\n\t\t\t\t\t// The active enter mode is passed to the filter.applyTo method.\n\t\t\t\t\t// The filter first marks all elements except
as disallowed and then tries to remove\n\t\t\t\t\t// them. However, it cannot remove e.g. a element completely, because it's a basic structural element,\n\t\t\t\t\t// so it tries to replace it with an element created based on the active enter mode, eventually doing nothing.\n\t\t\t\t\t//\n\t\t\t\t\t// Now you can sleep well.\n\t\t\t\t\treturn filters.plainText || ( filters.plainText = new CKEDITOR.filter( 'br' ) );\n\t\t\t\t} else if ( type == 'semantic-content' ) {\n\t\t\t\t\treturn filters.semanticContent || ( filters.semanticContent = createSemanticContentFilter() );\n\t\t\t\t} else if ( type ) {\n\t\t\t\t\t// Create filter based on rules (string or object).\n\t\t\t\t\treturn new CKEDITOR.filter( type );\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t}\n\t\t};\n\t}\n\n\tfunction filterContent( editor, data, filter ) {\n\t\tvar fragment = CKEDITOR.htmlParser.fragment.fromHtml( data ),\n\t\t\twriter = new CKEDITOR.htmlParser.basicWriter();\n\n\t\tfilter.applyTo( fragment, true, false, editor.activeEnterMode );\n\t\tfragment.writeHtml( writer );\n\n\t\treturn writer.getHtml();\n\t}\n\n\tfunction switchEnterMode( config, data ) {\n\t\tif ( config.enterMode == CKEDITOR.ENTER_BR ) {\n\t\t\tdata = data.replace( /(<\\/p>
)+/g, function( match ) {\n\t\t\t\treturn CKEDITOR.tools.repeat( '
', match.length / 7 * 2 );\n\t\t\t} ).replace( /<\\/?p>/g, '' );\n\t\t} else if ( config.enterMode == CKEDITOR.ENTER_DIV ) {\n\t\t\tdata = data.replace( /<(\\/)?p>/g, '<$1div>' );\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tfunction preventDefaultSetDropEffectToNone( evt ) {\n\t\tevt.data.preventDefault();\n\t\tevt.data.$.dataTransfer.dropEffect = 'none';\n\t}\n\n\tfunction initDragDrop( editor ) {\n\t\tvar clipboard = CKEDITOR.plugins.clipboard;\n\n\t\teditor.on( 'contentDom', function() {\n\t\t\tvar editable = editor.editable(),\n\t\t\t\tdropTarget = CKEDITOR.plugins.clipboard.getDropTarget( editor ),\n\t\t\t\ttop = editor.ui.space( 'top' ),\n\t\t\t\tbottom = editor.ui.space( 'bottom' );\n\n\t\t\t// -------------- DRAGOVER TOP & BOTTOM --------------\n\n\t\t\t// Not allowing dragging on toolbar and bottom (http://dev.ckeditor.com/ticket/12613).\n\t\t\tclipboard.preventDefaultDropOnElement( top );\n\t\t\tclipboard.preventDefaultDropOnElement( bottom );\n\n\t\t\t// -------------- DRAGSTART --------------\n\t\t\t// Listed on dragstart to mark internal and cross-editor drag & drop\n\t\t\t// and save range and selected HTML.\n\n\t\t\teditable.attachListener( dropTarget, 'dragstart', fireDragEvent );\n\n\t\t\t// Make sure to reset data transfer (in case dragend was not called or was canceled).\n\t\t\teditable.attachListener( editor, 'dragstart', clipboard.resetDragDataTransfer, clipboard, null, 1 );\n\n\t\t\t// Create a dataTransfer object and save it globally.\n\t\t\teditable.attachListener( editor, 'dragstart', function( evt ) {\n\t\t\t\tclipboard.initDragDataTransfer( evt, editor );\n\t\t\t}, null, null, 2 );\n\n\t\t\teditable.attachListener( editor, 'dragstart', function() {\n\t\t\t\t// Save drag range globally for cross editor D&D.\n\t\t\t\tvar dragRange = clipboard.dragRange = editor.getSelection().getRanges()[ 0 ];\n\n\t\t\t\t// Store number of children, so we can later tell if any text node was split on drop. (http://dev.ckeditor.com/ticket/13011, http://dev.ckeditor.com/ticket/13447)\n\t\t\t\tif ( CKEDITOR.env.ie && CKEDITOR.env.version < 10 ) {\n\t\t\t\t\tclipboard.dragStartContainerChildCount = dragRange ? getContainerChildCount( dragRange.startContainer ) : null;\n\t\t\t\t\tclipboard.dragEndContainerChildCount = dragRange ? getContainerChildCount( dragRange.endContainer ) : null;\n\t\t\t\t}\n\t\t\t}, null, null, 100 );\n\n\t\t\t// -------------- DRAGEND --------------\n\t\t\t// Clean up on dragend.\n\n\t\t\teditable.attachListener( dropTarget, 'dragend', fireDragEvent );\n\n\t\t\t// Init data transfer if someone wants to use it in dragend.\n\t\t\teditable.attachListener( editor, 'dragend', clipboard.initDragDataTransfer, clipboard, null, 1 );\n\n\t\t\t// When drag & drop is done we need to reset dataTransfer so the future\n\t\t\t// external drop will be not recognize as internal.\n\t\t\teditable.attachListener( editor, 'dragend', clipboard.resetDragDataTransfer, clipboard, null, 100 );\n\n\t\t\t// -------------- DRAGOVER --------------\n\t\t\t// We need to call preventDefault on dragover because otherwise if\n\t\t\t// we drop image it will overwrite document.\n\n\t\t\teditable.attachListener( dropTarget, 'dragover', function( evt ) {\n\t\t\t\t// Edge requires this handler to have `preventDefault()` regardless of the situation.\n\t\t\t\tif ( CKEDITOR.env.edge ) {\n\t\t\t\t\tevt.data.preventDefault();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar target = evt.data.getTarget();\n\n\t\t\t\t// Prevent reloading page when dragging image on empty document (http://dev.ckeditor.com/ticket/12619).\n\t\t\t\tif ( target && target.is && target.is( 'html' ) ) {\n\t\t\t\t\tevt.data.preventDefault();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If we do not prevent default dragover on IE the file path\n\t\t\t\t// will be loaded and we will lose content. On the other hand\n\t\t\t\t// if we prevent it the cursor will not we shown, so we prevent\n\t\t\t\t// dragover only on IE, on versions which support file API and only\n\t\t\t\t// if the event contains files.\n\t\t\t\tif ( CKEDITOR.env.ie &&\n\t\t\t\t\tCKEDITOR.plugins.clipboard.isFileApiSupported &&\n\t\t\t\t\tevt.data.$.dataTransfer.types.contains( 'Files' ) ) {\n\t\t\t\t\tevt.data.preventDefault();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// -------------- DROP --------------\n\n\t\t\teditable.attachListener( dropTarget, 'drop', function( evt ) {\n\t\t\t\t// Do nothing if event was already prevented. (http://dev.ckeditor.com/ticket/13879)\n\t\t\t\tif ( evt.data.$.defaultPrevented ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Cancel native drop.\n\t\t\t\tevt.data.preventDefault();\n\n\t\t\t\tvar target = evt.data.getTarget(),\n\t\t\t\t\treadOnly = target.isReadOnly();\n\n\t\t\t\t// Do nothing if drop on non editable element (http://dev.ckeditor.com/ticket/13015).\n\t\t\t\t// The tag isn't editable (body is), but we want to allow drop on it\n\t\t\t\t// (so it is possible to drop below editor contents).\n\t\t\t\tif ( readOnly && !( target.type == CKEDITOR.NODE_ELEMENT && target.is( 'html' ) ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Getting drop position is one of the most complex parts.\n\t\t\t\tvar dropRange = clipboard.getRangeAtDropPosition( evt, editor ),\n\t\t\t\t\tdragRange = clipboard.dragRange;\n\n\t\t\t\t// Do nothing if it was not possible to get drop range.\n\t\t\t\tif ( !dropRange ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Fire drop.\n\t\t\t\tfireDragEvent( evt, dragRange, dropRange );\n\t\t\t}, null, null, 9999 );\n\n\t\t\t// Create dataTransfer or get it, if it was created before.\n\t\t\teditable.attachListener( editor, 'drop', clipboard.initDragDataTransfer, clipboard, null, 1 );\n\n\t\t\t// Execute drop action, fire paste.\n\t\t\teditable.attachListener( editor, 'drop', function( evt ) {\n\t\t\t\tvar data = evt.data;\n\n\t\t\t\tif ( !data ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Let user modify drag and drop range.\n\t\t\t\tvar dropRange = data.dropRange,\n\t\t\t\t\tdragRange = data.dragRange,\n\t\t\t\t\tdataTransfer = data.dataTransfer;\n\n\t\t\t\tif ( dataTransfer.getTransferType( editor ) == CKEDITOR.DATA_TRANSFER_INTERNAL ) {\n\t\t\t\t\t// Execute drop with a timeout because otherwise selection, after drop,\n\t\t\t\t\t// on IE is in the drag position, instead of drop position.\n\t\t\t\t\tsetTimeout( function() {\n\t\t\t\t\t\tclipboard.internalDrop( dragRange, dropRange, dataTransfer, editor );\n\t\t\t\t\t}, 0 );\n\t\t\t\t} else if ( dataTransfer.getTransferType( editor ) == CKEDITOR.DATA_TRANSFER_CROSS_EDITORS ) {\n\t\t\t\t\tcrossEditorDrop( dragRange, dropRange, dataTransfer );\n\t\t\t\t} else {\n\t\t\t\t\texternalDrop( dropRange, dataTransfer );\n\t\t\t\t}\n\t\t\t}, null, null, 9999 );\n\n\t\t\t// Cross editor drag and drop (drag in one Editor and drop in the other).\n\t\t\tfunction crossEditorDrop( dragRange, dropRange, dataTransfer ) {\n\t\t\t\t// Paste event should be fired before delete contents because otherwise\n\t\t\t\t// Chrome have a problem with drop range (Chrome split the drop\n\t\t\t\t// range container so the offset is bigger then container length).\n\t\t\t\tdropRange.select();\n\t\t\t\tfirePasteEvents( editor, { dataTransfer: dataTransfer, method: 'drop' }, 1 );\n\n\t\t\t\t// Remove dragged content and make a snapshot.\n\t\t\t\tdataTransfer.sourceEditor.fire( 'saveSnapshot' );\n\n\t\t\t\tdataTransfer.sourceEditor.editable().extractHtmlFromRange( dragRange );\n\n\t\t\t\t// Make some selection before saving snapshot, otherwise error will be thrown, because\n\t\t\t\t// there will be no valid selection after content is removed.\n\t\t\t\tdataTransfer.sourceEditor.getSelection().selectRanges( [ dragRange ] );\n\t\t\t\tdataTransfer.sourceEditor.fire( 'saveSnapshot' );\n\t\t\t}\n\n\t\t\t// Drop from external source.\n\t\t\tfunction externalDrop( dropRange, dataTransfer ) {\n\t\t\t\t// Paste content into the drop position.\n\t\t\t\tdropRange.select();\n\n\t\t\t\tfirePasteEvents( editor, { dataTransfer: dataTransfer, method: 'drop' }, 1 );\n\n\t\t\t\t// Usually we reset DataTranfer on dragend,\n\t\t\t\t// but dragend is called on the same element as dragstart\n\t\t\t\t// so it will not be called on on external drop.\n\t\t\t\tclipboard.resetDragDataTransfer();\n\t\t\t}\n\n\t\t\t// Fire drag/drop events (dragstart, dragend, drop).\n\t\t\tfunction fireDragEvent( evt, dragRange, dropRange ) {\n\t\t\t\tvar eventData = {\n\t\t\t\t\t\t$: evt.data.$,\n\t\t\t\t\t\ttarget: evt.data.getTarget()\n\t\t\t\t\t};\n\n\t\t\t\tif ( dragRange ) {\n\t\t\t\t\teventData.dragRange = dragRange;\n\t\t\t\t}\n\t\t\t\tif ( dropRange ) {\n\t\t\t\t\teventData.dropRange = dropRange;\n\t\t\t\t}\n\n\t\t\t\tif ( editor.fire( evt.name, eventData ) === false ) {\n\t\t\t\t\tevt.data.preventDefault();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction getContainerChildCount( container ) {\n\t\t\t\tif ( container.type != CKEDITOR.NODE_ELEMENT ) {\n\t\t\t\t\tcontainer = container.getParent();\n\t\t\t\t}\n\n\t\t\t\treturn container.getChildCount();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @singleton\n\t * @class CKEDITOR.plugins.clipboard\n\t */\n\tCKEDITOR.plugins.clipboard = {\n\t\t/**\n\t\t * True if the environment allows to set data on copy or cut manually. This value is false in IE, because this browser\n\t\t * shows the security dialog window when the script tries to set clipboard data and on iOS, because custom data is\n\t\t * not saved to clipboard there.\n\t\t *\n\t\t * @since 4.5\n\t\t * @readonly\n\t\t * @property {Boolean}\n\t\t */\n\t\tisCustomCopyCutSupported: !CKEDITOR.env.ie && !CKEDITOR.env.iOS,\n\n\t\t/**\n\t\t * True if the environment supports MIME types and custom data types in dataTransfer/cliboardData getData/setData methods.\n\t\t *\n\t\t * @since 4.5\n\t\t * @readonly\n\t\t * @property {Boolean}\n\t\t */\n\t\tisCustomDataTypesSupported: !CKEDITOR.env.ie,\n\n\t\t/**\n\t\t * True if the environment supports File API.\n\t\t *\n\t\t * @since 4.5\n\t\t * @readonly\n\t\t * @property {Boolean}\n\t\t */\n\t\tisFileApiSupported: !CKEDITOR.env.ie || CKEDITOR.env.version > 9,\n\n\t\t/**\n\t\t * Main native paste event editable should listen to.\n\t\t *\n\t\t * **Note:** Safari does not like the {@link CKEDITOR.editor#beforePaste} event — it sometimes does not\n\t\t * handle Ctrl+C properly. This is probably caused by some race condition between events.\n\t\t * Chrome, Firefox and Edge work well with both events, so it is better to use {@link CKEDITOR.editor#paste}\n\t\t * which will handle pasting from e.g. browsers' menu bars.\n\t\t * IE7/8 does not like the {@link CKEDITOR.editor#paste} event for which it is throwing random errors.\n\t\t *\n\t\t * @since 4.5\n\t\t * @readonly\n\t\t * @property {String}\n\t\t */\n\t\tmainPasteEvent: ( CKEDITOR.env.ie && !CKEDITOR.env.edge ) ? 'beforepaste' : 'paste',\n\n\t\t/**\n\t\t * Returns `true` if it is expected that a browser provides HTML data through the Clipboard API.\n\t\t * If not, this method returns `false` and as a result CKEditor will use the paste bin. Read more in\n\t\t * the [Clipboard Integration](http://docs.ckeditor.com/#!/guide/dev_clipboard-section-clipboard-api) guide.\n\t\t *\n\t\t * @since 4.5.2\n\t\t * @returns {Boolean}\n\t\t */\n\t\tcanClipboardApiBeTrusted: function( dataTransfer, editor ) {\n\t\t\t// If it's an internal or cross-editor data transfer, then it means that custom cut/copy/paste support works\n\t\t\t// and that the data were put manually on the data transfer so we can be sure that it's available.\n\t\t\tif ( dataTransfer.getTransferType( editor ) != CKEDITOR.DATA_TRANSFER_EXTERNAL ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// In Chrome we can trust Clipboard API, with the exception of Chrome on Android (in both - mobile and desktop modes), where\n\t\t\t// clipboard API is not available so we need to check it (http://dev.ckeditor.com/ticket/13187).\n\t\t\tif ( CKEDITOR.env.chrome && !dataTransfer.isEmpty() ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// Because of a Firefox bug HTML data are not available in some cases (e.g. paste from Word), in such cases we\n\t\t\t// need to use the pastebin (http://dev.ckeditor.com/ticket/13528, https://bugzilla.mozilla.org/show_bug.cgi?id=1183686).\n\t\t\tif ( CKEDITOR.env.gecko && ( dataTransfer.getData( 'text/html' ) || dataTransfer.getFilesCount() ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// Safari fixed clipboard in 10.1 (https://bugs.webkit.org/show_bug.cgi?id=19893) (http://dev.ckeditor.com/ticket/16982).\n\t\t\t// However iOS version still doesn't work well enough (https://bugs.webkit.org/show_bug.cgi?id=19893#c34).\n\t\t\tif ( CKEDITOR.env.safari && CKEDITOR.env.version >= 603 && !CKEDITOR.env.iOS ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// In older Safari and IE HTML data is not available though the Clipboard API.\n\t\t\t// In Edge things are a bit messy at the moment -\n\t\t\t// https://connect.microsoft.com/IE/feedback/details/1572456/edge-clipboard-api-text-html-content-messed-up-in-event-clipboarddata\n\t\t\t// It is safer to use the paste bin in unknown cases.\n\t\t\treturn false;\n\t\t},\n\n\t\t/**\n\t\t * Returns the element that should be used as the target for the drop event.\n\t\t *\n\t\t * @since 4.5\n\t\t * @param {CKEDITOR.editor} editor The editor instance.\n\t\t * @returns {CKEDITOR.dom.domObject} the element that should be used as the target for the drop event.\n\t\t */\n\t\tgetDropTarget: function( editor ) {\n\t\t\tvar editable = editor.editable();\n\n\t\t\t// http://dev.ckeditor.com/ticket/11123 Firefox needs to listen on document, because otherwise event won't be fired.\n\t\t\t// http://dev.ckeditor.com/ticket/11086 IE8 cannot listen on document.\n\t\t\tif ( ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 ) || editable.isInline() ) {\n\t\t\t\treturn editable;\n\t\t\t} else {\n\t\t\t\treturn editor.document;\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * IE 8 & 9 split text node on drop so the first node contains the\n\t\t * text before the drop position and the second contains the rest. If you\n\t\t * drag the content from the same node you will be not be able to get\n\t\t * it (the range becomes invalid), so you need to join them back.\n\t\t *\n\t\t * Note that the first node in IE 8 & 9 is the original node object\n\t\t * but with shortened content.\n\t\t *\n\t\t *\t\tBefore:\n\t\t *\t\t --- Text Node A ----------------------------------\n\t\t *\t\t /\\\n\t\t *\t\t Drag position\n\t\t *\n\t\t *\t\tAfter (IE 8 & 9):\n\t\t *\t\t --- Text Node A ----- --- Text Node B -----------\n\t\t *\t\t /\\ /\\\n\t\t *\t\t Drop position Drag position\n\t\t *\t\t (invalid)\n\t\t *\n\t\t *\t\tAfter (other browsers):\n\t\t *\t\t --- Text Node A ----------------------------------\n\t\t *\t\t /\\ /\\\n\t\t *\t\t Drop position Drag position\n\t\t *\n\t\t * **Note:** This function is in the public scope for tests usage only.\n\t\t *\n\t\t * @since 4.5\n\t\t * @private\n\t\t * @param {CKEDITOR.dom.range} dragRange The drag range.\n\t\t * @param {CKEDITOR.dom.range} dropRange The drop range.\n\t\t * @param {Number} preDragStartContainerChildCount The number of children of the drag range start container before the drop.\n\t\t * @param {Number} preDragEndContainerChildCount The number of children of the drag range end container before the drop.\n\t\t */\n\t\tfixSplitNodesAfterDrop: function( dragRange, dropRange, preDragStartContainerChildCount, preDragEndContainerChildCount ) {\n\t\t\tvar dropContainer = dropRange.startContainer;\n\n\t\t\tif (\n\t\t\t\ttypeof preDragEndContainerChildCount != 'number' ||\n\t\t\t\ttypeof preDragStartContainerChildCount != 'number'\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// We are only concerned about ranges anchored in elements.\n\t\t\tif ( dropContainer.type != CKEDITOR.NODE_ELEMENT ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( handleContainer( dragRange.startContainer, dropContainer, preDragStartContainerChildCount ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( handleContainer( dragRange.endContainer, dropContainer, preDragEndContainerChildCount ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction handleContainer( dragContainer, dropContainer, preChildCount ) {\n\t\t\t\tvar dragElement = dragContainer;\n\t\t\t\tif ( dragElement.type == CKEDITOR.NODE_TEXT ) {\n\t\t\t\t\tdragElement = dragContainer.getParent();\n\t\t\t\t}\n\n\t\t\t\tif ( dragElement.equals( dropContainer ) && preChildCount != dropContainer.getChildCount() ) {\n\t\t\t\t\tapplyFix( dropRange );\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction applyFix( dropRange ) {\n\t\t\t\tvar nodeBefore = dropRange.startContainer.getChild( dropRange.startOffset - 1 ),\n\t\t\t\t\tnodeAfter = dropRange.startContainer.getChild( dropRange.startOffset );\n\n\t\t\t\tif (\n\t\t\t\t\tnodeBefore && nodeBefore.type == CKEDITOR.NODE_TEXT &&\n\t\t\t\t\tnodeAfter && nodeAfter.type == CKEDITOR.NODE_TEXT\n\t\t\t\t) {\n\t\t\t\t\tvar offset = nodeBefore.getLength();\n\n\t\t\t\t\tnodeBefore.setText( nodeBefore.getText() + nodeAfter.getText() );\n\t\t\t\t\tnodeAfter.remove();\n\n\t\t\t\t\tdropRange.setStart( nodeBefore, offset );\n\t\t\t\t\tdropRange.collapse( true );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Checks whether turning the drag range into bookmarks will invalidate the drop range.\n\t\t * This usually happens when the drop range shares the container with the drag range and is\n\t\t * located after the drag range, but there are countless edge cases.\n\t\t *\n\t\t * This function is stricly related to {@link #internalDrop} which toggles\n\t\t * order in which it creates bookmarks for both ranges based on a value returned\n\t\t * by this method. In some cases this method returns a value which is not necessarily\n\t\t * true in terms of what it was meant to check, but it is convenient, because\n\t\t * we know how it is interpreted in {@link #internalDrop}, so the correct\n\t\t * behavior of the entire algorithm is assured.\n\t\t *\n\t\t * **Note:** This function is in the public scope for tests usage only.\n\t\t *\n\t\t * @since 4.5\n\t\t * @private\n\t\t * @param {CKEDITOR.dom.range} dragRange The first range to compare.\n\t\t * @param {CKEDITOR.dom.range} dropRange The second range to compare.\n\t\t * @returns {Boolean} `true` if the first range is before the second range.\n\t\t */\n\t\tisDropRangeAffectedByDragRange: function( dragRange, dropRange ) {\n\t\t\tvar dropContainer = dropRange.startContainer,\n\t\t\t\tdropOffset = dropRange.endOffset;\n\n\t\t\t// Both containers are the same and drop offset is at the same position or later.\n\t\t\t// \" A L] A \" \" M A \"\n\t\t\t// ^ ^\n\t\t\tif ( dragRange.endContainer.equals( dropContainer ) && dragRange.endOffset <= dropOffset ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// Bookmark for drag start container will mess up with offsets.\n\t\t\t// \" O [L A \" \" M A \"\n\t\t\t// ^ ^\n\t\t\tif (\n\t\t\t\tdragRange.startContainer.getParent().equals( dropContainer ) &&\n\t\t\t\tdragRange.startContainer.getIndex() < dropOffset\n\t\t\t) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// Bookmark for drag end container will mess up with offsets.\n\t\t\t// \" O] L A \" \" M A \"\n\t\t\t// ^ ^\n\t\t\tif (\n\t\t\t\tdragRange.endContainer.getParent().equals( dropContainer ) &&\n\t\t\t\tdragRange.endContainer.getIndex() < dropOffset\n\t\t\t) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\n\t\t/**\n\t\t * Internal drag and drop (drag and drop in the same editor instance).\n\t\t *\n\t\t * **Note:** This function is in the public scope for tests usage only.\n\t\t *\n\t\t * @since 4.5\n\t\t * @private\n\t\t * @param {CKEDITOR.dom.range} dragRange The first range to compare.\n\t\t * @param {CKEDITOR.dom.range} dropRange The second range to compare.\n\t\t * @param {CKEDITOR.plugins.clipboard.dataTransfer} dataTransfer\n\t\t * @param {CKEDITOR.editor} editor\n\t\t */\n\t\tinternalDrop: function( dragRange, dropRange, dataTransfer, editor ) {\n\t\t\tvar clipboard = CKEDITOR.plugins.clipboard,\n\t\t\t\teditable = editor.editable(),\n\t\t\t\tdragBookmark, dropBookmark, isDropRangeAffected;\n\n\t\t\t// Save and lock snapshot so there will be only\n\t\t\t// one snapshot for both remove and insert content.\n\t\t\teditor.fire( 'saveSnapshot' );\n\t\t\teditor.fire( 'lockSnapshot', { dontUpdate: 1 } );\n\n\t\t\tif ( CKEDITOR.env.ie && CKEDITOR.env.version < 10 ) {\n\t\t\t\tthis.fixSplitNodesAfterDrop(\n\t\t\t\t\tdragRange,\n\t\t\t\t\tdropRange,\n\t\t\t\t\tclipboard.dragStartContainerChildCount,\n\t\t\t\t\tclipboard.dragEndContainerChildCount\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Because we manipulate multiple ranges we need to do it carefully,\n\t\t\t// changing one range (event creating a bookmark) may make other invalid.\n\t\t\t// We need to change ranges into bookmarks so we can manipulate them easily in the future.\n\t\t\t// We can change the range which is later in the text before we change the preceding range.\n\t\t\t// We call isDropRangeAffectedByDragRange to test the order of ranges.\n\t\t\tisDropRangeAffected = this.isDropRangeAffectedByDragRange( dragRange, dropRange );\n\t\t\tif ( !isDropRangeAffected ) {\n\t\t\t\tdragBookmark = dragRange.createBookmark( false );\n\t\t\t}\n\t\t\tdropBookmark = dropRange.clone().createBookmark( false );\n\t\t\tif ( isDropRangeAffected ) {\n\t\t\t\tdragBookmark = dragRange.createBookmark( false );\n\t\t\t}\n\n\t\t\t// Check if drop range is inside range.\n\t\t\t// This is an edge case when we drop something on editable's margin/padding.\n\t\t\t// That space is not treated as a part of the range we drag, so it is possible to drop there.\n\t\t\t// When we drop, browser tries to find closest drop position and it finds it inside drag range. (http://dev.ckeditor.com/ticket/13453)\n\t\t\tvar startNode = dragBookmark.startNode,\n\t\t\t\tendNode = dragBookmark.endNode,\n\t\t\t\tdropNode = dropBookmark.startNode,\n\t\t\t\tdropInsideDragRange =\n\t\t\t\t\t// Must check endNode because dragRange could be collapsed in some edge cases (simulated DnD).\n\t\t\t\t\tendNode &&\n\t\t\t\t\t( startNode.getPosition( dropNode ) & CKEDITOR.POSITION_PRECEDING ) &&\n\t\t\t\t\t( endNode.getPosition( dropNode ) & CKEDITOR.POSITION_FOLLOWING );\n\n\t\t\t// If the drop range happens to be inside drag range change it's position to the beginning of the drag range.\n\t\t\tif ( dropInsideDragRange ) {\n\t\t\t\t// We only change position of bookmark span that is connected with dropBookmark.\n\t\t\t\t// dropRange will be overwritten and set to the dropBookmark later.\n\t\t\t\tdropNode.insertBefore( startNode );\n\t\t\t}\n\n\t\t\t// No we can safely delete content for the drag range...\n\t\t\tdragRange = editor.createRange();\n\t\t\tdragRange.moveToBookmark( dragBookmark );\n\t\t\teditable.extractHtmlFromRange( dragRange, 1 );\n\n\t\t\t// ...and paste content into the drop position.\n\t\t\tdropRange = editor.createRange();\n\t\t\tdropRange.moveToBookmark( dropBookmark );\n\n\t\t\t// We do not select drop range, because of may be in the place we can not set the selection\n\t\t\t// (e.g. between blocks, in case of block widget D&D). We put range to the paste event instead.\n\t\t\tfirePasteEvents( editor, { dataTransfer: dataTransfer, method: 'drop', range: dropRange }, 1 );\n\n\t\t\teditor.fire( 'unlockSnapshot' );\n\t\t},\n\n\t\t/**\n\t\t * Gets the range from the `drop` event.\n\t\t *\n\t\t * @since 4.5\n\t\t * @param {Object} domEvent A native DOM drop event object.\n\t\t * @param {CKEDITOR.editor} editor The source editor instance.\n\t\t * @returns {CKEDITOR.dom.range} range at drop position.\n\t\t */\n\t\tgetRangeAtDropPosition: function( dropEvt, editor ) {\n\t\t\tvar $evt = dropEvt.data.$,\n\t\t\t\tx = $evt.clientX,\n\t\t\t\ty = $evt.clientY,\n\t\t\t\t$range,\n\t\t\t\tdefaultRange = editor.getSelection( true ).getRanges()[ 0 ],\n\t\t\t\trange = editor.createRange();\n\n\t\t\t// Make testing possible.\n\t\t\tif ( dropEvt.data.testRange )\n\t\t\t\treturn dropEvt.data.testRange;\n\n\t\t\t// Webkits.\n\t\t\tif ( document.caretRangeFromPoint && editor.document.$.caretRangeFromPoint( x, y ) ) {\n\t\t\t\t$range = editor.document.$.caretRangeFromPoint( x, y );\n\t\t\t\trange.setStart( CKEDITOR.dom.node( $range.startContainer ), $range.startOffset );\n\t\t\t\trange.collapse( true );\n\t\t\t}\n\t\t\t// FF.\n\t\t\telse if ( $evt.rangeParent ) {\n\t\t\t\trange.setStart( CKEDITOR.dom.node( $evt.rangeParent ), $evt.rangeOffset );\n\t\t\t\trange.collapse( true );\n\t\t\t}\n\t\t\t// IEs 9+.\n\t\t\t// We check if editable is focused to make sure that it's an internal DnD. External DnD must use the second\n\t\t\t// mechanism because of http://dev.ckeditor.com/ticket/13472#comment:6.\n\t\t\telse if ( CKEDITOR.env.ie && CKEDITOR.env.version > 8 && defaultRange && editor.editable().hasFocus ) {\n\t\t\t\t// On IE 9+ range by default is where we expected it.\n\t\t\t\t// defaultRange may be undefined if dragover was canceled (file drop).\n\t\t\t\treturn defaultRange;\n\t\t\t}\n\t\t\t// IE 8 and all IEs if !defaultRange or external DnD.\n\t\t\telse if ( document.body.createTextRange ) {\n\t\t\t\t// To use this method we need a focus (which may be somewhere else in case of external drop).\n\t\t\t\teditor.focus();\n\n\t\t\t\t$range = editor.document.getBody().$.createTextRange();\n\t\t\t\ttry {\n\t\t\t\t\tvar sucess = false;\n\n\t\t\t\t\t// If user drop between text line IEs moveToPoint throws exception:\n\t\t\t\t\t//\n\t\t\t\t\t//\t\tLorem ipsum pulvinar purus et euismod\n\t\t\t\t\t//\n\t\t\t\t\t//\t\tdolor sit amet,| consectetur adipiscing\n\t\t\t\t\t//\t\t *\n\t\t\t\t\t//\t\tvestibulum tincidunt augue eget tempus.\n\t\t\t\t\t//\n\t\t\t\t\t// * - drop position\n\t\t\t\t\t// | - expected cursor position\n\t\t\t\t\t//\n\t\t\t\t\t// So we try to call moveToPoint with +-1px up to +-20px above or\n\t\t\t\t\t// below original drop position to find nearest good drop position.\n\t\t\t\t\tfor ( var i = 0; i < 20 && !sucess; i++ ) {\n\t\t\t\t\t\tif ( !sucess ) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t$range.moveToPoint( x, y - i );\n\t\t\t\t\t\t\t\tsucess = true;\n\t\t\t\t\t\t\t} catch ( err ) {\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( !sucess ) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t$range.moveToPoint( x, y + i );\n\t\t\t\t\t\t\t\tsucess = true;\n\t\t\t\t\t\t\t} catch ( err ) {\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( sucess ) {\n\t\t\t\t\t\tvar id = 'cke-temp-' + ( new Date() ).getTime();\n\t\t\t\t\t\t$range.pasteHTML( '\\u200b' );\n\n\t\t\t\t\t\tvar span = editor.document.getById( id );\n\t\t\t\t\t\trange.moveToPosition( span, CKEDITOR.POSITION_BEFORE_START );\n\t\t\t\t\t\tspan.remove();\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// If the fist method does not succeed we might be next to\n\t\t\t\t\t\t// the short element (like header):\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\t\tLorem ipsum pulvinar purus et euismod.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\t\tSOME HEADER| *\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\t\tvestibulum tincidunt augue eget tempus.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// * - drop position\n\t\t\t\t\t\t// | - expected cursor position\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// In such situation elementFromPoint returns proper element. Using getClientRect\n\t\t\t\t\t\t// it is possible to check if the cursor should be at the beginning or at the end\n\t\t\t\t\t\t// of paragraph.\n\t\t\t\t\t\tvar $element = editor.document.$.elementFromPoint( x, y ),\n\t\t\t\t\t\t\telement = new CKEDITOR.dom.element( $element ),\n\t\t\t\t\t\t\trect;\n\n\t\t\t\t\t\tif ( !element.equals( editor.editable() ) && element.getName() != 'html' ) {\n\t\t\t\t\t\t\trect = element.getClientRect();\n\n\t\t\t\t\t\t\tif ( x < rect.left ) {\n\t\t\t\t\t\t\t\trange.setStartAt( element, CKEDITOR.POSITION_AFTER_START );\n\t\t\t\t\t\t\t\trange.collapse( true );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\trange.setStartAt( element, CKEDITOR.POSITION_BEFORE_END );\n\t\t\t\t\t\t\t\trange.collapse( true );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// If drop happens on no element elementFromPoint returns html or body.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\t\t* |Lorem ipsum pulvinar purus et euismod.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\t\t vestibulum tincidunt augue eget tempus.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// * - drop position\n\t\t\t\t\t\t// | - expected cursor position\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// In such case we can try to use default selection. If startContainer is not\n\t\t\t\t\t\t// 'editable' element it is probably proper selection.\n\t\t\t\t\t\telse if ( defaultRange && defaultRange.startContainer &&\n\t\t\t\t\t\t\t!defaultRange.startContainer.equals( editor.editable() ) ) {\n\t\t\t\t\t\t\treturn defaultRange;\n\n\t\t\t\t\t\t// Otherwise we can not find any drop position and we have to return null\n\t\t\t\t\t\t// and cancel drop event.\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t} catch ( err ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn range;\n\t\t},\n\n\t\t/**\n\t\t * This function tries to link the `evt.data.dataTransfer` property of the {@link CKEDITOR.editor#dragstart},\n\t\t * {@link CKEDITOR.editor#dragend} and {@link CKEDITOR.editor#drop} events to a single\n\t\t * {@link CKEDITOR.plugins.clipboard.dataTransfer} object.\n\t\t *\n\t\t * This method is automatically used by the core of the drag and drop functionality and\n\t\t * usually does not have to be called manually when using the drag and drop events.\n\t\t *\n\t\t * This method behaves differently depending on whether the drag and drop events were fired\n\t\t * artificially (to represent a non-native drag and drop) or whether they were caused by the native drag and drop.\n\t\t *\n\t\t * If the native event is not available, then it will create a new {@link CKEDITOR.plugins.clipboard.dataTransfer}\n\t\t * instance (if it does not exist already) and will link it to this and all following event objects until\n\t\t * the {@link #resetDragDataTransfer} method is called. It means that all three drag and drop events must be fired\n\t\t * in order to ensure that the data transfer is bound correctly.\n\t\t *\n\t\t * If the native event is available, then the {@link CKEDITOR.plugins.clipboard.dataTransfer} is identified\n\t\t * by its ID and a new instance is assigned to the `evt.data.dataTransfer` only if the ID changed or\n\t\t * the {@link #resetDragDataTransfer} method was called.\n\t\t *\n\t\t * @since 4.5\n\t\t * @param {CKEDITOR.dom.event} [evt] A drop event object.\n\t\t * @param {CKEDITOR.editor} [sourceEditor] The source editor instance.\n\t\t */\n\t\tinitDragDataTransfer: function( evt, sourceEditor ) {\n\t\t\t// Create a new dataTransfer object based on the drop event.\n\t\t\t// If this event was used on dragstart to create dataTransfer\n\t\t\t// both dataTransfer objects will have the same id.\n\t\t\tvar nativeDataTransfer = evt.data.$ ? evt.data.$.dataTransfer : null,\n\t\t\t\tdataTransfer = new this.dataTransfer( nativeDataTransfer, sourceEditor );\n\n\t\t\tif ( !nativeDataTransfer ) {\n\t\t\t\t// No native event.\n\t\t\t\tif ( this.dragData ) {\n\t\t\t\t\tdataTransfer = this.dragData;\n\t\t\t\t} else {\n\t\t\t\t\tthis.dragData = dataTransfer;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Native event. If there is the same id we will replace dataTransfer with the one\n\t\t\t\t// created on drag, because it contains drag editor, drag content and so on.\n\t\t\t\t// Otherwise (in case of drag from external source) we save new object to\n\t\t\t\t// the global clipboard.dragData.\n\t\t\t\tif ( this.dragData && dataTransfer.id == this.dragData.id ) {\n\t\t\t\t\tdataTransfer = this.dragData;\n\t\t\t\t} else {\n\t\t\t\t\tthis.dragData = dataTransfer;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tevt.data.dataTransfer = dataTransfer;\n\t\t},\n\n\t\t/**\n\t\t * Removes the global {@link #dragData} so the next call to {@link #initDragDataTransfer}\n\t\t * always creates a new instance of {@link CKEDITOR.plugins.clipboard.dataTransfer}.\n\t\t *\n\t\t * @since 4.5\n\t\t */\n\t\tresetDragDataTransfer: function() {\n\t\t\tthis.dragData = null;\n\t\t},\n\n\t\t/**\n\t\t * Global object storing the data transfer of the current drag and drop operation.\n\t\t * Do not use it directly, use {@link #initDragDataTransfer} and {@link #resetDragDataTransfer}.\n\t\t *\n\t\t * Note: This object is global (meaning that it is not related to a single editor instance)\n\t\t * in order to handle drag and drop from one editor into another.\n\t\t *\n\t\t * @since 4.5\n\t\t * @private\n\t\t * @property {CKEDITOR.plugins.clipboard.dataTransfer} dragData\n\t\t */\n\n\t\t/**\n\t\t * Range object to save the drag range and remove its content after the drop.\n\t\t *\n\t\t * @since 4.5\n\t\t * @private\n\t\t * @property {CKEDITOR.dom.range} dragRange\n\t\t */\n\n\t\t/**\n\t\t * Initializes and links data transfer objects based on the paste event. If the data\n\t\t * transfer object was already initialized on this event, the function will\n\t\t * return that object. In IE it is not possible to link copy/cut and paste events\n\t\t * so the method always returns a new object. The same happens if there is no paste event\n\t\t * passed to the method.\n\t\t *\n\t\t * @since 4.5\n\t\t * @param {CKEDITOR.dom.event} [evt] A paste event object.\n\t\t * @param {CKEDITOR.editor} [sourceEditor] The source editor instance.\n\t\t * @returns {CKEDITOR.plugins.clipboard.dataTransfer} The data transfer object.\n\t\t */\n\t\tinitPasteDataTransfer: function( evt, sourceEditor ) {\n\t\t\tif ( !this.isCustomCopyCutSupported ) {\n\t\t\t\t// Edge does not support custom copy/cut, but it have some useful data in the clipboardData (http://dev.ckeditor.com/ticket/13755).\n\t\t\t\treturn new this.dataTransfer( ( CKEDITOR.env.edge && evt && evt.data.$ && evt.data.$.clipboardData ) || null, sourceEditor );\n\t\t\t} else if ( evt && evt.data && evt.data.$ ) {\n\t\t\t\tvar dataTransfer = new this.dataTransfer( evt.data.$.clipboardData, sourceEditor );\n\n\t\t\t\tif ( this.copyCutData && dataTransfer.id == this.copyCutData.id ) {\n\t\t\t\t\tdataTransfer = this.copyCutData;\n\t\t\t\t\tdataTransfer.$ = evt.data.$.clipboardData;\n\t\t\t\t} else {\n\t\t\t\t\tthis.copyCutData = dataTransfer;\n\t\t\t\t}\n\n\t\t\t\treturn dataTransfer;\n\t\t\t} else {\n\t\t\t\treturn new this.dataTransfer( null, sourceEditor );\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Prevents dropping on the specified element.\n\t\t *\n\t\t * @since 4.5\n\t\t * @param {CKEDITOR.dom.element} element The element on which dropping should be disabled.\n\t\t */\n\t\tpreventDefaultDropOnElement: function( element ) {\n\t\t\telement && element.on( 'dragover', preventDefaultSetDropEffectToNone );\n\t\t}\n\t};\n\n\t// Data type used to link drag and drop events.\n\t//\n\t// In IE URL data type is buggie and there is no way to mark drag & drop without\n\t// modifying text data (which would be displayed if user drop content to the textarea)\n\t// so we just read dragged text.\n\t//\n\t// In Chrome and Firefox we can use custom data types.\n\tvar clipboardIdDataType = CKEDITOR.plugins.clipboard.isCustomDataTypesSupported ? 'cke/id' : 'Text';\n\t/**\n\t * Facade for the native `dataTransfer`/`clipboadData` object to hide all differences\n\t * between browsers.\n\t *\n\t * @since 4.5\n\t * @class CKEDITOR.plugins.clipboard.dataTransfer\n\t * @constructor Creates a class instance.\n\t * @param {Object} [nativeDataTransfer] A native data transfer object.\n\t * @param {CKEDITOR.editor} [editor] The source editor instance. If the editor is defined, dataValue will\n\t * be created based on the editor content and the type will be 'html'.\n\t */\n\tCKEDITOR.plugins.clipboard.dataTransfer = function( nativeDataTransfer, editor ) {\n\t\tif ( nativeDataTransfer ) {\n\t\t\tthis.$ = nativeDataTransfer;\n\t\t}\n\n\t\tthis._ = {\n\t\t\tmetaRegExp: /^/i,\n\t\t\tbodyRegExp: /([\\s\\S]*)<\\/body>/i,\n\t\t\tfragmentRegExp: //g,\n\n\t\t\tdata: {},\n\t\t\tfiles: [],\n\n\t\t\tnormalizeType: function( type ) {\n\t\t\t\ttype = type.toLowerCase();\n\n\t\t\t\tif ( type == 'text' || type == 'text/plain' ) {\n\t\t\t\t\treturn 'Text'; // IE support only Text and URL;\n\t\t\t\t} else if ( type == 'url' ) {\n\t\t\t\t\treturn 'URL'; // IE support only Text and URL;\n\t\t\t\t} else {\n\t\t\t\t\treturn type;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t// Check if ID is already created.\n\t\tthis.id = this.getData( clipboardIdDataType );\n\n\t\t// If there is no ID we need to create it. Different browsers needs different ID.\n\t\tif ( !this.id ) {\n\t\t\tif ( clipboardIdDataType == 'Text' ) {\n\t\t\t\t// For IE10+ only Text data type is supported and we have to compare dragged\n\t\t\t\t// and dropped text. If the ID is not set it means that empty string was dragged\n\t\t\t\t// (ex. image with no alt). We change null to empty string.\n\t\t\t\tthis.id = '';\n\t\t\t} else {\n\t\t\t\t// String for custom data type.\n\t\t\t\tthis.id = 'cke-' + CKEDITOR.tools.getUniqueId();\n\t\t\t}\n\t\t}\n\n\t\t// In IE10+ we can not use any data type besides text, so we do not call setData.\n\t\tif ( clipboardIdDataType != 'Text' ) {\n\t\t\t// Try to set ID so it will be passed from the drag to the drop event.\n\t\t\t// On some browsers with some event it is not possible to setData so we\n\t\t\t// need to catch exceptions.\n\t\t\ttry {\n\t\t\t\tthis.$.setData( clipboardIdDataType, this.id );\n\t\t\t} catch ( err ) {}\n\t\t}\n\n\t\tif ( editor ) {\n\t\t\tthis.sourceEditor = editor;\n\n\t\t\tthis.setData( 'text/html', editor.getSelectedHtml( 1 ) );\n\n\t\t\t// Without setData( 'text', ... ) on dragstart there is no drop event in Safari.\n\t\t\t// Also 'text' data is empty as drop to the textarea does not work if we do not put there text.\n\t\t\tif ( clipboardIdDataType != 'Text' && !this.getData( 'text/plain' ) ) {\n\t\t\t\tthis.setData( 'text/plain', editor.getSelection().getSelectedText() );\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Data transfer ID used to bind all dataTransfer\n\t\t * objects based on the same event (e.g. in drag and drop events).\n\t\t *\n\t\t * @readonly\n\t\t * @property {String} id\n\t\t */\n\n\t\t/**\n\t\t * A native DOM event object.\n\t\t *\n\t\t * @readonly\n\t\t * @property {Object} $\n\t\t */\n\n\t\t/**\n\t\t * Source editor — the editor where the drag starts.\n\t\t * Might be undefined if the drag starts outside the editor (e.g. when dropping files to the editor).\n\t\t *\n\t\t * @readonly\n\t\t * @property {CKEDITOR.editor} sourceEditor\n\t\t */\n\n\t\t/**\n\t\t * Private properties and methods.\n\t\t *\n\t\t * @private\n\t\t * @property {Object} _\n\t\t */\n\t};\n\n\t/**\n\t * Data transfer operation (drag and drop or copy and paste) started and ended in the same\n\t * editor instance.\n\t *\n\t * @since 4.5\n\t * @readonly\n\t * @property {Number} [=1]\n\t * @member CKEDITOR\n\t */\n\tCKEDITOR.DATA_TRANSFER_INTERNAL = 1;\n\n\t/**\n\t * Data transfer operation (drag and drop or copy and paste) started in one editor\n\t * instance and ended in another.\n\t *\n\t * @since 4.5\n\t * @readonly\n\t * @property {Number} [=2]\n\t * @member CKEDITOR\n\t */\n\tCKEDITOR.DATA_TRANSFER_CROSS_EDITORS = 2;\n\n\t/**\n\t * Data transfer operation (drag and drop or copy and paste) started outside of the editor.\n\t * The source of the data may be a textarea, HTML, another application, etc.\n\t *\n\t * @since 4.5\n\t * @readonly\n\t * @property {Number} [=3]\n\t * @member CKEDITOR\n\t */\n\tCKEDITOR.DATA_TRANSFER_EXTERNAL = 3;\n\n\tCKEDITOR.plugins.clipboard.dataTransfer.prototype = {\n\t\t/**\n\t\t * Facade for the native `getData` method.\n\t\t *\n\t\t * @param {String} type The type of data to retrieve.\n\t\t * @param {Boolean} [getNative=false] Indicates if the whole, original content of the dataTransfer should be returned.\n\t\t * Introduced in CKEditor 4.7.0.\n\t\t * @returns {String} type Stored data for the given type or an empty string if the data for that type does not exist.\n\t\t */\n\t\tgetData: function( type, getNative ) {\n\t\t\tfunction isEmpty( data ) {\n\t\t\t\treturn data === undefined || data === null || data === '';\n\t\t\t}\n\n\t\t\tfunction filterUnwantedCharacters( data ) {\n\t\t\t\tif ( typeof data !== 'string' ) {\n\t\t\t\t\treturn data;\n\t\t\t\t}\n\n\t\t\t\tvar htmlEnd = data.indexOf( '' );\n\n\t\t\t\tif ( htmlEnd !== -1 ) {\n\t\t\t\t\t// Just cut everything after ``, so everything after htmlEnd index + length of ``.\n\t\t\t\t\t// Required to workaround bug: https://bugs.chromium.org/p/chromium/issues/detail?id=696978\n\t\t\t\t\treturn data.substring( 0, htmlEnd + 7 );\n\t\t\t\t}\n\n\t\t\t\treturn data;\n\t\t\t}\n\n\t\t\ttype = this._.normalizeType( type );\n\n\t\t\tvar data = this._.data[ type ],\n\t\t\t\tresult;\n\n\t\t\tif ( isEmpty( data ) ) {\n\t\t\t\ttry {\n\t\t\t\t\tdata = this.$.getData( type );\n\t\t\t\t} catch ( e ) {}\n\t\t\t}\n\n\t\t\tif ( isEmpty( data ) ) {\n\t\t\t\tdata = '';\n\t\t\t}\n\n\t\t\t// Some browsers add at the begging of the HTML data\n\t\t\t// or surround it with ...(some content) and (some content)\n\t\t\t// This code removes meta tags and returns only the contents of the element if found. Note that\n\t\t\t// some significant content may be placed outside Start/EndFragment comments so it's kept.\n\t\t\t//\n\t\t\t// See http://dev.ckeditor.com/ticket/13583 for more details.\n\t\t\t// Additionally http://dev.ckeditor.com/ticket/16847 adds a flag allowing to get the whole, original content.\n\t\t\tif ( type == 'text/html' && !getNative ) {\n\t\t\t\tdata = data.replace( this._.metaRegExp, '' );\n\n\t\t\t\t// Keep only contents of the element\n\t\t\t\tresult = this._.bodyRegExp.exec( data );\n\t\t\t\tif ( result && result.length ) {\n\t\t\t\t\tdata = result[ 1 ];\n\n\t\t\t\t\t// Remove also comments.\n\t\t\t\t\tdata = data.replace( this._.fragmentRegExp, '' );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Firefox on Linux put files paths as a text/plain data if there are files\n\t\t\t// in the dataTransfer object. We need to hide it, because files should be\n\t\t\t// handled on paste only if dataValue is empty.\n\t\t\telse if ( type == 'Text' && CKEDITOR.env.gecko && this.getFilesCount() &&\n\t\t\t\tdata.substring( 0, 7 ) == 'file://' ) {\n\t\t\t\tdata = '';\n\t\t\t}\n\n\t\t\treturn filterUnwantedCharacters( data );\n\t\t},\n\n\t\t/**\n\t\t * Facade for the native `setData` method.\n\t\t *\n\t\t * @param {String} type The type of data to retrieve.\n\t\t * @param {String} value The data to add.\n\t\t */\n\t\tsetData: function( type, value ) {\n\t\t\ttype = this._.normalizeType( type );\n\n\t\t\tthis._.data[ type ] = value;\n\n\t\t\t// There is \"Unexpected call to method or property access.\" error if you try\n\t\t\t// to set data of unsupported type on IE.\n\t\t\tif ( !CKEDITOR.plugins.clipboard.isCustomDataTypesSupported && type != 'URL' && type != 'Text' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If we use the text type to bind the ID, then if someone tries to set the text, we must also\n\t\t\t// update ID accordingly. http://dev.ckeditor.com/ticket/13468.\n\t\t\tif ( clipboardIdDataType == 'Text' && type == 'Text' ) {\n\t\t\t\tthis.id = value;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tthis.$.setData( type, value );\n\t\t\t} catch ( e ) {}\n\t\t},\n\n\t\t/**\n\t\t * Gets the data transfer type.\n\t\t *\n\t\t * @param {CKEDITOR.editor} targetEditor The drop/paste target editor instance.\n\t\t * @returns {Number} Possible values: {@link CKEDITOR#DATA_TRANSFER_INTERNAL},\n\t\t * {@link CKEDITOR#DATA_TRANSFER_CROSS_EDITORS}, {@link CKEDITOR#DATA_TRANSFER_EXTERNAL}.\n\t\t */\n\t\tgetTransferType: function( targetEditor ) {\n\t\t\tif ( !this.sourceEditor ) {\n\t\t\t\treturn CKEDITOR.DATA_TRANSFER_EXTERNAL;\n\t\t\t} else if ( this.sourceEditor == targetEditor ) {\n\t\t\t\treturn CKEDITOR.DATA_TRANSFER_INTERNAL;\n\t\t\t} else {\n\t\t\t\treturn CKEDITOR.DATA_TRANSFER_CROSS_EDITORS;\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Copies the data from the native data transfer to a private cache.\n\t\t * This function is needed because the data from the native data transfer\n\t\t * is available only synchronously to the event listener. It is not possible\n\t\t * to get the data asynchronously, after a timeout, and the {@link CKEDITOR.editor#paste}\n\t\t * event is fired asynchronously — hence the need for caching the data.\n\t\t */\n\t\tcacheData: function() {\n\t\t\tif ( !this.$ ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar that = this,\n\t\t\t\ti, file;\n\n\t\t\tfunction getAndSetData( type ) {\n\t\t\t\ttype = that._.normalizeType( type );\n\n\t\t\t\tvar data = that.getData( type, true );\n\t\t\t\tif ( data ) {\n\t\t\t\t\tthat._.data[ type ] = data;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Copy data.\n\t\t\tif ( CKEDITOR.plugins.clipboard.isCustomDataTypesSupported ) {\n\t\t\t\tif ( this.$.types ) {\n\t\t\t\t\tfor ( i = 0; i < this.$.types.length; i++ ) {\n\t\t\t\t\t\tgetAndSetData( this.$.types[ i ] );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tgetAndSetData( 'Text' );\n\t\t\t\tgetAndSetData( 'URL' );\n\t\t\t}\n\n\t\t\t// Copy files references.\n\t\t\tfile = this._getImageFromClipboard();\n\t\t\tif ( ( this.$ && this.$.files ) || file ) {\n\t\t\t\tthis._.files = [];\n\n\t\t\t\t// Edge have empty files property with no length (http://dev.ckeditor.com/ticket/13755).\n\t\t\t\tif ( this.$.files && this.$.files.length ) {\n\t\t\t\t\tfor ( i = 0; i < this.$.files.length; i++ ) {\n\t\t\t\t\t\tthis._.files.push( this.$.files[ i ] );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Don't include $.items if both $.files and $.items contains files, because,\n\t\t\t\t// according to spec and browsers behavior, they contain the same files.\n\t\t\t\tif ( this._.files.length === 0 && file ) {\n\t\t\t\t\tthis._.files.push( file );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Gets the number of files in the dataTransfer object.\n\t\t *\n\t\t * @returns {Number} The number of files.\n\t\t */\n\t\tgetFilesCount: function() {\n\t\t\tif ( this._.files.length ) {\n\t\t\t\treturn this._.files.length;\n\t\t\t}\n\n\t\t\tif ( this.$ && this.$.files && this.$.files.length ) {\n\t\t\t\treturn this.$.files.length;\n\t\t\t}\n\n\t\t\treturn this._getImageFromClipboard() ? 1 : 0;\n\t\t},\n\n\t\t/**\n\t\t * Gets the file at the index given.\n\t\t *\n\t\t * @param {Number} i Index.\n\t\t * @returns {File} File instance.\n\t\t */\n\t\tgetFile: function( i ) {\n\t\t\tif ( this._.files.length ) {\n\t\t\t\treturn this._.files[ i ];\n\t\t\t}\n\n\t\t\tif ( this.$ && this.$.files && this.$.files.length ) {\n\t\t\t\treturn this.$.files[ i ];\n\t\t\t}\n\n\t\t\t// File or null if the file was not found.\n\t\t\treturn i === 0 ? this._getImageFromClipboard() : undefined;\n\t\t},\n\n\t\t/**\n\t\t * Checks if the data transfer contains any data.\n\t\t *\n\t\t * @returns {Boolean} `true` if the object contains no data.\n\t\t */\n\t\tisEmpty: function() {\n\t\t\tvar typesToCheck = {},\n\t\t\t\ttype;\n\n\t\t\t// If dataTransfer contains files it is not empty.\n\t\t\tif ( this.getFilesCount() ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Add custom types.\n\t\t\tfor ( type in this._.data ) {\n\t\t\t\ttypesToCheck[ type ] = 1;\n\t\t\t}\n\n\t\t\t// Add native types.\n\t\t\tif ( this.$ ) {\n\t\t\t\tif ( CKEDITOR.plugins.clipboard.isCustomDataTypesSupported ) {\n\t\t\t\t\tif ( this.$.types ) {\n\t\t\t\t\t\tfor ( var i = 0; i < this.$.types.length; i++ ) {\n\t\t\t\t\t\t\ttypesToCheck[ this.$.types[ i ] ] = 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\ttypesToCheck.Text = 1;\n\t\t\t\t\ttypesToCheck.URL = 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove ID.\n\t\t\tif ( clipboardIdDataType != 'Text' ) {\n\t\t\t\ttypesToCheck[ clipboardIdDataType ] = 0;\n\t\t\t}\n\n\t\t\tfor ( type in typesToCheck ) {\n\t\t\t\tif ( typesToCheck[ type ] && this.getData( type ) !== '' ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\n\t\t/**\n\t\t * When the content of the clipboard is pasted in Chrome, the clipboard data object has an empty `files` property,\n\t\t * but it is possible to get the file as `items[0].getAsFile();` (http://dev.ckeditor.com/ticket/12961).\n\t\t *\n\t\t * @private\n\t\t * @returns {File} File instance or `null` if not found.\n\t\t */\n\t\t_getImageFromClipboard: function() {\n\t\t\tvar file;\n\n\t\t\tif ( this.$ && this.$.items && this.$.items[ 0 ] ) {\n\t\t\t\ttry {\n\t\t\t\t\tfile = this.$.items[ 0 ].getAsFile();\n\t\t\t\t\t// Duck typing\n\t\t\t\t\tif ( file && file.type ) {\n\t\t\t\t\t\treturn file;\n\t\t\t\t\t}\n\t\t\t\t} catch ( err ) {\n\t\t\t\t\t// noop\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn undefined;\n\t\t}\n\t};\n} )();\n\n/**\n * The default content type that is used when pasted data cannot be clearly recognized as HTML or text.\n *\n * For example: `'foo'` may come from a plain text editor or a website. It is not possible to recognize the content\n * type in this case, so the default type will be used. At the same time it is clear that `'example text'` is\n * HTML and its origin is a web page, email or another rich text editor.\n *\n * **Note:** If content type is text, then styles of the paste context are preserved.\n *\n *\t\tCKEDITOR.config.clipboard_defaultContentType = 'text';\n *\n * See also the {@link CKEDITOR.editor#paste} event and read more about the integration with clipboard\n * in the [Clipboard Deep Dive guide](#!/guide/dev_clipboard).\n *\n * @since 4.0\n * @cfg {'html'/'text'} [clipboard_defaultContentType='html']\n * @member CKEDITOR.config\n */\n\n/**\n * Fired after the user initiated a paste action, but before the data is inserted into the editor.\n * The listeners to this event are able to process the content before its insertion into the document.\n *\n * Read more about the integration with clipboard in the [Clipboard Deep Dive guide](#!/guide/dev_clipboard).\n *\n * See also:\n *\n * * the {@link CKEDITOR.config#pasteFilter} option,\n * * the {@link CKEDITOR.editor#drop} event,\n * * the {@link CKEDITOR.plugins.clipboard.dataTransfer} class.\n *\n * @since 3.1\n * @event paste\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param data\n * @param {String} data.type The type of data in `data.dataValue`. Usually `'html'` or `'text'`, but for listeners\n * with a priority smaller than `6` it may also be `'auto'` which means that the content type has not been recognised yet\n * (this will be done by the content type sniffer that listens with priority `6`).\n * @param {String} data.dataValue HTML to be pasted.\n * @param {String} data.method Indicates the data transfer method. It could be drag and drop or copy and paste.\n * Possible values: `'drop'`, `'paste'`. Introduced in CKEditor 4.5.\n * @param {CKEDITOR.plugins.clipboard.dataTransfer} data.dataTransfer Facade for the native dataTransfer object\n * which provides access to various data types and files, and passes some data between linked events\n * (like drag and drop). Introduced in CKEditor 4.5.\n * @param {Boolean} [data.dontFilter=false] Whether the {@link CKEDITOR.editor#pasteFilter paste filter} should not\n * be applied to data. This option has no effect when `data.type` equals `'text'` which means that for instance\n * {@link CKEDITOR.config#forcePasteAsPlainText} has a higher priority. Introduced in CKEditor 4.5.\n */\n\n/**\n * Fired before the {@link #paste} event. Allows to preset data type.\n *\n * **Note:** This event is deprecated. Add a `0` priority listener for the\n * {@link #paste} event instead.\n *\n * @deprecated\n * @event beforePaste\n * @member CKEDITOR.editor\n */\n\n/**\n * Fired after the {@link #paste} event if content was modified. Note that if the paste\n * event does not insert any data, the `afterPaste` event will not be fired.\n *\n * @event afterPaste\n * @member CKEDITOR.editor\n */\n\n/**\n * Facade for the native `drop` event. Fired when the native `drop` event occurs.\n *\n * **Note:** To manipulate dropped data, use the {@link CKEDITOR.editor#paste} event.\n * Use the `drop` event only to control drag and drop operations (e.g. to prevent the ability to drop some content).\n *\n * Read more about integration with drag and drop in the [Clipboard Deep Dive guide](#!/guide/dev_clipboard).\n *\n * See also:\n *\n * * The {@link CKEDITOR.editor#paste} event,\n * * The {@link CKEDITOR.editor#dragstart} and {@link CKEDITOR.editor#dragend} events,\n * * The {@link CKEDITOR.plugins.clipboard.dataTransfer} class.\n *\n * @since 4.5\n * @event drop\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param data\n * @param {Object} data.$ Native drop event.\n * @param {CKEDITOR.dom.node} data.target Drop target.\n * @param {CKEDITOR.plugins.clipboard.dataTransfer} data.dataTransfer DataTransfer facade.\n * @param {CKEDITOR.dom.range} data.dragRange Drag range, lets you manipulate the drag range.\n * Note that dragged HTML is saved as `text/html` data on `dragstart` so if you change the drag range\n * on drop, dropped HTML will not change. You need to change it manually using\n * {@link CKEDITOR.plugins.clipboard.dataTransfer#setData dataTransfer.setData}.\n * @param {CKEDITOR.dom.range} data.dropRange Drop range, lets you manipulate the drop range.\n */\n\n/**\n * Facade for the native `dragstart` event. Fired when the native `dragstart` event occurs.\n *\n * This event can be canceled in order to block the drag start operation. It can also be fired to mimic the start of the drag and drop\n * operation. For instance, the `widget` plugin uses this option to integrate its custom block widget drag and drop with\n * the entire system.\n *\n * Read more about integration with drag and drop in the [Clipboard Deep Dive guide](#!/guide/dev_clipboard).\n *\n * See also:\n *\n * * The {@link CKEDITOR.editor#paste} event,\n * * The {@link CKEDITOR.editor#drop} and {@link CKEDITOR.editor#dragend} events,\n * * The {@link CKEDITOR.plugins.clipboard.dataTransfer} class.\n *\n * @since 4.5\n * @event dragstart\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param data\n * @param {Object} data.$ Native dragstart event.\n * @param {CKEDITOR.dom.node} data.target Drag target.\n * @param {CKEDITOR.plugins.clipboard.dataTransfer} data.dataTransfer DataTransfer facade.\n */\n\n/**\n * Facade for the native `dragend` event. Fired when the native `dragend` event occurs.\n *\n * Read more about integration with drag and drop in the [Clipboard Deep Dive guide](#!/guide/dev_clipboard).\n *\n * See also:\n *\n * * The {@link CKEDITOR.editor#paste} event,\n * * The {@link CKEDITOR.editor#drop} and {@link CKEDITOR.editor#dragend} events,\n * * The {@link CKEDITOR.plugins.clipboard.dataTransfer} class.\n *\n * @since 4.5\n * @event dragend\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param data\n * @param {Object} data.$ Native dragend event.\n * @param {CKEDITOR.dom.node} data.target Drag target.\n * @param {CKEDITOR.plugins.clipboard.dataTransfer} data.dataTransfer DataTransfer facade.\n */\n\n/**\n * Defines a filter which is applied to external data pasted or dropped into the editor. Possible values are:\n *\n * * `'plain-text'` – Content will be pasted as a plain text.\n * * `'semantic-content'` – Known tags (except `div`, `span`) with all attributes (except\n * `style` and `class`) will be kept.\n * * `'h1 h2 p div'` – Custom rules compatible with {@link CKEDITOR.filter}.\n * * `null` – Content will not be filtered by the paste filter (but it still may be filtered\n * by [Advanced Content Filter](#!/guide/dev_advanced_content_filter)). This value can be used to\n * disable the paste filter in Chrome and Safari, where this option defaults to `'semantic-content'`.\n *\n * Example:\n *\n *\t\tconfig.pasteFilter = 'plain-text';\n *\n * Custom setting:\n *\n *\t\tconfig.pasteFilter = 'h1 h2 p ul ol li; img[!src, alt]; a[!href]';\n *\n * Based on this configuration option, a proper {@link CKEDITOR.filter} instance will be defined and assigned to the editor\n * as a {@link CKEDITOR.editor#pasteFilter}. You can tweak the paste filter settings on the fly on this object\n * as well as delete or replace it.\n *\n *\t\tvar editor = CKEDITOR.replace( 'editor', {\n *\t\t\tpasteFilter: 'semantic-content'\n *\t\t} );\n *\n *\t\teditor.on( 'instanceReady', function() {\n *\t\t\t// The result of this will be that all semantic content will be preserved\n *\t\t\t// except tables.\n *\t\t\teditor.pasteFilter.disallow( 'table' );\n *\t\t} );\n *\n * Note that the paste filter is applied only to **external** data. There are three data sources:\n *\n * * copied and pasted in the same editor (internal),\n * * copied from one editor and pasted into another (cross-editor),\n * * coming from all other sources like websites, MS Word, etc. (external).\n *\n * If {@link CKEDITOR.config#allowedContent Advanced Content Filter} is not disabled, then\n * it will also be applied to pasted and dropped data. The paste filter job is to \"normalize\"\n * external data which often needs to be handled differently than content produced by the editor.\n *\n * This setting defaults to `'semantic-content'` in Chrome, Opera and Safari (all Blink and Webkit based browsers)\n * due to messy HTML which these browsers keep in the clipboard. In other browsers it defaults to `null`.\n *\n * @since 4.5\n * @cfg {String} [pasteFilter='semantic-content' in Chrome and Safari and `null` in other browsers]\n * @member CKEDITOR.config\n */\n\n/**\n * {@link CKEDITOR.filter Content filter} which is used when external data is pasted or dropped into the editor\n * or a forced paste as plain text occurs.\n *\n * This object might be used on the fly to define rules for pasted external content.\n * This object is available and used if the {@link CKEDITOR.plugins.clipboard clipboard} plugin is enabled and\n * {@link CKEDITOR.config#pasteFilter} or {@link CKEDITOR.config#forcePasteAsPlainText} was defined.\n *\n * To enable the filter:\n *\n *\t\tvar editor = CKEDITOR.replace( 'editor', {\n *\t\t\tpasteFilter: 'plain-text'\n *\t\t} );\n *\n * You can also modify the filter on the fly later on:\n *\n *\t\teditor.pasteFilter = new CKEDITOR.filter( 'p h1 h2; a[!href]' );\n *\n * Note that the paste filter is only applied to **external** data. There are three data sources:\n *\n * * copied and pasted in the same editor (internal),\n * * copied from one editor and pasted into another (cross-editor),\n * * coming from all other sources like websites, MS Word, etc. (external).\n *\n * If {@link CKEDITOR.config#allowedContent Advanced Content Filter} is not disabled, then\n * it will also be applied to pasted and dropped data. The paste filter job is to \"normalize\"\n * external data which often needs to be handled differently than content produced by the editor.\n *\n * @since 4.5\n * @readonly\n * @property {CKEDITOR.filter} [pasteFilter]\n * @member CKEDITOR.editor\n */\n\n/**\n * Duration of the notification displayed after pasting was blocked by the browser.\n *\n * @since 4.7.0\n * @cfg {Number} [clipboard_notificationDuration=10000]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.clipboard_notificationDuration = 10000;\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'panelbutton', {\n\trequires: 'button',\n\tonLoad: function() {\n\t\tfunction clickFn( editor ) {\n\t\t\tvar _ = this._;\n\n\t\t\tif ( _.state == CKEDITOR.TRISTATE_DISABLED )\n\t\t\t\treturn;\n\n\t\t\tthis.createPanel( editor );\n\n\t\t\tif ( _.on ) {\n\t\t\t\t_.panel.hide();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t_.panel.showBlock( this._.id, this.document.getById( this._.id ), 4 );\n\t\t}\n\n\t\t/**\n\t\t * @class\n\t\t * @extends CKEDITOR.ui.button\n\t\t * @todo class and methods\n\t\t */\n\t\tCKEDITOR.ui.panelButton = CKEDITOR.tools.createClass( {\n\t\t\tbase: CKEDITOR.ui.button,\n\n\t\t\t/**\n\t\t\t * Creates a panelButton class instance.\n\t\t\t *\n\t\t\t * @constructor\n\t\t\t */\n\t\t\t$: function( definition ) {\n\t\t\t\t// We don't want the panel definition in this object.\n\t\t\t\tvar panelDefinition = definition.panel || {};\n\t\t\t\tdelete definition.panel;\n\n\t\t\t\tthis.base( definition );\n\n\t\t\t\tthis.document = ( panelDefinition.parent && panelDefinition.parent.getDocument() ) || CKEDITOR.document;\n\n\t\t\t\tpanelDefinition.block = {\n\t\t\t\t\tattributes: panelDefinition.attributes\n\t\t\t\t};\n\t\t\t\tpanelDefinition.toolbarRelated = true;\n\n\t\t\t\tthis.hasArrow = true;\n\n\t\t\t\tthis.click = clickFn;\n\n\t\t\t\tthis._ = {\n\t\t\t\t\tpanelDefinition: panelDefinition\n\t\t\t\t};\n\t\t\t},\n\n\t\t\tstatics: {\n\t\t\t\thandler: {\n\t\t\t\t\tcreate: function( definition ) {\n\t\t\t\t\t\treturn new CKEDITOR.ui.panelButton( definition );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tproto: {\n\t\t\t\tcreatePanel: function( editor ) {\n\t\t\t\t\tvar _ = this._;\n\n\t\t\t\t\tif ( _.panel )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\tvar panelDefinition = this._.panelDefinition,\n\t\t\t\t\t\tpanelBlockDefinition = this._.panelDefinition.block,\n\t\t\t\t\t\tpanelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),\n\t\t\t\t\t\tpanel = this._.panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),\n\t\t\t\t\t\tblock = panel.addBlock( _.id, panelBlockDefinition ),\n\t\t\t\t\t\tme = this;\n\n\t\t\t\t\tpanel.onShow = function() {\n\t\t\t\t\t\tif ( me.className )\n\t\t\t\t\t\t\tthis.element.addClass( me.className + '_panel' );\n\n\t\t\t\t\t\tme.setState( CKEDITOR.TRISTATE_ON );\n\n\t\t\t\t\t\t_.on = 1;\n\n\t\t\t\t\t\tme.editorFocus && editor.focus();\n\n\t\t\t\t\t\tif ( me.onOpen )\n\t\t\t\t\t\t\tme.onOpen();\n\t\t\t\t\t};\n\n\t\t\t\t\tpanel.onHide = function( preventOnClose ) {\n\t\t\t\t\t\tif ( me.className )\n\t\t\t\t\t\t\tthis.element.getFirst().removeClass( me.className + '_panel' );\n\n\t\t\t\t\t\tme.setState( me.modes && me.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );\n\n\t\t\t\t\t\t_.on = 0;\n\n\t\t\t\t\t\tif ( !preventOnClose && me.onClose )\n\t\t\t\t\t\t\tme.onClose();\n\t\t\t\t\t};\n\n\t\t\t\t\tpanel.onEscape = function() {\n\t\t\t\t\t\tpanel.hide( 1 );\n\t\t\t\t\t\tme.document.getById( _.id ).focus();\n\t\t\t\t\t};\n\n\t\t\t\t\tif ( this.onBlock )\n\t\t\t\t\t\tthis.onBlock( panel, block );\n\n\t\t\t\t\tblock.onHide = function() {\n\t\t\t\t\t\t_.on = 0;\n\t\t\t\t\t\tme.setState( CKEDITOR.TRISTATE_OFF );\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t},\n\tbeforeInit: function( editor ) {\n\t\teditor.ui.addHandler( CKEDITOR.UI_PANELBUTTON, CKEDITOR.ui.panelButton.handler );\n\t}\n} );\n\n/**\n * Button UI element.\n *\n * @readonly\n * @property {String} [='panelbutton']\n * @member CKEDITOR\n */\nCKEDITOR.UI_PANELBUTTON = 'panelbutton';\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\tCKEDITOR.plugins.add( 'panel', {\n\t\tbeforeInit: function( editor ) {\n\t\t\teditor.ui.addHandler( CKEDITOR.UI_PANEL, CKEDITOR.ui.panel.handler );\n\t\t}\n\t} );\n\n\t/**\n\t * Panel UI element.\n\t *\n\t * @readonly\n\t * @property {String} [='panel']\n\t * @member CKEDITOR\n\t */\n\tCKEDITOR.UI_PANEL = 'panel';\n\n\t/**\n\t * @class\n\t * @constructor Creates a panel class instance.\n\t * @param {CKEDITOR.dom.document} document\n\t * @param {Object} definition\n\t */\n\tCKEDITOR.ui.panel = function( document, definition ) {\n\t\t// Copy all definition properties to this object.\n\t\tif ( definition )\n\t\t\tCKEDITOR.tools.extend( this, definition );\n\n\t\t// Set defaults.\n\t\tCKEDITOR.tools.extend( this, {\n\t\t\tclassName: '',\n\t\t\tcss: []\n\t\t} );\n\n\t\tthis.id = CKEDITOR.tools.getNextId();\n\t\tthis.document = document;\n\t\tthis.isFramed = this.forceIFrame || this.css.length;\n\n\t\tthis._ = {\n\t\t\tblocks: {}\n\t\t};\n\t};\n\n\t/**\n\t * Represents panel handler object.\n\t *\n\t * @class\n\t * @singleton\n\t * @extends CKEDITOR.ui.handlerDefinition\n\t */\n\tCKEDITOR.ui.panel.handler = {\n\t\t/**\n\t\t * Transforms a panel definition in a {@link CKEDITOR.ui.panel} instance.\n\t\t *\n\t\t * @param {Object} definition\n\t\t * @returns {CKEDITOR.ui.panel}\n\t\t */\n\t\tcreate: function( definition ) {\n\t\t\treturn new CKEDITOR.ui.panel( definition );\n\t\t}\n\t};\n\n\tvar panelTpl = CKEDITOR.addTemplate( 'panel', '' +\n\t\t'{frame}' +\n\t\t'
' );\n\n\tvar frameTpl = CKEDITOR.addTemplate( 'panel-frame', '' );\n\n\tvar frameDocTpl = CKEDITOR.addTemplate( 'panel-frame-inner', '' +\n\t\t'' +\n\t\t\t'{css}' +\n\t\t\t'' +\n\t\t'<\\/html>' );\n\n\t/** @class CKEDITOR.ui.panel */\n\tCKEDITOR.ui.panel.prototype = {\n\t\t/**\n\t\t * Renders the combo.\n\t\t *\n\t\t * @param {CKEDITOR.editor} editor The editor instance which this button is\n\t\t * to be used by.\n\t\t * @param {Array} [output] The output array to which append the HTML relative\n\t\t * to this button.\n\t\t */\n\t\trender: function( editor, output ) {\n\t\t\tthis.getHolderElement = function() {\n\t\t\t\tvar holder = this._.holder;\n\n\t\t\t\tif ( !holder ) {\n\t\t\t\t\tif ( this.isFramed ) {\n\t\t\t\t\t\tvar iframe = this.document.getById( this.id + '_frame' ),\n\t\t\t\t\t\t\tparentDiv = iframe.getParent(),\n\t\t\t\t\t\t\tdoc = iframe.getFrameDocument();\n\n\t\t\t\t\t\t// Make it scrollable on iOS. (http://dev.ckeditor.com/ticket/8308)\n\t\t\t\t\t\tCKEDITOR.env.iOS && parentDiv.setStyles( {\n\t\t\t\t\t\t\t'overflow': 'scroll',\n\t\t\t\t\t\t\t'-webkit-overflow-scrolling': 'touch'\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\tvar onLoad = CKEDITOR.tools.addFunction( CKEDITOR.tools.bind( function() {\n\t\t\t\t\t\t\tthis.isLoaded = true;\n\t\t\t\t\t\t\tif ( this.onLoad )\n\t\t\t\t\t\t\t\tthis.onLoad();\n\t\t\t\t\t\t}, this ) );\n\n\t\t\t\t\t\tdoc.write( frameDocTpl.output( CKEDITOR.tools.extend( {\n\t\t\t\t\t\t\tcss: CKEDITOR.tools.buildStyleHtml( this.css ),\n\t\t\t\t\t\t\tonload: 'window.parent.CKEDITOR.tools.callFunction(' + onLoad + ');'\n\t\t\t\t\t\t}, data ) ) );\n\n\t\t\t\t\t\tvar win = doc.getWindow();\n\n\t\t\t\t\t\t// Register the CKEDITOR global.\n\t\t\t\t\t\twin.$.CKEDITOR = CKEDITOR;\n\n\t\t\t\t\t\t// Arrow keys for scrolling is only preventable with 'keypress' event in Opera (http://dev.ckeditor.com/ticket/4534).\n\t\t\t\t\t\tdoc.on( 'keydown', function( evt ) {\n\t\t\t\t\t\t\tvar keystroke = evt.data.getKeystroke(),\n\t\t\t\t\t\t\t\tdir = this.document.getById( this.id ).getAttribute( 'dir' );\n\n\t\t\t\t\t\t\t// Delegate key processing to block.\n\t\t\t\t\t\t\tif ( this._.onKeyDown && this._.onKeyDown( keystroke ) === false ) {\n\t\t\t\t\t\t\t\tevt.data.preventDefault();\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// ESC/ARROW-LEFT(ltr) OR ARROW-RIGHT(rtl)\n\t\t\t\t\t\t\tif ( keystroke == 27 || keystroke == ( dir == 'rtl' ? 39 : 37 ) ) {\n\t\t\t\t\t\t\t\tif ( this.onEscape && this.onEscape( keystroke ) === false )\n\t\t\t\t\t\t\t\t\tevt.data.preventDefault();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, this );\n\n\t\t\t\t\t\tholder = doc.getBody();\n\t\t\t\t\t\tholder.unselectable();\n\t\t\t\t\t\tCKEDITOR.env.air && CKEDITOR.tools.callFunction( onLoad );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tholder = this.document.getById( this.id );\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._.holder = holder;\n\t\t\t\t}\n\n\t\t\t\treturn holder;\n\t\t\t};\n\n\t\t\tvar data = {\n\t\t\t\teditorId: editor.id,\n\t\t\t\tid: this.id,\n\t\t\t\tlangCode: editor.langCode,\n\t\t\t\tdir: editor.lang.dir,\n\t\t\t\tcls: this.className,\n\t\t\t\tframe: '',\n\t\t\t\tenv: CKEDITOR.env.cssClass,\n\t\t\t\t'z-index': editor.config.baseFloatZIndex + 1\n\t\t\t};\n\n\t\t\tif ( this.isFramed ) {\n\t\t\t\t// With IE, the custom domain has to be taken care at first,\n\t\t\t\t// for other browers, the 'src' attribute should be left empty to\n\t\t\t\t// trigger iframe's 'load' event.\n\t\t\t\tvar src =\n\t\t\t\t\tCKEDITOR.env.air ? 'javascript:void(0)' : // jshint ignore:line\n\t\t\t\t\tCKEDITOR.env.ie ? 'javascript:void(function(){' + encodeURIComponent( // jshint ignore:line\n\t\t\t\t\t\t'document.open();' +\n\t\t\t\t\t\t// In IE, the document domain must be set any time we call document.open().\n\t\t\t\t\t\t'(' + CKEDITOR.tools.fixDomain + ')();' +\n\t\t\t\t\t\t'document.close();'\n\t\t\t\t\t) + '}())' :\n\t\t\t\t\t'';\n\n\t\t\t\tdata.frame = frameTpl.output( {\n\t\t\t\t\tid: this.id + '_frame',\n\t\t\t\t\tsrc: src\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tvar html = panelTpl.output( data );\n\n\t\t\tif ( output )\n\t\t\t\toutput.push( html );\n\n\t\t\treturn html;\n\t\t},\n\n\t\t/**\n\t\t * @todo\n\t\t */\n\t\taddBlock: function( name, block ) {\n\t\t\tblock = this._.blocks[ name ] = block instanceof CKEDITOR.ui.panel.block ? block : new CKEDITOR.ui.panel.block( this.getHolderElement(), block );\n\n\t\t\tif ( !this._.currentBlock )\n\t\t\t\tthis.showBlock( name );\n\n\t\t\treturn block;\n\t\t},\n\n\t\t/**\n\t\t * @todo\n\t\t */\n\t\tgetBlock: function( name ) {\n\t\t\treturn this._.blocks[ name ];\n\t\t},\n\n\t\t/**\n\t\t * @todo\n\t\t */\n\t\tshowBlock: function( name ) {\n\t\t\tvar blocks = this._.blocks,\n\t\t\t\tblock = blocks[ name ],\n\t\t\t\tcurrent = this._.currentBlock;\n\n\t\t\t// ARIA role works better in IE on the body element, while on the iframe\n\t\t\t// for FF. (http://dev.ckeditor.com/ticket/8864)\n\t\t\tvar holder = !this.forceIFrame || CKEDITOR.env.ie ? this._.holder : this.document.getById( this.id + '_frame' );\n\n\t\t\tif ( current )\n\t\t\t\tcurrent.hide();\n\n\t\t\tthis._.currentBlock = block;\n\n\t\t\tCKEDITOR.fire( 'ariaWidget', holder );\n\n\t\t\t// Reset the focus index, so it will always go into the first one.\n\t\t\tblock._.focusIndex = -1;\n\n\t\t\tthis._.onKeyDown = block.onKeyDown && CKEDITOR.tools.bind( block.onKeyDown, block );\n\n\t\t\tblock.show();\n\n\t\t\treturn block;\n\t\t},\n\n\t\t/**\n\t\t * @todo\n\t\t */\n\t\tdestroy: function() {\n\t\t\tthis.element && this.element.remove();\n\t\t}\n\t};\n\n\t/**\n\t * @class\n\t *\n\t * @todo class and all methods\n\t */\n\tCKEDITOR.ui.panel.block = CKEDITOR.tools.createClass( {\n\t\t/**\n\t\t * Creates a block class instances.\n\t\t *\n\t\t * @constructor\n\t\t * @todo\n\t\t */\n\t\t$: function( blockHolder, blockDefinition ) {\n\t\t\tthis.element = blockHolder.append( blockHolder.getDocument().createElement( 'div', {\n\t\t\t\tattributes: {\n\t\t\t\t\t'tabindex': -1,\n\t\t\t\t\t'class': 'cke_panel_block'\n\t\t\t\t},\n\t\t\t\tstyles: {\n\t\t\t\t\tdisplay: 'none'\n\t\t\t\t}\n\t\t\t} ) );\n\n\t\t\t// Copy all definition properties to this object.\n\t\t\tif ( blockDefinition )\n\t\t\t\tCKEDITOR.tools.extend( this, blockDefinition );\n\n\t\t\t// Set the a11y attributes of this element ...\n\t\t\tthis.element.setAttributes( {\n\t\t\t\t'role': this.attributes.role || 'presentation',\n\t\t\t\t'aria-label': this.attributes[ 'aria-label' ],\n\t\t\t\t'title': this.attributes.title || this.attributes[ 'aria-label' ]\n\t\t\t} );\n\n\t\t\tthis.keys = {};\n\n\t\t\tthis._.focusIndex = -1;\n\n\t\t\t// Disable context menu for panels.\n\t\t\tthis.element.disableContextMenu();\n\t\t},\n\n\t\t_: {\n\n\t\t\t/**\n\t\t\t * Mark the item specified by the index as current activated.\n\t\t\t */\n\t\t\tmarkItem: function( index ) {\n\t\t\t\tif ( index == -1 )\n\t\t\t\t\treturn;\n\t\t\t\tvar links = this.element.getElementsByTag( 'a' );\n\t\t\t\tvar item = links.getItem( this._.focusIndex = index );\n\n\t\t\t\t// Safari need focus on the iframe window first(http://dev.ckeditor.com/ticket/3389), but we need\n\t\t\t\t// lock the blur to avoid hiding the panel.\n\t\t\t\tif ( CKEDITOR.env.webkit )\n\t\t\t\t\titem.getDocument().getWindow().focus();\n\t\t\t\titem.focus();\n\n\t\t\t\tthis.onMark && this.onMark( item );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Marks the first visible item or the one whose `aria-selected` attribute is set to `true`.\n\t\t\t * The latter has priority over the former.\n\t\t\t *\n\t\t\t * @private\n\t\t\t * @param beforeMark function to be executed just before marking.\n\t\t\t * Used in cases when any preparatory cleanup (like unmarking all items) would simultaneously\n\t\t\t * destroy the information that is needed to determine the focused item.\n\t\t\t */\n\t\t\tmarkFirstDisplayed: function( beforeMark ) {\n\t\t\t\tvar notDisplayed = function( element ) {\n\t\t\t\t\t\treturn element.type == CKEDITOR.NODE_ELEMENT && element.getStyle( 'display' ) == 'none';\n\t\t\t\t\t},\n\t\t\t\t\tlinks = this._.getItems(),\n\t\t\t\t\titem, focused;\n\n\t\t\t\tfor ( var i = links.count() - 1; i >= 0; i-- ) {\n\t\t\t\t\titem = links.getItem( i );\n\n\t\t\t\t\tif ( !item.getAscendant( notDisplayed ) ) {\n\t\t\t\t\t\tfocused = item;\n\t\t\t\t\t\tthis._.focusIndex = i;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( item.getAttribute( 'aria-selected' ) == 'true' ) {\n\t\t\t\t\t\tfocused = item;\n\t\t\t\t\t\tthis._.focusIndex = i;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( !focused ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( beforeMark ) {\n\t\t\t\t\tbeforeMark();\n\t\t\t\t}\n\n\t\t\t\tif ( CKEDITOR.env.webkit )\n\t\t\t\t\tfocused.getDocument().getWindow().focus();\n\t\t\t\tfocused.focus();\n\n\t\t\t\tthis.onMark && this.onMark( focused );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Returns a `CKEDITOR.dom.nodeList` of block items.\n\t\t\t *\n\t\t\t * @returns {*|CKEDITOR.dom.nodeList}\n\t\t\t */\n\t\t\tgetItems: function() {\n\t\t\t\treturn this.element.getElementsByTag( 'a' );\n\t\t\t}\n\t\t},\n\n\t\tproto: {\n\t\t\tshow: function() {\n\t\t\t\tthis.element.setStyle( 'display', '' );\n\t\t\t},\n\n\t\t\thide: function() {\n\t\t\t\tif ( !this.onHide || this.onHide.call( this ) !== true )\n\t\t\t\t\tthis.element.setStyle( 'display', 'none' );\n\t\t\t},\n\n\t\t\tonKeyDown: function( keystroke, noCycle ) {\n\t\t\t\tvar keyAction = this.keys[ keystroke ];\n\t\t\t\tswitch ( keyAction ) {\n\t\t\t\t\t// Move forward.\n\t\t\t\t\tcase 'next':\n\t\t\t\t\t\tvar index = this._.focusIndex,\n\t\t\t\t\t\t\tlinks = this.element.getElementsByTag( 'a' ),\n\t\t\t\t\t\t\tlink;\n\n\t\t\t\t\t\twhile ( ( link = links.getItem( ++index ) ) ) {\n\t\t\t\t\t\t\t// Move the focus only if the element is marked with\n\t\t\t\t\t\t\t// the _cke_focus and it it's visible (check if it has\n\t\t\t\t\t\t\t// width).\n\t\t\t\t\t\t\tif ( link.getAttribute( '_cke_focus' ) && link.$.offsetWidth ) {\n\t\t\t\t\t\t\t\tthis._.focusIndex = index;\n\t\t\t\t\t\t\t\tlink.focus();\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If no link was found, cycle and restart from the top. (http://dev.ckeditor.com/ticket/11125)\n\t\t\t\t\t\tif ( !link && !noCycle ) {\n\t\t\t\t\t\t\tthis._.focusIndex = -1;\n\t\t\t\t\t\t\treturn this.onKeyDown( keystroke, 1 );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn false;\n\n\t\t\t\t\t\t// Move backward.\n\t\t\t\t\tcase 'prev':\n\t\t\t\t\t\tindex = this._.focusIndex;\n\t\t\t\t\t\tlinks = this.element.getElementsByTag( 'a' );\n\n\t\t\t\t\t\twhile ( index > 0 && ( link = links.getItem( --index ) ) ) {\n\t\t\t\t\t\t\t// Move the focus only if the element is marked with\n\t\t\t\t\t\t\t// the _cke_focus and it it's visible (check if it has\n\t\t\t\t\t\t\t// width).\n\t\t\t\t\t\t\tif ( link.getAttribute( '_cke_focus' ) && link.$.offsetWidth ) {\n\t\t\t\t\t\t\t\tthis._.focusIndex = index;\n\t\t\t\t\t\t\t\tlink.focus();\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Make sure link is null when the loop ends and nothing was\n\t\t\t\t\t\t\t// found (http://dev.ckeditor.com/ticket/11125).\n\t\t\t\t\t\t\tlink = null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If no link was found, cycle and restart from the bottom. (http://dev.ckeditor.com/ticket/11125)\n\t\t\t\t\t\tif ( !link && !noCycle ) {\n\t\t\t\t\t\t\tthis._.focusIndex = links.count();\n\t\t\t\t\t\t\treturn this.onKeyDown( keystroke, 1 );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn false;\n\n\t\t\t\t\tcase 'click':\n\t\t\t\t\tcase 'mouseup':\n\t\t\t\t\t\tindex = this._.focusIndex;\n\t\t\t\t\t\tlink = index >= 0 && this.element.getElementsByTag( 'a' ).getItem( index );\n\n\t\t\t\t\t\tif ( link )\n\t\t\t\t\t\t\tlink.$[ keyAction ] ? link.$[ keyAction ]() : link.$[ 'on' + keyAction ]();\n\n\t\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t} );\n\n} )();\n\n/**\n * Fired when a panel is added to the document.\n *\n * @event ariaWidget\n * @member CKEDITOR\n * @param {Object} data The element wrapping the panel.\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'floatpanel', {\n\trequires: 'panel'\n} );\n\n( function() {\n\tvar panels = {};\n\n\tfunction getPanel( editor, doc, parentElement, definition, level ) {\n\t\t// Generates the panel key: docId-eleId-skinName-langDir[-uiColor][-CSSs][-level]\n\t\tvar key = CKEDITOR.tools.genKey( doc.getUniqueId(), parentElement.getUniqueId(), editor.lang.dir, editor.uiColor || '', definition.css || '', level || '' ),\n\t\t\tpanel = panels[ key ];\n\n\t\tif ( !panel ) {\n\t\t\tpanel = panels[ key ] = new CKEDITOR.ui.panel( doc, definition );\n\t\t\tpanel.element = parentElement.append( CKEDITOR.dom.element.createFromHtml( panel.render( editor ), doc ) );\n\n\t\t\tpanel.element.setStyles( {\n\t\t\t\tdisplay: 'none',\n\t\t\t\tposition: 'absolute'\n\t\t\t} );\n\t\t}\n\n\t\treturn panel;\n\t}\n\n\t/**\n\t * Represents a floating panel UI element.\n\t *\n\t * It is reused by rich combos, color combos, menus, etc.\n\t * and it renders its content using {@link CKEDITOR.ui.panel}.\n\t *\n\t * @class\n\t * @todo\n\t */\n\tCKEDITOR.ui.floatPanel = CKEDITOR.tools.createClass( {\n\t\t/**\n\t\t * Creates a floatPanel class instance.\n\t\t *\n\t\t * @constructor\n\t\t * @param {CKEDITOR.editor} editor\n\t\t * @param {CKEDITOR.dom.element} parentElement\n\t\t * @param {Object} definition Definition of the panel that will be floating.\n\t\t * @param {Number} level\n\t\t */\n\t\t$: function( editor, parentElement, definition, level ) {\n\t\t\tdefinition.forceIFrame = 1;\n\n\t\t\t// In case of editor with floating toolbar append panels that should float\n\t\t\t// to the main UI element.\n\t\t\tif ( definition.toolbarRelated && editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )\n\t\t\t\tparentElement = CKEDITOR.document.getById( 'cke_' + editor.name );\n\n\t\t\tvar doc = parentElement.getDocument(),\n\t\t\t\tpanel = getPanel( editor, doc, parentElement, definition, level || 0 ),\n\t\t\t\telement = panel.element,\n\t\t\t\tiframe = element.getFirst(),\n\t\t\t\tthat = this;\n\n\t\t\t// Disable native browser menu. (http://dev.ckeditor.com/ticket/4825)\n\t\t\telement.disableContextMenu();\n\n\t\t\tthis.element = element;\n\n\t\t\tthis._ = {\n\t\t\t\teditor: editor,\n\t\t\t\t// The panel that will be floating.\n\t\t\t\tpanel: panel,\n\t\t\t\tparentElement: parentElement,\n\t\t\t\tdefinition: definition,\n\t\t\t\tdocument: doc,\n\t\t\t\tiframe: iframe,\n\t\t\t\tchildren: [],\n\t\t\t\tdir: editor.lang.dir,\n\t\t\t\tshowBlockParams: null\n\t\t\t};\n\n\t\t\teditor.on( 'mode', hide );\n\t\t\teditor.on( 'resize', hide );\n\n\t\t\t// When resize of the window is triggered floatpanel should be repositioned according to new dimensions.\n\t\t\t// http://dev.ckeditor.com/ticket/11724. Fixes issue with undesired panel hiding on Android and iOS.\n\t\t\tdoc.getWindow().on( 'resize', function() {\n\t\t\t\tthis.reposition();\n\t\t\t}, this );\n\n\t\t\t// We need a wrapper because events implementation doesn't allow to attach\n\t\t\t// one listener more than once for the same event on the same object.\n\t\t\t// Remember that floatPanel#hide is shared between all instances.\n\t\t\tfunction hide() {\n\t\t\t\tthat.hide();\n\t\t\t}\n\t\t},\n\n\t\tproto: {\n\t\t\t/**\n\t\t\t * @todo\n\t\t\t */\n\t\t\taddBlock: function( name, block ) {\n\t\t\t\treturn this._.panel.addBlock( name, block );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @todo\n\t\t\t */\n\t\t\taddListBlock: function( name, multiSelect ) {\n\t\t\t\treturn this._.panel.addListBlock( name, multiSelect );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @todo\n\t\t\t */\n\t\t\tgetBlock: function( name ) {\n\t\t\t\treturn this._.panel.getBlock( name );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Shows the panel block.\n\t\t\t *\n\t\t\t * @param {String} name\n\t\t\t * @param {CKEDITOR.dom.element} offsetParent Positioned parent.\n\t\t\t * @param {Number} corner\n\t\t\t *\n\t\t\t * * For LTR (left to right) oriented editor:\n\t\t\t * * `1` = top-left\n\t\t\t * * `2` = top-right\n\t\t\t * * `3` = bottom-right\n\t\t\t * * `4` = bottom-left\n\t\t\t * * For RTL (right to left):\n\t\t\t * * `1` = top-right\n\t\t\t * * `2` = top-left\n\t\t\t * * `3` = bottom-left\n\t\t\t * * `4` = bottom-right\n\t\t\t *\n\t\t\t * @param {Number} [offsetX=0]\n\t\t\t * @param {Number} [offsetY=0]\n\t\t\t * @param {Function} [callback] A callback function executed when block positioning is done.\n\t\t\t * @todo what do exactly these params mean (especially corner)?\n\t\t\t */\n\t\t\tshowBlock: function( name, offsetParent, corner, offsetX, offsetY, callback ) {\n\t\t\t\tvar panel = this._.panel,\n\t\t\t\t\tblock = panel.showBlock( name );\n\n\t\t\t\tthis._.showBlockParams = [].slice.call( arguments );\n\t\t\t\tthis.allowBlur( false );\n\n\t\t\t\t// Record from where the focus is when open panel.\n\t\t\t\tvar editable = this._.editor.editable();\n\t\t\t\tthis._.returnFocus = editable.hasFocus ? editable : new CKEDITOR.dom.element( CKEDITOR.document.$.activeElement );\n\t\t\t\tthis._.hideTimeout = 0;\n\n\t\t\t\tvar element = this.element,\n\t\t\t\t\tiframe = this._.iframe,\n\t\t\t\t\t// Edge prefers iframe's window to the iframe, just like the rest of the browsers (http://dev.ckeditor.com/ticket/13143).\n\t\t\t\t\tfocused = CKEDITOR.env.ie && !CKEDITOR.env.edge ? iframe : new CKEDITOR.dom.window( iframe.$.contentWindow ),\n\t\t\t\t\tdoc = element.getDocument(),\n\t\t\t\t\tpositionedAncestor = this._.parentElement.getPositionedAncestor(),\n\t\t\t\t\tposition = offsetParent.getDocumentPosition( doc ),\n\t\t\t\t\tpositionedAncestorPosition = positionedAncestor ? positionedAncestor.getDocumentPosition( doc ) : { x: 0, y: 0 },\n\t\t\t\t\trtl = this._.dir == 'rtl',\n\t\t\t\t\tleft = position.x + ( offsetX || 0 ) - positionedAncestorPosition.x,\n\t\t\t\t\ttop = position.y + ( offsetY || 0 ) - positionedAncestorPosition.y;\n\n\t\t\t\t// Floating panels are off by (-1px, 0px) in RTL mode. (http://dev.ckeditor.com/ticket/3438)\n\t\t\t\tif ( rtl && ( corner == 1 || corner == 4 ) )\n\t\t\t\t\tleft += offsetParent.$.offsetWidth;\n\t\t\t\telse if ( !rtl && ( corner == 2 || corner == 3 ) )\n\t\t\t\t\tleft += offsetParent.$.offsetWidth - 1;\n\n\t\t\t\tif ( corner == 3 || corner == 4 )\n\t\t\t\t\ttop += offsetParent.$.offsetHeight - 1;\n\n\t\t\t\t// Memorize offsetParent by it's ID.\n\t\t\t\tthis._.panel._.offsetParentId = offsetParent.getId();\n\n\t\t\t\telement.setStyles( {\n\t\t\t\t\ttop: top + 'px',\n\t\t\t\t\tleft: 0,\n\t\t\t\t\tdisplay: ''\n\t\t\t\t} );\n\n\t\t\t\t// Don't use display or visibility style because we need to\n\t\t\t\t// calculate the rendering layout later and focus the element.\n\t\t\t\telement.setOpacity( 0 );\n\n\t\t\t\t// To allow the context menu to decrease back their width\n\t\t\t\telement.getFirst().removeStyle( 'width' );\n\n\t\t\t\t// Report to focus manager.\n\t\t\t\tthis._.editor.focusManager.add( focused );\n\n\t\t\t\t// Configure the IFrame blur event. Do that only once.\n\t\t\t\tif ( !this._.blurSet ) {\n\n\t\t\t\t\t// With addEventListener compatible browsers, we must\n\t\t\t\t\t// useCapture when registering the focus/blur events to\n\t\t\t\t\t// guarantee they will be firing in all situations. (http://dev.ckeditor.com/ticket/3068, http://dev.ckeditor.com/ticket/3222 )\n\t\t\t\t\tCKEDITOR.event.useCapture = true;\n\n\t\t\t\t\tfocused.on( 'blur', function( ev ) {\n\t\t\t\t\t\t// As we are using capture to register the listener,\n\t\t\t\t\t\t// the blur event may get fired even when focusing\n\t\t\t\t\t\t// inside the window itself, so we must ensure the\n\t\t\t\t\t\t// target is out of it.\n\t\t\t\t\t\tif ( !this.allowBlur() || ev.data.getPhase() != CKEDITOR.EVENT_PHASE_AT_TARGET )\n\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\tif ( this.visible && !this._.activeChild ) {\n\t\t\t\t\t\t\t// [iOS] Allow hide to be prevented if touch is bound\n\t\t\t\t\t\t\t// to any parent of the iframe blur happens before touch (http://dev.ckeditor.com/ticket/10714).\n\t\t\t\t\t\t\tif ( CKEDITOR.env.iOS ) {\n\t\t\t\t\t\t\t\tif ( !this._.hideTimeout )\n\t\t\t\t\t\t\t\t\tthis._.hideTimeout = CKEDITOR.tools.setTimeout( doHide, 0, this );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tdoHide.call( this );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfunction doHide() {\n\t\t\t\t\t\t\t// Panel close is caused by user's navigating away the focus, e.g. click outside the panel.\n\t\t\t\t\t\t\t// DO NOT restore focus in this case.\n\t\t\t\t\t\t\tdelete this._.returnFocus;\n\t\t\t\t\t\t\tthis.hide();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, this );\n\n\t\t\t\t\tfocused.on( 'focus', function() {\n\t\t\t\t\t\tthis._.focused = true;\n\t\t\t\t\t\tthis.hideChild();\n\t\t\t\t\t\tthis.allowBlur( true );\n\t\t\t\t\t}, this );\n\n\t\t\t\t\t// [iOS] if touch is bound to any parent of the iframe blur\n\t\t\t\t\t// happens twice before touchstart and before touchend (http://dev.ckeditor.com/ticket/10714).\n\t\t\t\t\tif ( CKEDITOR.env.iOS ) {\n\t\t\t\t\t\t// Prevent false hiding on blur.\n\t\t\t\t\t\t// We don't need to return focus here because touchend will fire anyway.\n\t\t\t\t\t\t// If user scrolls and pointer gets out of the panel area touchend will also fire.\n\t\t\t\t\t\tfocused.on( 'touchstart', function() {\n\t\t\t\t\t\t\tclearTimeout( this._.hideTimeout );\n\t\t\t\t\t\t}, this );\n\n\t\t\t\t\t\t// Set focus back to handle blur and hide panel when needed.\n\t\t\t\t\t\tfocused.on( 'touchend', function() {\n\t\t\t\t\t\t\tthis._.hideTimeout = 0;\n\t\t\t\t\t\t\tthis.focus();\n\t\t\t\t\t\t}, this );\n\t\t\t\t\t}\n\n\t\t\t\t\tCKEDITOR.event.useCapture = false;\n\n\t\t\t\t\tthis._.blurSet = 1;\n\t\t\t\t}\n\n\t\t\t\tpanel.onEscape = CKEDITOR.tools.bind( function( keystroke ) {\n\t\t\t\t\tif ( this.onEscape && this.onEscape( keystroke ) === false )\n\t\t\t\t\t\treturn false;\n\t\t\t\t}, this );\n\n\t\t\t\tCKEDITOR.tools.setTimeout( function() {\n\t\t\t\t\tvar panelLoad = CKEDITOR.tools.bind( function() {\n\t\t\t\t\t\tvar target = element;\n\n\t\t\t\t\t\t// Reset panel width as the new content can be narrower\n\t\t\t\t\t\t// than the old one. (http://dev.ckeditor.com/ticket/9355)\n\t\t\t\t\t\ttarget.removeStyle( 'width' );\n\n\t\t\t\t\t\tif ( block.autoSize ) {\n\t\t\t\t\t\t\tvar panelDoc = block.element.getDocument(),\n\t\t\t\t\t\t\t\twidth = ( ( CKEDITOR.env.webkit || CKEDITOR.env.edge ) ? block.element : panelDoc.getBody() ).$.scrollWidth;\n\n\t\t\t\t\t\t\t// Account for extra height needed due to IE quirks box model bug:\n\t\t\t\t\t\t\t// http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug\n\t\t\t\t\t\t\t// (http://dev.ckeditor.com/ticket/3426)\n\t\t\t\t\t\t\tif ( CKEDITOR.env.ie && CKEDITOR.env.quirks && width > 0 )\n\t\t\t\t\t\t\t\twidth += ( target.$.offsetWidth || 0 ) - ( target.$.clientWidth || 0 ) + 3;\n\n\t\t\t\t\t\t\t// Add some extra pixels to improve the appearance.\n\t\t\t\t\t\t\twidth += 10;\n\n\t\t\t\t\t\t\ttarget.setStyle( 'width', width + 'px' );\n\n\t\t\t\t\t\t\tvar height = block.element.$.scrollHeight;\n\n\t\t\t\t\t\t\t// Account for extra height needed due to IE quirks box model bug:\n\t\t\t\t\t\t\t// http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug\n\t\t\t\t\t\t\t// (http://dev.ckeditor.com/ticket/3426)\n\t\t\t\t\t\t\tif ( CKEDITOR.env.ie && CKEDITOR.env.quirks && height > 0 )\n\t\t\t\t\t\t\t\theight += ( target.$.offsetHeight || 0 ) - ( target.$.clientHeight || 0 ) + 3;\n\n\t\t\t\t\t\t\ttarget.setStyle( 'height', height + 'px' );\n\n\t\t\t\t\t\t\t// Fix IE < 8 visibility.\n\t\t\t\t\t\t\tpanel._.currentBlock.element.setStyle( 'display', 'none' ).removeStyle( 'display' );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ttarget.removeStyle( 'height' );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Flip panel layout horizontally in RTL with known width.\n\t\t\t\t\t\tif ( rtl )\n\t\t\t\t\t\t\tleft -= element.$.offsetWidth;\n\n\t\t\t\t\t\t// Pop the style now for measurement.\n\t\t\t\t\t\telement.setStyle( 'left', left + 'px' );\n\n\t\t\t\t\t\t/* panel layout smartly fit the viewport size. */\n\t\t\t\t\t\tvar panelElement = panel.element,\n\t\t\t\t\t\t\tpanelWindow = panelElement.getWindow(),\n\t\t\t\t\t\t\trect = element.$.getBoundingClientRect(),\n\t\t\t\t\t\t\tviewportSize = panelWindow.getViewPaneSize();\n\n\t\t\t\t\t\t// Compensation for browsers that dont support \"width\" and \"height\".\n\t\t\t\t\t\tvar rectWidth = rect.width || rect.right - rect.left,\n\t\t\t\t\t\t\trectHeight = rect.height || rect.bottom - rect.top;\n\n\t\t\t\t\t\t// Check if default horizontal layout is impossible.\n\t\t\t\t\t\tvar spaceAfter = rtl ? rect.right : viewportSize.width - rect.left,\n\t\t\t\t\t\t\tspaceBefore = rtl ? viewportSize.width - rect.right : rect.left;\n\n\t\t\t\t\t\tif ( rtl ) {\n\t\t\t\t\t\t\tif ( spaceAfter < rectWidth ) {\n\t\t\t\t\t\t\t\t// Flip to show on right.\n\t\t\t\t\t\t\t\tif ( spaceBefore > rectWidth )\n\t\t\t\t\t\t\t\t\tleft += rectWidth;\n\t\t\t\t\t\t\t\t// Align to window left.\n\t\t\t\t\t\t\t\telse if ( viewportSize.width > rectWidth )\n\t\t\t\t\t\t\t\t\tleft = left - rect.left;\n\t\t\t\t\t\t\t\t// Align to window right, never cutting the panel at right.\n\t\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\t\tleft = left - rect.right + viewportSize.width;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if ( spaceAfter < rectWidth ) {\n\t\t\t\t\t\t\t// Flip to show on left.\n\t\t\t\t\t\t\tif ( spaceBefore > rectWidth )\n\t\t\t\t\t\t\t\tleft -= rectWidth;\n\t\t\t\t\t\t\t// Align to window right.\n\t\t\t\t\t\t\telse if ( viewportSize.width > rectWidth )\n\t\t\t\t\t\t\t\tleft = left - rect.right + viewportSize.width;\n\t\t\t\t\t\t\t// Align to window left, never cutting the panel at left.\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tleft = left - rect.left;\n\t\t\t\t\t\t}\n\n\n\t\t\t\t\t\t// Check if the default vertical layout is possible.\n\t\t\t\t\t\tvar spaceBelow = viewportSize.height - rect.top,\n\t\t\t\t\t\t\tspaceAbove = rect.top;\n\n\t\t\t\t\t\tif ( spaceBelow < rectHeight ) {\n\t\t\t\t\t\t\t// Flip to show above.\n\t\t\t\t\t\t\tif ( spaceAbove > rectHeight )\n\t\t\t\t\t\t\t\ttop -= rectHeight;\n\t\t\t\t\t\t\t// Align to window bottom.\n\t\t\t\t\t\t\telse if ( viewportSize.height > rectHeight )\n\t\t\t\t\t\t\t\ttop = top - rect.bottom + viewportSize.height;\n\t\t\t\t\t\t\t// Align to top, never cutting the panel at top.\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\ttop = top - rect.top;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If IE is in RTL, we have troubles with absolute\n\t\t\t\t\t\t// position and horizontal scrolls. Here we have a\n\t\t\t\t\t\t// series of hacks to workaround it. (http://dev.ckeditor.com/ticket/6146)\n\t\t\t\t\t\tif ( CKEDITOR.env.ie ) {\n\t\t\t\t\t\t\tvar offsetParent = new CKEDITOR.dom.element( element.$.offsetParent ),\n\t\t\t\t\t\t\t\tscrollParent = offsetParent;\n\n\t\t\t\t\t\t\t// Quirks returns , but standards returns .\n\t\t\t\t\t\t\tif ( scrollParent.getName() == 'html' )\n\t\t\t\t\t\t\t\tscrollParent = scrollParent.getDocument().getBody();\n\n\t\t\t\t\t\t\tif ( scrollParent.getComputedStyle( 'direction' ) == 'rtl' ) {\n\t\t\t\t\t\t\t\t// For IE8, there is not much logic on this, but it works.\n\t\t\t\t\t\t\t\tif ( CKEDITOR.env.ie8Compat )\n\t\t\t\t\t\t\t\t\tleft -= element.getDocument().getDocumentElement().$.scrollLeft * 2;\n\t\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\t\tleft -= ( offsetParent.$.scrollWidth - offsetParent.$.clientWidth );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Trigger the onHide event of the previously active panel to prevent\n\t\t\t\t\t\t// incorrect styles from being applied (http://dev.ckeditor.com/ticket/6170)\n\t\t\t\t\t\tvar innerElement = element.getFirst(),\n\t\t\t\t\t\t\tactivePanel;\n\t\t\t\t\t\tif ( ( activePanel = innerElement.getCustomData( 'activePanel' ) ) )\n\t\t\t\t\t\t\tactivePanel.onHide && activePanel.onHide.call( this, 1 );\n\t\t\t\t\t\tinnerElement.setCustomData( 'activePanel', this );\n\n\t\t\t\t\t\telement.setStyles( {\n\t\t\t\t\t\t\ttop: top + 'px',\n\t\t\t\t\t\t\tleft: left + 'px'\n\t\t\t\t\t\t} );\n\t\t\t\t\t\telement.setOpacity( 1 );\n\n\t\t\t\t\t\tcallback && callback();\n\t\t\t\t\t}, this );\n\n\t\t\t\t\tpanel.isLoaded ? panelLoad() : panel.onLoad = panelLoad;\n\n\t\t\t\t\tCKEDITOR.tools.setTimeout( function() {\n\t\t\t\t\t\tvar scrollTop = CKEDITOR.env.webkit && CKEDITOR.document.getWindow().getScrollPosition().y;\n\n\t\t\t\t\t\t// Focus the panel frame first, so blur gets fired.\n\t\t\t\t\t\tthis.focus();\n\n\t\t\t\t\t\t// Focus the block now.\n\t\t\t\t\t\tblock.element.focus();\n\n\t\t\t\t\t\t// http://dev.ckeditor.com/ticket/10623, http://dev.ckeditor.com/ticket/10951 - restore the viewport's scroll position after focusing list element.\n\t\t\t\t\t\tif ( CKEDITOR.env.webkit )\n\t\t\t\t\t\t\tCKEDITOR.document.getBody().$.scrollTop = scrollTop;\n\n\t\t\t\t\t\t// We need this get fired manually because of unfired focus() function.\n\t\t\t\t\t\tthis.allowBlur( true );\n\n\t\t\t\t\t\t// Ensure that the first item is focused (http://dev.ckeditor.com/ticket/16804).\n\t\t\t\t\t\tif ( CKEDITOR.env.ie ) {\n\t\t\t\t\t\t\tCKEDITOR.tools.setTimeout( function() {\n\t\t\t\t\t\t\t\tblock.markFirstDisplayed ? block.markFirstDisplayed() : block._.markFirstDisplayed();\n\t\t\t\t\t\t\t}, 0 );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tblock.markFirstDisplayed ? block.markFirstDisplayed() : block._.markFirstDisplayed();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis._.editor.fire( 'panelShow', this );\n\t\t\t\t\t}, 0, this );\n\t\t\t\t}, CKEDITOR.env.air ? 200 : 0, this );\n\t\t\t\tthis.visible = 1;\n\n\t\t\t\tif ( this.onShow )\n\t\t\t\t\tthis.onShow.call( this );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Repositions the panel with the same parameters that were used in the last {@link #showBlock} call.\n\t\t\t *\n\t\t\t * @since 4.5.4\n\t\t\t */\n\t\t\treposition: function() {\n\t\t\t\tvar blockParams = this._.showBlockParams;\n\n\t\t\t\tif ( this.visible && this._.showBlockParams ) {\n\t\t\t\t\tthis.hide();\n\t\t\t\t\tthis.showBlock.apply( this, blockParams );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Restores the last focused element or simply focuses the panel window.\n\t\t\t */\n\t\t\tfocus: function() {\n\t\t\t\t// Webkit requires to blur any previous focused page element, in\n\t\t\t\t// order to properly fire the \"focus\" event.\n\t\t\t\tif ( CKEDITOR.env.webkit ) {\n\t\t\t\t\tvar active = CKEDITOR.document.getActive();\n\t\t\t\t\tactive && !active.equals( this._.iframe ) && active.$.blur();\n\t\t\t\t}\n\n\t\t\t\t// Restore last focused element or simply focus panel window.\n\t\t\t\tvar focus = this._.lastFocused || this._.iframe.getFrameDocument().getWindow();\n\t\t\t\tfocus.focus();\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @todo\n\t\t\t */\n\t\t\tblur: function() {\n\t\t\t\tvar doc = this._.iframe.getFrameDocument(),\n\t\t\t\t\tactive = doc.getActive();\n\n\t\t\t\tactive && active.is( 'a' ) && ( this._.lastFocused = active );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Hides the panel.\n\t\t\t *\n\t\t\t * @todo\n\t\t\t */\n\t\t\thide: function( returnFocus ) {\n\t\t\t\tif ( this.visible && ( !this.onHide || this.onHide.call( this ) !== true ) ) {\n\t\t\t\t\tthis.hideChild();\n\t\t\t\t\t// Blur previously focused element. (http://dev.ckeditor.com/ticket/6671)\n\t\t\t\t\tCKEDITOR.env.gecko && this._.iframe.getFrameDocument().$.activeElement.blur();\n\t\t\t\t\tthis.element.setStyle( 'display', 'none' );\n\t\t\t\t\tthis.visible = 0;\n\t\t\t\t\tthis.element.getFirst().removeCustomData( 'activePanel' );\n\n\t\t\t\t\t// Return focus properly. (http://dev.ckeditor.com/ticket/6247)\n\t\t\t\t\tvar focusReturn = returnFocus && this._.returnFocus;\n\t\t\t\t\tif ( focusReturn ) {\n\t\t\t\t\t\t// Webkit requires focus moved out panel iframe first.\n\t\t\t\t\t\tif ( CKEDITOR.env.webkit && focusReturn.type )\n\t\t\t\t\t\t\tfocusReturn.getWindow().$.focus();\n\n\t\t\t\t\t\tfocusReturn.focus();\n\t\t\t\t\t}\n\n\t\t\t\t\tdelete this._.lastFocused;\n\t\t\t\t\tthis._.showBlockParams = null;\n\n\t\t\t\t\tthis._.editor.fire( 'panelHide', this );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @todo\n\t\t\t */\n\t\t\tallowBlur: function( allow ) {\n\t\t\t\t// Prevent editor from hiding the panel. (http://dev.ckeditor.com/ticket/3222)\n\t\t\t\tvar panel = this._.panel;\n\t\t\t\tif ( allow !== undefined )\n\t\t\t\t\tpanel.allowBlur = allow;\n\n\t\t\t\treturn panel.allowBlur;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Shows the specified panel as a child of one block of this one.\n\t\t\t *\n\t\t\t * @param {CKEDITOR.ui.floatPanel} panel\n\t\t\t * @param {String} blockName\n\t\t\t * @param {CKEDITOR.dom.element} offsetParent Positioned parent.\n\t\t\t * @param {Number} corner\n\t\t\t *\n\t\t\t * * For LTR (left to right) oriented editor:\n\t\t\t * * `1` = top-left\n\t\t\t * * `2` = top-right\n\t\t\t * * `3` = bottom-right\n\t\t\t * * `4` = bottom-left\n\t\t\t * * For RTL (right to left):\n\t\t\t * * `1` = top-right\n\t\t\t * * `2` = top-left\n\t\t\t * * `3` = bottom-left\n\t\t\t * * `4` = bottom-right\n\t\t\t *\n\t\t\t * @param {Number} [offsetX=0]\n\t\t\t * @param {Number} [offsetY=0]\n\t\t\t * @todo\n\t\t\t */\n\t\t\tshowAsChild: function( panel, blockName, offsetParent, corner, offsetX, offsetY ) {\n\t\t\t\t// Skip reshowing of child which is already visible.\n\t\t\t\tif ( this._.activeChild == panel && panel._.panel._.offsetParentId == offsetParent.getId() )\n\t\t\t\t\treturn;\n\n\t\t\t\tthis.hideChild();\n\n\t\t\t\tpanel.onHide = CKEDITOR.tools.bind( function() {\n\t\t\t\t\t// Use a timeout, so we give time for this menu to get\n\t\t\t\t\t// potentially focused.\n\t\t\t\t\tCKEDITOR.tools.setTimeout( function() {\n\t\t\t\t\t\tif ( !this._.focused )\n\t\t\t\t\t\t\tthis.hide();\n\t\t\t\t\t}, 0, this );\n\t\t\t\t}, this );\n\n\t\t\t\tthis._.activeChild = panel;\n\t\t\t\tthis._.focused = false;\n\n\t\t\t\tpanel.showBlock( blockName, offsetParent, corner, offsetX, offsetY );\n\t\t\t\tthis.blur();\n\n\t\t\t\t/* http://dev.ckeditor.com/ticket/3767 IE: Second level menu may not have borders */\n\t\t\t\tif ( CKEDITOR.env.ie7Compat || CKEDITOR.env.ie6Compat ) {\n\t\t\t\t\tsetTimeout( function() {\n\t\t\t\t\t\tpanel.element.getChild( 0 ).$.style.cssText += '';\n\t\t\t\t\t}, 100 );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * @todo\n\t\t\t */\n\t\t\thideChild: function( restoreFocus ) {\n\t\t\t\tvar activeChild = this._.activeChild;\n\n\t\t\t\tif ( activeChild ) {\n\t\t\t\t\tdelete activeChild.onHide;\n\t\t\t\t\tdelete this._.activeChild;\n\t\t\t\t\tactiveChild.hide();\n\n\t\t\t\t\t// At this point focus should be moved back to parent panel.\n\t\t\t\t\trestoreFocus && this.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} );\n\n\tCKEDITOR.on( 'instanceDestroyed', function() {\n\t\tvar isLastInstance = CKEDITOR.tools.isEmpty( CKEDITOR.instances );\n\n\t\tfor ( var i in panels ) {\n\t\t\tvar panel = panels[ i ];\n\t\t\t// Safe to destroy it since there're no more instances.(http://dev.ckeditor.com/ticket/4241)\n\t\t\tif ( isLastInstance )\n\t\t\t\tpanel.destroy();\n\t\t\t// Panel might be used by other instances, just hide them.(http://dev.ckeditor.com/ticket/4552)\n\t\t\telse\n\t\t\t\tpanel.element.hide();\n\t\t}\n\t\t// Remove the registration.\n\t\tisLastInstance && ( panels = {} );\n\n\t} );\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview The \"colorbutton\" plugin that makes it possible to assign\n * text and background colors to editor contents.\n *\n */\nCKEDITOR.plugins.add( 'colorbutton', {\n\trequires: 'panelbutton,floatpanel',\n\t// jscs:disable maximumLineLength\n\t// jscs:enable maximumLineLength\n\tinit: function( editor ) {\n\t\tvar config = editor.config,\n\t\t\tlang = editor.lang.colorbutton;\n\n\t\tif ( !CKEDITOR.env.hc ) {\n\t\t\taddButton( 'TextColor', 'fore', lang.textColorTitle, 10, {\n\t\t\t\tcontentTransformations: [\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\telement: 'font',\n\t\t\t\t\t\t\tcheck: 'span{color}',\n\t\t\t\t\t\t\tleft: function( element ) {\n\t\t\t\t\t\t\t\treturn !!element.attributes.color;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tright: function( element ) {\n\t\t\t\t\t\t\t\telement.name = 'span';\n\n\t\t\t\t\t\t\t\telement.attributes.color && ( element.styles.color = element.attributes.color );\n\t\t\t\t\t\t\t\tdelete element.attributes.color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t]\n\t\t\t} );\n\n\t\t\tvar bgOptions = {},\n\t\t\t\tnormalizeBackground = editor.config.colorButton_normalizeBackground;\n\n\t\t\tif ( normalizeBackground === undefined || normalizeBackground ) {\n\t\t\t\t// If background contains only color, then we want to convert it into background-color so that it's\n\t\t\t\t// correctly picked by colorbutton plugin.\n\t\t\t\tbgOptions.contentTransformations = [\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// Transform span that specify background with color only to background-color.\n\t\t\t\t\t\t\telement: 'span',\n\t\t\t\t\t\t\tleft: function( element ) {\n\t\t\t\t\t\t\t\tvar tools = CKEDITOR.tools;\n\t\t\t\t\t\t\t\tif ( element.name != 'span' || !element.styles || !element.styles.background ) {\n\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tvar background = tools.style.parse.background( element.styles.background );\n\n\t\t\t\t\t\t\t\t// We return true only if background specifies **only** color property, and there's only one background directive.\n\t\t\t\t\t\t\t\treturn background.color && tools.objectKeys( background ).length === 1;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tright: function( element ) {\n\t\t\t\t\t\t\t\tvar style = new CKEDITOR.style( editor.config.colorButton_backStyle, {\n\t\t\t\t\t\t\t\t\t\tcolor: element.styles.background\n\t\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t\t\tdefinition = style.getDefinition();\n\n\t\t\t\t\t\t\t\t// Align the output object with the template used in config.\n\t\t\t\t\t\t\t\telement.name = definition.element;\n\t\t\t\t\t\t\t\telement.styles = definition.styles;\n\t\t\t\t\t\t\t\telement.attributes = definition.attributes || {};\n\n\t\t\t\t\t\t\t\treturn element;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t];\n\t\t\t}\n\n\t\t\taddButton( 'BGColor', 'back', lang.bgColorTitle, 20, bgOptions );\n\t\t}\n\n\t\tfunction addButton( name, type, title, order, options ) {\n\t\t\tvar style = new CKEDITOR.style( config[ 'colorButton_' + type + 'Style' ] ),\n\t\t\t\tcolorBoxId = CKEDITOR.tools.getNextId() + '_colorBox',\n\t\t\t\tpanelBlock;\n\n\t\t\toptions = options || {};\n\n\t\t\teditor.ui.add( name, CKEDITOR.UI_PANELBUTTON, {\n\t\t\t\tlabel: title,\n\t\t\t\ttitle: title,\n\t\t\t\tmodes: { wysiwyg: 1 },\n\t\t\t\teditorFocus: 0,\n\t\t\t\ttoolbar: 'colors,' + order,\n\t\t\t\tallowedContent: style,\n\t\t\t\trequiredContent: style,\n\t\t\t\tcontentTransformations: options.contentTransformations,\n\n\t\t\t\tpanel: {\n\t\t\t\t\tcss: CKEDITOR.skin.getPath( 'editor' ),\n\t\t\t\t\tattributes: { role: 'listbox', 'aria-label': lang.panelTitle }\n\t\t\t\t},\n\n\t\t\t\tonBlock: function( panel, block ) {\n\t\t\t\t\tpanelBlock = block;\n\n\t\t\t\t\tblock.autoSize = true;\n\t\t\t\t\tblock.element.addClass( 'cke_colorblock' );\n\t\t\t\t\tblock.element.setHtml( renderColors( panel, type, colorBoxId ) );\n\t\t\t\t\t// The block should not have scrollbars (http://dev.ckeditor.com/ticket/5933, http://dev.ckeditor.com/ticket/6056)\n\t\t\t\t\tblock.element.getDocument().getBody().setStyle( 'overflow', 'hidden' );\n\n\t\t\t\t\tCKEDITOR.ui.fire( 'ready', this );\n\n\t\t\t\t\tvar keys = block.keys;\n\t\t\t\t\tvar rtl = editor.lang.dir == 'rtl';\n\t\t\t\t\tkeys[ rtl ? 37 : 39 ] = 'next'; // ARROW-RIGHT\n\t\t\t\t\tkeys[ 40 ] = 'next'; // ARROW-DOWN\n\t\t\t\t\tkeys[ 9 ] = 'next'; // TAB\n\t\t\t\t\tkeys[ rtl ? 39 : 37 ] = 'prev'; // ARROW-LEFT\n\t\t\t\t\tkeys[ 38 ] = 'prev'; // ARROW-UP\n\t\t\t\t\tkeys[ CKEDITOR.SHIFT + 9 ] = 'prev'; // SHIFT + TAB\n\t\t\t\t\tkeys[ 32 ] = 'click'; // SPACE\n\t\t\t\t},\n\n\t\t\t\trefresh: function() {\n\t\t\t\t\tif ( !editor.activeFilter.check( style ) )\n\t\t\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t\t\t},\n\n\t\t\t\t// The automatic colorbox should represent the real color (http://dev.ckeditor.com/ticket/6010)\n\t\t\t\tonOpen: function() {\n\n\t\t\t\t\tvar selection = editor.getSelection(),\n\t\t\t\t\t\tblock = selection && selection.getStartElement(),\n\t\t\t\t\t\tpath = editor.elementPath( block ),\n\t\t\t\t\t\tautomaticColor;\n\n\t\t\t\t\tif ( !path )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\t// Find the closest block element.\n\t\t\t\t\tblock = path.block || path.blockLimit || editor.document.getBody();\n\n\t\t\t\t\t// The background color might be transparent. In that case, look up the color in the DOM tree.\n\t\t\t\t\tdo {\n\t\t\t\t\t\tautomaticColor = block && block.getComputedStyle( type == 'back' ? 'background-color' : 'color' ) || 'transparent';\n\t\t\t\t\t}\n\t\t\t\t\twhile ( type == 'back' && automaticColor == 'transparent' && block && ( block = block.getParent() ) );\n\n\t\t\t\t\t// The box should never be transparent.\n\t\t\t\t\tif ( !automaticColor || automaticColor == 'transparent' )\n\t\t\t\t\t\tautomaticColor = '#ffffff';\n\n\t\t\t\t\tif ( config.colorButton_enableAutomatic !== false ) {\n\t\t\t\t\t\tthis._.panel._.iframe.getFrameDocument().getById( colorBoxId ).setStyle( 'background-color', automaticColor );\n\t\t\t\t\t}\n\n\t\t\t\t\tvar range = selection && selection.getRanges()[ 0 ];\n\n\t\t\t\t\tif ( range ) {\n\t\t\t\t\t\tvar walker = new CKEDITOR.dom.walker( range ),\n\t\t\t\t\t\t\telement = range.collapsed ? range.startContainer : walker.next(),\n\t\t\t\t\t\t\tfinalColor = '',\n\t\t\t\t\t\t\tcurrentColor;\n\n\t\t\t\t\t\twhile ( element ) {\n\t\t\t\t\t\t\tif ( element.type === CKEDITOR.NODE_TEXT ) {\n\t\t\t\t\t\t\t\telement = element.getParent();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tcurrentColor = normalizeColor( element.getComputedStyle( type == 'back' ? 'background-color' : 'color' ) );\n\t\t\t\t\t\t\tfinalColor = finalColor || currentColor;\n\n\t\t\t\t\t\t\tif ( finalColor !== currentColor ) {\n\t\t\t\t\t\t\t\tfinalColor = '';\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\telement = walker.next();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tselectColor( panelBlock, finalColor );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn automaticColor;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tfunction renderColors( panel, type, colorBoxId ) {\n\t\t\tvar output = [],\n\t\t\t\tcolors = config.colorButton_colors.split( ',' ),\n\t\t\t\tcolorsPerRow = config.colorButton_colorsPerRow || 6,\n\t\t\t\t// Tells if we should include \"More Colors...\" button.\n\t\t\t\tmoreColorsEnabled = editor.plugins.colordialog && config.colorButton_enableMore !== false,\n\t\t\t\t// aria-setsize and aria-posinset attributes are used to indicate size of options, because\n\t\t\t\t// screen readers doesn't play nice with table, based layouts (http://dev.ckeditor.com/ticket/12097).\n\t\t\t\ttotal = colors.length + ( moreColorsEnabled ? 2 : 1 );\n\n\t\t\tvar clickFn = CKEDITOR.tools.addFunction( function applyColorStyle( color, type ) {\n\n\t\t\t\teditor.focus();\n\t\t\t\teditor.fire( 'saveSnapshot' );\n\n\t\t\t\tif ( color == '?' ) {\n\t\t\t\t\teditor.getColorFromDialog( function( color ) {\n\t\t\t\t\t\tif ( color ) {\n\t\t\t\t\t\t\treturn applyColor( color );\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\treturn applyColor( color );\n\t\t\t\t}\n\n\t\t\t\tfunction applyColor( color ) {\n\t\t\t\t\t// Clean up any conflicting style within the range.\n\t\t\t\t\teditor.removeStyle( new CKEDITOR.style( config[ 'colorButton_' + type + 'Style' ], { color: 'inherit' } ) );\n\t\t\t\t\tvar colorStyle = config[ 'colorButton_' + type + 'Style' ];\n\n\t\t\t\t\tcolorStyle.childRule = type == 'back' ?\n\t\t\t\t\tfunction( element ) {\n\t\t\t\t\t\t// It's better to apply background color as the innermost style. (http://dev.ckeditor.com/ticket/3599)\n\t\t\t\t\t\t// Except for \"unstylable elements\". (http://dev.ckeditor.com/ticket/6103)\n\t\t\t\t\t\treturn isUnstylable( element );\n\t\t\t\t\t} : function( element ) {\n\t\t\t\t\t\t// Fore color style must be applied inside links instead of around it. (http://dev.ckeditor.com/ticket/4772,http://dev.ckeditor.com/ticket/6908)\n\t\t\t\t\t\treturn !( element.is( 'a' ) || element.getElementsByTag( 'a' ).count() ) || isUnstylable( element );\n\t\t\t\t\t};\n\n\t\t\t\t\teditor.focus();\n\t\t\t\t\teditor.applyStyle( new CKEDITOR.style( colorStyle, { color: color } ) );\n\t\t\t\t\teditor.fire( 'saveSnapshot' );\n\t\t\t\t}\n\n\t\t\t} );\n\n\t\t\tif ( config.colorButton_enableAutomatic !== false ) {\n\t\t\t\t// Render the \"Automatic\" button.\n\t\t\t\toutput.push( '' +\n\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t\t'| ', lang.auto, ' | ' +\n\t\t\t\t\t\t\t'
' +\n\t\t\t\t\t\t'
' +\n\t\t\t\t\t'' );\n\t\t\t}\n\t\t\toutput.push( '' );\n\n\t\t\t// Render the color boxes.\n\t\t\tfor ( var i = 0; i < colors.length; i++ ) {\n\t\t\t\tif ( ( i % colorsPerRow ) === 0 )\n\t\t\t\t\toutput.push( '' );\n\n\t\t\t\tvar parts = colors[ i ].split( '/' ),\n\t\t\t\t\tcolorName = parts[ 0 ],\n\t\t\t\t\tcolorCode = parts[ 1 ] || colorName;\n\n\t\t\t\t// The data can be only a color code (without #) or colorName + color code\n\t\t\t\t// If only a color code is provided, then the colorName is the color with the hash\n\t\t\t\t// Convert the color from RGB to RRGGBB for better compatibility with IE and . See http://dev.ckeditor.com/ticket/5676\n\t\t\t\tif ( !parts[ 1 ] )\n\t\t\t\t\tcolorName = '#' + colorName.replace( /^(.)(.)(.)$/, '$1$1$2$2$3$3' );\n\n\t\t\t\tvar colorLabel = editor.lang.colorbutton.colors[ colorCode ] || colorCode;\n\t\t\t\toutput.push( '| ' +\n\t\t\t\t\t'' +\n\t\t\t\t\t\t'' +\n\t\t\t\t\t'' +\n\t\t\t\t\t' | ' );\n\t\t\t}\n\n\t\t\t// Render the \"More Colors\" button.\n\t\t\tif ( moreColorsEnabled ) {\n\t\t\t\toutput.push( '
' +\n\t\t\t\t\t'' +\n\t\t\t\t\t\t'| ' +\n\t\t\t\t\t\t\t'', lang.more, '' +\n\t\t\t\t\t\t' | ' ); // tr is later in the code.\n\t\t\t}\n\n\t\t\toutput.push( '
' );\n\n\t\t\treturn output.join( '' );\n\t\t}\n\n\t\tfunction isUnstylable( ele ) {\n\t\t\treturn ( ele.getAttribute( 'contentEditable' ) == 'false' ) || ele.getAttribute( 'data-nostyle' );\n\t\t}\n\n\t\t/*\n\t\t * Selects the specified color in the specified panel block.\n\t\t *\n\t\t * @private\n\t\t * @member CKEDITOR.plugins.colorbutton\n\t\t * @param {CKEDITOR.ui.panel.block} block\n\t\t * @param {String} color\n\t\t */\n\t\tfunction selectColor( block, color ) {\n\t\t\tvar items = block._.getItems();\n\n\t\t\tfor ( var i = 0; i < items.count(); i++ ) {\n\t\t\t\tvar item = items.getItem( i );\n\n\t\t\t\titem.removeAttribute( 'aria-selected' );\n\n\t\t\t\tif ( color && color == normalizeColor( item.getAttribute( 'data-value' ) ) ) {\n\t\t\t\t\titem.setAttribute( 'aria-selected', true );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/*\n\t\t * Converts a CSS color value to an easily comparable form.\n\t\t *\n\t\t * @private\n\t\t * @member CKEDITOR.plugins.colorbutton\n\t\t * @param {String} color\n\t\t * @returns {String}\n\t\t */\n\t\tfunction normalizeColor( color ) {\n\t\t\treturn CKEDITOR.tools.convertRgbToHex( color || '' ).replace( /#/, '' ).toLowerCase();\n\t\t}\n\t}\n} );\n\n/**\n * Whether to enable the **More Colors** button in the color selectors.\n *\n * Read more in the [documentation](#!/guide/dev_colorbutton)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/colorbutton.html).\n *\n *\t\tconfig.colorButton_enableMore = false;\n *\n * @cfg {Boolean} [colorButton_enableMore=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Defines the colors to be displayed in the color selectors. This is a string\n * containing hexadecimal notation for HTML colors, without the `'#'` prefix.\n *\n * **Since 3.3:** A color name may optionally be defined by prefixing the entries with\n * a name and the slash character. For example, `'FontColor1/FF9900'` will be\n * displayed as the color `#FF9900` in the selector, but will be output as `'FontColor1'`.\n *\n * **Since 4.6.2:** The default color palette has changed. It contains fewer colors in more\n * pastel shades than the previous one.\n *\n * Read more in the [documentation](#!/guide/dev_colorbutton)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/colorbutton.html).\n *\n *\t\t// Brazil colors only.\n *\t\tconfig.colorButton_colors = '00923E,F8C100,28166F';\n *\n *\t\tconfig.colorButton_colors = 'FontColor1/FF9900,FontColor2/0066CC,FontColor3/F00';\n *\n *\t\t// CKEditor color palette available before version 4.6.2.\n *\t\tconfig.colorButton_colors =\n *\t\t\t'000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,' +\n *\t\t\t'B22222,A52A2A,DAA520,006400,40E0D0,0000CD,800080,808080,' +\n *\t\t\t'F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,A9A9A9,' +\n *\t\t\t'FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,' +\n *\t\t\t'FFF0F5,FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF';\n *\n * @cfg {String} [colorButton_colors=see source]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.colorButton_colors = '1ABC9C,2ECC71,3498DB,9B59B6,4E5F70,F1C40F,' +\n\t'16A085,27AE60,2980B9,8E44AD,2C3E50,F39C12,' +\n\t'E67E22,E74C3C,ECF0F1,95A5A6,DDD,FFF,' +\n\t'D35400,C0392B,BDC3C7,7F8C8D,999,000';\n\n/**\n * Stores the style definition that applies the text foreground color.\n *\n * Read more in the [documentation](#!/guide/dev_colorbutton)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/colorbutton.html).\n *\n *\t\t// This is actually the default value.\n *\t\tconfig.colorButton_foreStyle = {\n *\t\t\telement: 'span',\n *\t\t\tstyles: { color: '#(color)' }\n *\t\t};\n *\n * @cfg [colorButton_foreStyle=see source]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.colorButton_foreStyle = {\n\telement: 'span',\n\tstyles: { 'color': '#(color)' },\n\toverrides: [ {\n\t\telement: 'font', attributes: { 'color': null }\n\t} ]\n};\n\n/**\n * Stores the style definition that applies the text background color.\n *\n * Read more in the [documentation](#!/guide/dev_colorbutton)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/colorbutton.html).\n *\n *\t\t// This is actually the default value.\n *\t\tconfig.colorButton_backStyle = {\n *\t\t\telement: 'span',\n *\t\t\tstyles: { 'background-color': '#(color)' }\n *\t\t};\n *\n * @cfg [colorButton_backStyle=see source]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.colorButton_backStyle = {\n\telement: 'span',\n\tstyles: { 'background-color': '#(color)' }\n};\n\n/**\n * Whether to enable the **Automatic** button in the color selectors.\n *\n * Read more in the [documentation](#!/guide/dev_colorbutton)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/colorbutton.html).\n *\n *\t\tconfig.colorButton_enableAutomatic = false;\n *\n * @cfg {Boolean} [colorButton_enableAutomatic=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Defines how many colors will be shown per row in the color selectors.\n *\n * Read more in the [documentation](#!/guide/dev_colorbutton)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/colorbutton.html).\n *\n *\t\tconfig.colorButton_colorsPerRow = 8;\n *\n * @since 4.6.2\n * @cfg {Number} [colorButton_colorsPerRow=6]\n * @member CKEDITOR.config\n */\n\n/**\n * Whether the plugin should convert `background` CSS properties with color only, to a `background-color` property,\n * allowing the [Color Button](http://ckeditor.com/addon/colorbutton) plugin to edit these styles.\n *\n *\t\tconfig.colorButton_normalizeBackground = false;\n *\n * @since 4.6.1\n * @cfg {Boolean} [colorButton_normalizeBackground=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.colordialog = {\n\trequires: 'dialog',\n\t// jscs:disable maximumLineLength\n\t// jscs:enable maximumLineLength\n\tinit: function( editor ) {\n\t\tvar cmd = new CKEDITOR.dialogCommand( 'colordialog' );\n\t\tcmd.editorFocus = false;\n\n\t\teditor.addCommand( 'colordialog', cmd );\n\n\t\tCKEDITOR.dialog.add( 'colordialog', this.path + 'dialogs/colordialog.js' );\n\n\t\t/**\n\t\t * Open up color dialog and to receive the selected color.\n\t\t *\n\t\t * @param {Function} callback The callback when color dialog is closed\n\t\t * @param {String} callback.color The color value received if selected on the dialog.\n\t\t * @param [scope] The scope in which the callback will be bound.\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\teditor.getColorFromDialog = function( callback, scope ) {\n\t\t\tvar onClose = function( evt ) {\n\t\t\t\treleaseHandlers( this );\n\t\t\t\tvar color = evt.name == 'ok' ? this.getValueOf( 'picker', 'selectedColor' ) : null;\n\t\t\t\tcallback.call( scope, color );\n\t\t\t};\n\t\t\tvar releaseHandlers = function( dialog ) {\n\t\t\t\tdialog.removeListener( 'ok', onClose );\n\t\t\t\tdialog.removeListener( 'cancel', onClose );\n\t\t\t};\n\t\t\tvar bindToDialog = function( dialog ) {\n\t\t\t\tdialog.on( 'ok', onClose );\n\t\t\t\tdialog.on( 'cancel', onClose );\n\t\t\t};\n\n\t\t\teditor.execCommand( 'colordialog' );\n\n\t\t\tif ( editor._.storedDialogs && editor._.storedDialogs.colordialog )\n\t\t\t\tbindToDialog( editor._.storedDialogs.colordialog );\n\t\t\telse {\n\t\t\t\tCKEDITOR.on( 'dialogDefinition', function( e ) {\n\t\t\t\t\tif ( e.data.name != 'colordialog' )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\tvar definition = e.data.definition;\n\n\t\t\t\t\te.removeListener();\n\t\t\t\t\tdefinition.onLoad = CKEDITOR.tools.override( definition.onLoad,\n\t\t\t\t\t\tfunction( orginal ) {\n\t\t\t\t\t\t\treturn function() {\n\t\t\t\t\t\t\t\tbindToDialog( this );\n\t\t\t\t\t\t\t\tdefinition.onLoad = orginal;\n\t\t\t\t\t\t\t\tif ( typeof orginal == 'function' )\n\t\t\t\t\t\t\t\t\torginal.call( this );\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\n\n\t}\n};\n\nCKEDITOR.plugins.add( 'colordialog', CKEDITOR.plugins.colordialog );\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'menu', {\n\trequires: 'floatpanel',\n\n\tbeforeInit: function( editor ) {\n\t\tvar groups = editor.config.menu_groups.split( ',' ),\n\t\t\tgroupsOrder = editor._.menuGroups = {},\n\t\t\tmenuItems = editor._.menuItems = {};\n\n\t\tfor ( var i = 0; i < groups.length; i++ )\n\t\t\tgroupsOrder[ groups[ i ] ] = i + 1;\n\n\t\t/**\n\t\t * Registers an item group to the editor context menu in order to make it\n\t\t * possible to associate it with menu items later.\n\t\t *\n\t\t * @param {String} name Specify a group name.\n\t\t * @param {Number} [order=100] Define the display sequence of this group\n\t\t * inside the menu. A smaller value gets displayed first.\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\teditor.addMenuGroup = function( name, order ) {\n\t\t\tgroupsOrder[ name ] = order || 100;\n\t\t};\n\n\t\t/**\n\t\t * Adds an item from the specified definition to the editor context menu.\n\t\t *\n\t\t * @method\n\t\t * @param {String} name The menu item name.\n\t\t * @param {Object} definition The menu item definition.\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\teditor.addMenuItem = function( name, definition ) {\n\t\t\tif ( groupsOrder[ definition.group ] )\n\t\t\t\tmenuItems[ name ] = new CKEDITOR.menuItem( this, name, definition );\n\t\t};\n\n\t\t/**\n\t\t * Adds one or more items from the specified definition object to the editor context menu.\n\t\t *\n\t\t * @method\n\t\t * @param {Object} definitions Object where keys are used as itemName and corresponding values as definition for a {@link #addMenuItem} call.\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\teditor.addMenuItems = function( definitions ) {\n\t\t\tfor ( var itemName in definitions ) {\n\t\t\t\tthis.addMenuItem( itemName, definitions[ itemName ] );\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Retrieves a particular menu item definition from the editor context menu.\n\t\t *\n\t\t * @method\n\t\t * @param {String} name The name of the desired menu item.\n\t\t * @returns {Object}\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\teditor.getMenuItem = function( name ) {\n\t\t\treturn menuItems[ name ];\n\t\t};\n\n\t\t/**\n\t\t * Removes a particular menu item added before from the editor context menu.\n\t\t *\n\t\t * @since 3.6.1\n\t\t * @method\n\t\t * @param {String} name The name of the desired menu item.\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\teditor.removeMenuItem = function( name ) {\n\t\t\tdelete menuItems[ name ];\n\t\t};\n\t}\n} );\n\n( function() {\n\tvar menuItemSource = '';\n\n\tvar menuArrowSource = '';\n\n\tvar menuShortcutSource = '';\n\n\tvar menuItemTpl = CKEDITOR.addTemplate( 'menuItem', menuItemSource ),\n\t\tmenuArrowTpl = CKEDITOR.addTemplate( 'menuArrow', menuArrowSource ),\n\t\tmenuShortcutTpl = CKEDITOR.addTemplate( 'menuShortcut', menuShortcutSource );\n\n\t/**\n\t * @class\n\t * @todo\n\t */\n\tCKEDITOR.menu = CKEDITOR.tools.createClass( {\n\t\t/**\n\t\t * @constructor\n\t\t */\n\t\t$: function( editor, definition ) {\n\t\t\tdefinition = this._.definition = definition || {};\n\t\t\tthis.id = CKEDITOR.tools.getNextId();\n\n\t\t\tthis.editor = editor;\n\t\t\tthis.items = [];\n\t\t\tthis._.listeners = [];\n\n\t\t\tthis._.level = definition.level || 1;\n\n\t\t\tvar panelDefinition = CKEDITOR.tools.extend( {}, definition.panel, {\n\t\t\t\tcss: [ CKEDITOR.skin.getPath( 'editor' ) ],\n\t\t\t\tlevel: this._.level - 1,\n\t\t\t\tblock: {}\n\t\t\t} );\n\n\t\t\tvar attrs = panelDefinition.block.attributes = ( panelDefinition.attributes || {} );\n\t\t\t// Provide default role of 'menu'.\n\t\t\t!attrs.role && ( attrs.role = 'menu' );\n\t\t\tthis._.panelDefinition = panelDefinition;\n\t\t},\n\n\t\t_: {\n\t\t\tonShow: function() {\n\t\t\t\tvar selection = this.editor.getSelection(),\n\t\t\t\t\tstart = selection && selection.getStartElement(),\n\t\t\t\t\tpath = this.editor.elementPath(),\n\t\t\t\t\tlisteners = this._.listeners;\n\n\t\t\t\tthis.removeAll();\n\t\t\t\t// Call all listeners, filling the list of items to be displayed.\n\t\t\t\tfor ( var i = 0; i < listeners.length; i++ ) {\n\t\t\t\t\tvar listenerItems = listeners[ i ]( start, selection, path );\n\n\t\t\t\t\tif ( listenerItems ) {\n\t\t\t\t\t\tfor ( var itemName in listenerItems ) {\n\t\t\t\t\t\t\tvar item = this.editor.getMenuItem( itemName );\n\n\t\t\t\t\t\t\tif ( item && ( !item.command || this.editor.getCommand( item.command ).state ) ) {\n\t\t\t\t\t\t\t\titem.state = listenerItems[ itemName ];\n\t\t\t\t\t\t\t\tthis.add( item );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tonClick: function( item ) {\n\t\t\t\tthis.hide();\n\n\t\t\t\tif ( item.onClick )\n\t\t\t\t\titem.onClick();\n\t\t\t\telse if ( item.command )\n\t\t\t\t\tthis.editor.execCommand( item.command );\n\t\t\t},\n\n\t\t\tonEscape: function( keystroke ) {\n\t\t\t\tvar parent = this.parent;\n\t\t\t\t// 1. If it's sub-menu, close it, with focus restored on this.\n\t\t\t\t// 2. In case of a top-menu, close it, with focus returned to page.\n\t\t\t\tif ( parent )\n\t\t\t\t\tparent._.panel.hideChild( 1 );\n\t\t\t\telse if ( keystroke == 27 )\n\t\t\t\t\tthis.hide( 1 );\n\n\t\t\t\treturn false;\n\t\t\t},\n\n\t\t\tonHide: function() {\n\t\t\t\tthis.onHide && this.onHide();\n\t\t\t},\n\n\t\t\tshowSubMenu: function( index ) {\n\t\t\t\tvar menu = this._.subMenu,\n\t\t\t\t\titem = this.items[ index ],\n\t\t\t\t\tsubItemDefs = item.getItems && item.getItems();\n\n\t\t\t\t// If this item has no subitems, we just hide the submenu, if\n\t\t\t\t// available, and return back.\n\t\t\t\tif ( !subItemDefs ) {\n\t\t\t\t\t// Hide sub menu with focus returned.\n\t\t\t\t\tthis._.panel.hideChild( 1 );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Create the submenu, if not available, or clean the existing\n\t\t\t\t// one.\n\t\t\t\tif ( menu )\n\t\t\t\t\tmenu.removeAll();\n\t\t\t\telse {\n\t\t\t\t\tmenu = this._.subMenu = new CKEDITOR.menu( this.editor, CKEDITOR.tools.extend( {}, this._.definition, { level: this._.level + 1 }, true ) );\n\t\t\t\t\tmenu.parent = this;\n\t\t\t\t\tmenu._.onClick = CKEDITOR.tools.bind( this._.onClick, this );\n\t\t\t\t}\n\n\t\t\t\t// Add all submenu items to the menu.\n\t\t\t\tfor ( var subItemName in subItemDefs ) {\n\t\t\t\t\tvar subItem = this.editor.getMenuItem( subItemName );\n\t\t\t\t\tif ( subItem ) {\n\t\t\t\t\t\tsubItem.state = subItemDefs[ subItemName ];\n\t\t\t\t\t\tmenu.add( subItem );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Get the element representing the current item.\n\t\t\t\tvar element = this._.panel.getBlock( this.id ).element.getDocument().getById( this.id + String( index ) );\n\n\t\t\t\t// Show the submenu.\n\t\t\t\t// This timeout is needed to give time for the sub-menu get\n\t\t\t\t// focus when JAWS is running. (http://dev.ckeditor.com/ticket/9844)\n\t\t\t\tsetTimeout( function() {\n\t\t\t\t\tmenu.show( element, 2 );\n\t\t\t\t}, 0 );\n\t\t\t}\n\t\t},\n\n\t\tproto: {\n\t\t\t/**\n\t\t\t * Adds an item.\n\t\t\t *\n\t\t\t * @param item\n\t\t\t */\n\t\t\tadd: function( item ) {\n\t\t\t\t// Later we may sort the items, but Array#sort is not stable in\n\t\t\t\t// some browsers, here we're forcing the original sequence with\n\t\t\t\t// 'order' attribute if it hasn't been assigned. (http://dev.ckeditor.com/ticket/3868)\n\t\t\t\tif ( !item.order )\n\t\t\t\t\titem.order = this.items.length;\n\n\t\t\t\tthis.items.push( item );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Removes all items.\n\t\t\t */\n\t\t\tremoveAll: function() {\n\t\t\t\tthis.items = [];\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Shows the menu in given location.\n\t\t\t *\n\t\t\t * @param {CKEDITOR.dom.element} offsetParent\n\t\t\t * @param {Number} [corner]\n\t\t\t * @param {Number} [offsetX]\n\t\t\t * @param {Number} [offsetY]\n\t\t\t */\n\t\t\tshow: function( offsetParent, corner, offsetX, offsetY ) {\n\t\t\t\t// Not for sub menu.\n\t\t\t\tif ( !this.parent ) {\n\t\t\t\t\tthis._.onShow();\n\t\t\t\t\t// Don't menu with zero items.\n\t\t\t\t\tif ( !this.items.length )\n\t\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcorner = corner || ( this.editor.lang.dir == 'rtl' ? 2 : 1 );\n\n\t\t\t\tvar items = this.items,\n\t\t\t\t\teditor = this.editor,\n\t\t\t\t\tpanel = this._.panel,\n\t\t\t\t\telement = this._.element;\n\n\t\t\t\t// Create the floating panel for this menu.\n\t\t\t\tif ( !panel ) {\n\t\t\t\t\tpanel = this._.panel = new CKEDITOR.ui.floatPanel( this.editor, CKEDITOR.document.getBody(), this._.panelDefinition, this._.level );\n\n\t\t\t\t\tpanel.onEscape = CKEDITOR.tools.bind( function( keystroke ) {\n\t\t\t\t\t\tif ( this._.onEscape( keystroke ) === false )\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t}, this );\n\n\t\t\t\t\tpanel.onShow = function() {\n\t\t\t\t\t\t// Menu need CSS resets, compensate class name.\n\t\t\t\t\t\tvar holder = panel._.panel.getHolderElement();\n\t\t\t\t\t\tholder.getParent().addClass( 'cke' ).addClass( 'cke_reset_all' );\n\t\t\t\t\t};\n\n\t\t\t\t\tpanel.onHide = CKEDITOR.tools.bind( function() {\n\t\t\t\t\t\tthis._.onHide && this._.onHide();\n\t\t\t\t\t}, this );\n\n\t\t\t\t\t// Create an autosize block inside the panel.\n\t\t\t\t\tvar block = panel.addBlock( this.id, this._.panelDefinition.block );\n\t\t\t\t\tblock.autoSize = true;\n\n\t\t\t\t\tvar keys = block.keys;\n\t\t\t\t\tkeys[ 40 ] = 'next'; // ARROW-DOWN\n\t\t\t\t\tkeys[ 9 ] = 'next'; // TAB\n\t\t\t\t\tkeys[ 38 ] = 'prev'; // ARROW-UP\n\t\t\t\t\tkeys[ CKEDITOR.SHIFT + 9 ] = 'prev'; // SHIFT + TAB\n\t\t\t\t\tkeys[ ( editor.lang.dir == 'rtl' ? 37 : 39 ) ] = CKEDITOR.env.ie ? 'mouseup' : 'click'; // ARROW-RIGHT/ARROW-LEFT(rtl)\n\t\t\t\t\tkeys[ 32 ] = CKEDITOR.env.ie ? 'mouseup' : 'click'; // SPACE\n\t\t\t\t\tCKEDITOR.env.ie && ( keys[ 13 ] = 'mouseup' ); // Manage ENTER, since onclick is blocked in IE (http://dev.ckeditor.com/ticket/8041).\n\n\t\t\t\t\telement = this._.element = block.element;\n\n\t\t\t\t\tvar elementDoc = element.getDocument();\n\t\t\t\t\telementDoc.getBody().setStyle( 'overflow', 'hidden' );\n\t\t\t\t\telementDoc.getElementsByTag( 'html' ).getItem( 0 ).setStyle( 'overflow', 'hidden' );\n\n\t\t\t\t\tthis._.itemOverFn = CKEDITOR.tools.addFunction( function( index ) {\n\t\t\t\t\t\tclearTimeout( this._.showSubTimeout );\n\t\t\t\t\t\tthis._.showSubTimeout = CKEDITOR.tools.setTimeout( this._.showSubMenu, editor.config.menu_subMenuDelay || 400, this, [ index ] );\n\t\t\t\t\t}, this );\n\n\t\t\t\t\tthis._.itemOutFn = CKEDITOR.tools.addFunction( function() {\n\t\t\t\t\t\tclearTimeout( this._.showSubTimeout );\n\t\t\t\t\t}, this );\n\n\t\t\t\t\tthis._.itemClickFn = CKEDITOR.tools.addFunction( function( index ) {\n\t\t\t\t\t\tvar item = this.items[ index ];\n\n\t\t\t\t\t\tif ( item.state == CKEDITOR.TRISTATE_DISABLED ) {\n\t\t\t\t\t\t\tthis.hide( 1 );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( item.getItems )\n\t\t\t\t\t\t\tthis._.showSubMenu( index );\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tthis._.onClick( item );\n\t\t\t\t\t}, this );\n\t\t\t\t}\n\n\t\t\t\t// Put the items in the right order.\n\t\t\t\tsortItems( items );\n\n\t\t\t\t// Apply the editor mixed direction status to menu.\n\t\t\t\tvar path = editor.elementPath(),\n\t\t\t\t\tmixedDirCls = ( path && path.direction() != editor.lang.dir ) ? ' cke_mixed_dir_content' : '';\n\n\t\t\t\t// Build the HTML that composes the menu and its items.\n\t\t\t\tvar output = [ '' );\n\n\t\t\t\t// Inject the HTML inside the panel.\n\t\t\t\telement.setHtml( output.join( '' ) );\n\n\t\t\t\tCKEDITOR.ui.fire( 'ready', this );\n\n\t\t\t\t// Show the panel.\n\t\t\t\tif ( this.parent )\n\t\t\t\t\tthis.parent._.panel.showAsChild( panel, this.id, offsetParent, corner, offsetX, offsetY );\n\t\t\t\telse\n\t\t\t\t\tpanel.showBlock( this.id, offsetParent, corner, offsetX, offsetY );\n\n\t\t\t\teditor.fire( 'menuShow', [ panel ] );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Adds a callback executed on opening the menu. Items\n\t\t\t * returned by that callback are added to the menu.\n\t\t\t *\n\t\t\t * @param {Function} listenerFn\n\t\t\t * @param {CKEDITOR.dom.element} listenerFn.startElement The selection start anchor element.\n\t\t\t * @param {CKEDITOR.dom.selection} listenerFn.selection The current selection.\n\t\t\t * @param {CKEDITOR.dom.elementPath} listenerFn.path The current elements path.\n\t\t\t * @param listenerFn.return Object (`commandName` => `state`) of items that should be added to the menu.\n\t\t\t */\n\t\t\taddListener: function( listenerFn ) {\n\t\t\t\tthis._.listeners.push( listenerFn );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Hides the menu.\n\t\t\t *\n\t\t\t * @param {Boolean} [returnFocus]\n\t\t\t */\n\t\t\thide: function( returnFocus ) {\n\t\t\t\tthis._.onHide && this._.onHide();\n\t\t\t\tthis._.panel && this._.panel.hide( returnFocus );\n\t\t\t}\n\t\t}\n\t} );\n\n\tfunction sortItems( items ) {\n\t\titems.sort( function( itemA, itemB ) {\n\t\t\tif ( itemA.group < itemB.group )\n\t\t\t\treturn -1;\n\t\t\telse if ( itemA.group > itemB.group )\n\t\t\t\treturn 1;\n\n\t\t\treturn itemA.order < itemB.order ? -1 : itemA.order > itemB.order ? 1 : 0;\n\t\t} );\n\t}\n\n\t/**\n\t * @class\n\t * @todo\n\t */\n\tCKEDITOR.menuItem = CKEDITOR.tools.createClass( {\n\t\t$: function( editor, name, definition ) {\n\t\t\tCKEDITOR.tools.extend( this, definition,\n\t\t\t// Defaults\n\t\t\t{\n\t\t\t\torder: 0,\n\t\t\t\tclassName: 'cke_menubutton__' + name\n\t\t\t} );\n\n\t\t\t// Transform the group name into its order number.\n\t\t\tthis.group = editor._.menuGroups[ this.group ];\n\n\t\t\tthis.editor = editor;\n\t\t\tthis.name = name;\n\t\t},\n\n\t\tproto: {\n\t\t\trender: function( menu, index, output ) {\n\t\t\t\tvar id = menu.id + String( index ),\n\t\t\t\t\tstate = ( typeof this.state == 'undefined' ) ? CKEDITOR.TRISTATE_OFF : this.state,\n\t\t\t\t\tariaChecked = '',\n\t\t\t\t\teditor = this.editor,\n\t\t\t\t\tkeystroke,\n\t\t\t\t\tcommand,\n\t\t\t\t\tshortcut;\n\n\t\t\t\tvar stateName = state == CKEDITOR.TRISTATE_ON ? 'on' : state == CKEDITOR.TRISTATE_DISABLED ? 'disabled' : 'off';\n\n\t\t\t\tif ( this.role in { menuitemcheckbox: 1, menuitemradio: 1 } )\n\t\t\t\t\tariaChecked = ' aria-checked=\"' + ( state == CKEDITOR.TRISTATE_ON ? 'true' : 'false' ) + '\"';\n\n\t\t\t\tvar hasSubMenu = this.getItems;\n\t\t\t\t// ltr: BLACK LEFT-POINTING POINTER\n\t\t\t\t// rtl: BLACK RIGHT-POINTING POINTER\n\t\t\t\tvar arrowLabel = '&#' + ( this.editor.lang.dir == 'rtl' ? '9668' : '9658' ) + ';';\n\n\t\t\t\tvar iconName = this.name;\n\t\t\t\tif ( this.icon && !( /\\./ ).test( this.icon ) )\n\t\t\t\t\ticonName = this.icon;\n\n\t\t\t\tif ( this.command ) {\n\t\t\t\t\tcommand = editor.getCommand( this.command );\n\t\t\t\t\tkeystroke = editor.getCommandKeystroke( command );\n\n\t\t\t\t\tif ( keystroke ) {\n\t\t\t\t\t\tshortcut = CKEDITOR.tools.keystrokeToString( editor.lang.common.keyboard, keystroke );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tvar params = {\n\t\t\t\t\tid: id,\n\t\t\t\t\tname: this.name,\n\t\t\t\t\ticonName: iconName,\n\t\t\t\t\tlabel: this.label,\n\t\t\t\t\tcls: this.className || '',\n\t\t\t\t\tstate: stateName,\n\t\t\t\t\thasPopup: hasSubMenu ? 'true' : 'false',\n\t\t\t\t\tdisabled: state == CKEDITOR.TRISTATE_DISABLED,\n\t\t\t\t\ttitle: this.label + ( shortcut ? ' (' + shortcut.display + ')' : '' ),\n\t\t\t\t\tariaShortcut: shortcut ? editor.lang.common.keyboardShortcut + ' ' + shortcut.aria : '',\n\t\t\t\t\thref: 'javascript:void(\\'' + ( this.label || '' ).replace( \"'\" + '' ) + '\\')', // jshint ignore:line\n\t\t\t\t\thoverFn: menu._.itemOverFn,\n\t\t\t\t\tmoveOutFn: menu._.itemOutFn,\n\t\t\t\t\tclickFn: menu._.itemClickFn,\n\t\t\t\t\tindex: index,\n\t\t\t\t\ticonStyle: CKEDITOR.skin.getIconStyle( iconName, ( this.editor.lang.dir == 'rtl' ), iconName == this.icon ? null : this.icon, this.iconOffset ),\n\t\t\t\t\tshortcutHtml: shortcut ? menuShortcutTpl.output( { shortcut: shortcut.display } ) : '',\n\t\t\t\t\tarrowHtml: hasSubMenu ? menuArrowTpl.output( { label: arrowLabel } ) : '',\n\t\t\t\t\trole: this.role ? this.role : 'menuitem',\n\t\t\t\t\tariaChecked: ariaChecked\n\t\t\t\t};\n\n\t\t\t\tmenuItemTpl.output( params, output );\n\t\t\t}\n\t\t}\n\t} );\n\n} )();\n\n\n/**\n * The amount of time, in milliseconds, the editor waits before displaying submenu\n * options when moving the mouse over options that contain submenus, like the\n * \"Cell Properties\" entry for tables.\n *\n *\t\t// Remove the submenu delay.\n *\t\tconfig.menu_subMenuDelay = 0;\n *\n * @cfg {Number} [menu_subMenuDelay=400]\n * @member CKEDITOR.config\n */\n\n/**\n * Fired when a menu is shown.\n *\n * @event menuShow\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param {CKEDITOR.ui.panel[]} data\n */\n\n/**\n * A comma separated list of items group names to be displayed in the context\n * menu. The order of items will reflect the order specified in this list if\n * no priority was defined in the groups.\n *\n *\t\tconfig.menu_groups = 'clipboard,table,anchor,link,image';\n *\n * @cfg {String} [menu_groups=see source]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.menu_groups = 'clipboard,' +\n\t'form,' +\n\t'tablecell,tablecellproperties,tablerow,tablecolumn,table,' +\n\t'anchor,link,image,flash,' +\n\t'checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea,div';\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'contextmenu', {\n\trequires: 'menu',\n\n\t// jscs:disable maximumLineLength\n\t// jscs:enable maximumLineLength\n\n\t// Make sure the base class (CKEDITOR.menu) is loaded before it (http://dev.ckeditor.com/ticket/3318).\n\tonLoad: function() {\n\t\t/**\n\t\t * Class replacing the non-configurable native context menu with a configurable CKEditor's equivalent.\n\t\t *\n\t\t * @class\n\t\t * @extends CKEDITOR.menu\n\t\t */\n\t\tCKEDITOR.plugins.contextMenu = CKEDITOR.tools.createClass( {\n\t\t\tbase: CKEDITOR.menu,\n\n\t\t\t/**\n\t\t\t * Creates the CKEDITOR.plugins.contextMenu class instance.\n\t\t\t *\n\t\t\t * @constructor\n\t\t\t * @param {CKEDITOR.editor} editor\n\t\t\t */\n\t\t\t$: function( editor ) {\n\t\t\t\tthis.base.call( this, editor, {\n\t\t\t\t\tpanel: {\n\t\t\t\t\t\tclassName: 'cke_menu_panel',\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t'aria-label': editor.lang.contextmenu.options\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t},\n\n\t\t\tproto: {\n\t\t\t\t/**\n\t\t\t\t * Starts watching on native context menu triggers (Option key, right click) on the given element.\n\t\t\t\t *\n\t\t\t\t * @param {CKEDITOR.dom.element} element\n\t\t\t\t * @param {Boolean} [nativeContextMenuOnCtrl] Whether to open native context menu if the\n\t\t\t\t * Ctrl key is held on opening the context menu. See {@link CKEDITOR.config#browserContextMenuOnCtrl}.\n\t\t\t\t */\n\t\t\t\taddTarget: function( element, nativeContextMenuOnCtrl ) {\n\t\t\t\t\telement.on( 'contextmenu', function( event ) {\n\t\t\t\t\t\tvar domEvent = event.data,\n\t\t\t\t\t\t\tisCtrlKeyDown =\n\t\t\t\t\t\t\t\t// Safari on Windows always show 'ctrlKey' as true in 'contextmenu' event,\n\t\t\t\t\t\t\t\t// which make this property unreliable. (http://dev.ckeditor.com/ticket/4826)\n\t\t\t\t\t\t\t\t( CKEDITOR.env.webkit ? holdCtrlKey : ( CKEDITOR.env.mac ? domEvent.$.metaKey : domEvent.$.ctrlKey ) );\n\n\t\t\t\t\t\tif ( nativeContextMenuOnCtrl && isCtrlKeyDown )\n\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\t// Cancel the browser context menu.\n\t\t\t\t\t\tdomEvent.preventDefault();\n\n\t\t\t\t\t\t// Fix selection when non-editable element in Webkit/Blink (Mac) (http://dev.ckeditor.com/ticket/11306).\n\t\t\t\t\t\tif ( CKEDITOR.env.mac && CKEDITOR.env.webkit ) {\n\t\t\t\t\t\t\tvar editor = this.editor,\n\t\t\t\t\t\t\t\tcontentEditableParent = new CKEDITOR.dom.elementPath( domEvent.getTarget(), editor.editable() ).contains( function( el ) {\n\t\t\t\t\t\t\t\t\t// Return when non-editable or nested editable element is found.\n\t\t\t\t\t\t\t\t\treturn el.hasAttribute( 'contenteditable' );\n\t\t\t\t\t\t\t\t}, true ); // Exclude editor's editable.\n\n\t\t\t\t\t\t\t// Fake selection for non-editables only (to exclude nested editables).\n\t\t\t\t\t\t\tif ( contentEditableParent && contentEditableParent.getAttribute( 'contenteditable' ) == 'false' )\n\t\t\t\t\t\t\t\teditor.getSelection().fake( contentEditableParent );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar doc = domEvent.getTarget().getDocument(),\n\t\t\t\t\t\t\toffsetParent = domEvent.getTarget().getDocument().getDocumentElement(),\n\t\t\t\t\t\t\tfromFrame = !doc.equals( CKEDITOR.document ),\n\t\t\t\t\t\t\tscroll = doc.getWindow().getScrollPosition(),\n\t\t\t\t\t\t\toffsetX = fromFrame ? domEvent.$.clientX : domEvent.$.pageX || scroll.x + domEvent.$.clientX,\n\t\t\t\t\t\t\toffsetY = fromFrame ? domEvent.$.clientY : domEvent.$.pageY || scroll.y + domEvent.$.clientY;\n\n\t\t\t\t\t\tCKEDITOR.tools.setTimeout( function() {\n\t\t\t\t\t\t\tthis.open( offsetParent, null, offsetX, offsetY );\n\n\t\t\t\t\t\t\t// IE needs a short while to allow selection change before opening menu. (http://dev.ckeditor.com/ticket/7908)\n\t\t\t\t\t\t}, CKEDITOR.env.ie ? 200 : 0, this );\n\t\t\t\t\t}, this );\n\n\t\t\t\t\tif ( CKEDITOR.env.webkit ) {\n\t\t\t\t\t\tvar holdCtrlKey,\n\t\t\t\t\t\t\tonKeyDown = function( event ) {\n\t\t\t\t\t\t\t\tholdCtrlKey = CKEDITOR.env.mac ? event.data.$.metaKey : event.data.$.ctrlKey;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tresetOnKeyUp = function() {\n\t\t\t\t\t\t\t\tholdCtrlKey = 0;\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\telement.on( 'keydown', onKeyDown );\n\t\t\t\t\t\telement.on( 'keyup', resetOnKeyUp );\n\t\t\t\t\t\telement.on( 'contextmenu', resetOnKeyUp );\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\t/**\n\t\t\t\t * Opens the context menu in the given location. See the {@link CKEDITOR.menu#show} method.\n\t\t\t\t *\n\t\t\t\t * @param {CKEDITOR.dom.element} offsetParent\n\t\t\t\t * @param {Number} [corner]\n\t\t\t\t * @param {Number} [offsetX]\n\t\t\t\t * @param {Number} [offsetY]\n\t\t\t\t */\n\t\t\t\topen: function( offsetParent, corner, offsetX, offsetY ) {\n\t\t\t\t\tif ( this.editor.config.enableContextMenu === false ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.editor.focus();\n\t\t\t\t\toffsetParent = offsetParent || CKEDITOR.document.getDocumentElement();\n\n\t\t\t\t\t// http://dev.ckeditor.com/ticket/9362: Force selection check to update commands' states in the new context.\n\t\t\t\t\tthis.editor.selectionChange( 1 );\n\n\t\t\t\t\tthis.show( offsetParent, corner, offsetX, offsetY );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t},\n\n\tbeforeInit: function( editor ) {\n\t\t/**\n\t\t * @readonly\n\t\t * @property {CKEDITOR.plugins.contextMenu} contextMenu\n\t\t * @member CKEDITOR.editor\n\t\t */\n\t\tvar contextMenu = editor.contextMenu = new CKEDITOR.plugins.contextMenu( editor );\n\n\t\teditor.on( 'contentDom', function() {\n\t\t\tcontextMenu.addTarget( editor.editable(), editor.config.browserContextMenuOnCtrl !== false );\n\t\t} );\n\n\t\teditor.addCommand( 'contextMenu', {\n\t\t\texec: function() {\n\t\t\t\teditor.contextMenu.open( editor.document.getBody() );\n\t\t\t}\n\t\t} );\n\n\t\teditor.setKeystroke( CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' );\n\t\teditor.setKeystroke( CKEDITOR.CTRL + CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' );\n\t}\n} );\n\n/**\n * Whether to show the browser native context menu when the Ctrl or\n * Meta (Mac) key is pressed on opening the context menu with the\n * right mouse button click or the Menu key.\n *\n *\t\tconfig.browserContextMenuOnCtrl = false;\n *\n * @since 3.0.2\n * @cfg {Boolean} [browserContextMenuOnCtrl=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Whether to enable the context menu. Regardless of the setting the [Context Menu](http://ckeditor.com/addon/contextmenu)\n * plugin is still loaded.\n *\n *\t\tconfig.enableContextMenu = false;\n *\n * @since 4.7.0\n * @cfg {Boolean} [enableContextMenu=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview The \"elementspath\" plugin. It shows all elements in the DOM\n *\t\tparent tree relative to the current selection in the editing area.\n */\n\n( function() {\n\tvar commands = {\n\t\ttoolbarFocus: {\n\t\t\teditorFocus: false,\n\t\t\treadOnly: 1,\n\t\t\texec: function( editor ) {\n\t\t\t\tvar idBase = editor._.elementsPath.idBase;\n\t\t\t\tvar element = CKEDITOR.document.getById( idBase + '0' );\n\n\t\t\t\t// Make the first button focus accessible for IE. (http://dev.ckeditor.com/ticket/3417)\n\t\t\t\t// Adobe AIR instead need while of delay.\n\t\t\t\telement && element.focus( CKEDITOR.env.ie || CKEDITOR.env.air );\n\t\t\t}\n\t\t}\n\t};\n\n\tvar emptyHtml = ' ';\n\n\tvar extra = '';\n\n\t// Some browsers don't cancel key events in the keydown but in the\n\t// keypress.\n\t// TODO: Check if really needed.\n\tif ( CKEDITOR.env.gecko && CKEDITOR.env.mac )\n\t\textra += ' onkeypress=\"return false;\"';\n\n\t// With Firefox, we need to force the button to redraw, otherwise it\n\t// will remain in the focus state.\n\tif ( CKEDITOR.env.gecko )\n\t\textra += ' onblur=\"this.style.cssText = this.style.cssText;\"';\n\n\tvar pathItemTpl = CKEDITOR.addTemplate( 'pathItem', '' +\n\t\t'{text}' +\n\t\t'' );\n\n\tCKEDITOR.plugins.add( 'elementspath', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\teditor._.elementsPath = {\n\t\t\t\tidBase: 'cke_elementspath_' + CKEDITOR.tools.getNextNumber() + '_',\n\t\t\t\tfilters: []\n\t\t\t};\n\n\t\t\teditor.on( 'uiSpace', function( event ) {\n\t\t\t\tif ( event.data.space == 'bottom' )\n\t\t\t\t\tinitElementsPath( editor, event.data );\n\t\t\t} );\n\t\t}\n\t} );\n\n\tfunction initElementsPath( editor, bottomSpaceData ) {\n\t\tvar spaceId = editor.ui.spaceId( 'path' ),\n\t\t\tspaceElement,\n\t\t\tgetSpaceElement = function() {\n\t\t\t\tif ( !spaceElement )\n\t\t\t\t\tspaceElement = CKEDITOR.document.getById( spaceId );\n\t\t\t\treturn spaceElement;\n\t\t\t},\n\t\t\telementsPath = editor._.elementsPath,\n\t\t\tidBase = elementsPath.idBase;\n\n\t\tbottomSpaceData.html += '' + editor.lang.elementspath.eleLabel + '' +\n\t\t\t'' + emptyHtml + '';\n\n\t\t// Register the ui element to the focus manager.\n\t\teditor.on( 'uiReady', function() {\n\t\t\tvar element = editor.ui.space( 'path' );\n\t\t\telement && editor.focusManager.add( element, 1 );\n\t\t} );\n\n\t\tfunction onClick( elementIndex ) {\n\t\t\tvar element = elementsPath.list[ elementIndex ],\n\t\t\t\tselection;\n\n\t\t\tif ( element.equals( editor.editable() ) || element.getAttribute( 'contenteditable' ) == 'true' ) {\n\t\t\t\tvar range = editor.createRange();\n\t\t\t\trange.selectNodeContents( element );\n\n\t\t\t\tselection = range.select();\n\t\t\t} else {\n\t\t\t\tselection = editor.getSelection();\n\t\t\t\tselection.selectElement( element );\n\t\t\t}\n\n\t\t\t// Explicitly fire selectionChange when clicking on an element path button. (http://dev.ckeditor.com/ticket/13548)\n\t\t\tif ( CKEDITOR.env.ie ) {\n\t\t\t\teditor.fire( 'selectionChange', { selection: selection, path: new CKEDITOR.dom.elementPath( element ) } );\n\t\t\t}\n\n\t\t\t// It is important to focus() *after* the above selection\n\t\t\t// manipulation, otherwise Firefox will have troubles. http://dev.ckeditor.com/ticket/10119\n\t\t\teditor.focus();\n\t\t}\n\n\t\telementsPath.onClick = onClick;\n\n\t\tvar onClickHanlder = CKEDITOR.tools.addFunction( onClick ),\n\t\t\tonKeyDownHandler = CKEDITOR.tools.addFunction( function( elementIndex, ev ) {\n\t\t\t\tvar idBase = elementsPath.idBase,\n\t\t\t\t\telement;\n\n\t\t\t\tev = new CKEDITOR.dom.event( ev );\n\n\t\t\t\tvar rtl = editor.lang.dir == 'rtl';\n\t\t\t\tswitch ( ev.getKeystroke() ) {\n\t\t\t\t\tcase rtl ? 39 : 37: // LEFT-ARROW\n\t\t\t\t\tcase 9: // TAB\n\t\t\t\t\t\telement = CKEDITOR.document.getById( idBase + ( elementIndex + 1 ) );\n\t\t\t\t\t\tif ( !element )\n\t\t\t\t\t\t\telement = CKEDITOR.document.getById( idBase + '0' );\n\t\t\t\t\t\telement.focus();\n\t\t\t\t\t\treturn false;\n\n\t\t\t\t\tcase rtl ? 37 : 39: // RIGHT-ARROW\n\t\t\t\t\tcase CKEDITOR.SHIFT + 9: // SHIFT + TAB\n\t\t\t\t\t\telement = CKEDITOR.document.getById( idBase + ( elementIndex - 1 ) );\n\t\t\t\t\t\tif ( !element )\n\t\t\t\t\t\t\telement = CKEDITOR.document.getById( idBase + ( elementsPath.list.length - 1 ) );\n\t\t\t\t\t\telement.focus();\n\t\t\t\t\t\treturn false;\n\n\t\t\t\t\tcase 27: // ESC\n\t\t\t\t\t\teditor.focus();\n\t\t\t\t\t\treturn false;\n\n\t\t\t\t\tcase 13: // ENTER\t// Opera\n\t\t\t\t\tcase 32: // SPACE\n\t\t\t\t\t\tonClick( elementIndex );\n\t\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} );\n\n\t\teditor.on( 'selectionChange', function() {\n\t\t\tvar html = [],\n\t\t\t\telementsList = elementsPath.list = [],\n\t\t\t\tnamesList = [],\n\t\t\t\tfilters = elementsPath.filters,\n\t\t\t\tisContentEditable = true,\n\n\t\t\t\t// Use elementPath to consider children of editable only (http://dev.ckeditor.com/ticket/11124).\n\t\t\t\telementsChain = editor.elementPath().elements,\n\t\t\t\tname;\n\n\t\t\t// Starts iteration from body element, skipping html.\n\t\t\tfor ( var j = elementsChain.length; j--; ) {\n\t\t\t\tvar element = elementsChain[ j ],\n\t\t\t\t\tignore = 0;\n\n\t\t\t\tif ( element.data( 'cke-display-name' ) )\n\t\t\t\t\tname = element.data( 'cke-display-name' );\n\t\t\t\telse if ( element.data( 'cke-real-element-type' ) )\n\t\t\t\t\tname = element.data( 'cke-real-element-type' );\n\t\t\t\telse\n\t\t\t\t\tname = element.getName();\n\n\t\t\t\tisContentEditable = element.hasAttribute( 'contenteditable' ) ?\n\t\t\t\t\telement.getAttribute( 'contenteditable' ) == 'true' : isContentEditable;\n\n\t\t\t\t// If elem is non-contenteditable, and it's not specifying contenteditable\n\t\t\t\t// attribute - then elem should be ignored.\n\t\t\t\tif ( !isContentEditable && !element.hasAttribute( 'contenteditable' ) )\n\t\t\t\t\tignore = 1;\n\n\t\t\t\tfor ( var i = 0; i < filters.length; i++ ) {\n\t\t\t\t\tvar ret = filters[ i ]( element, name );\n\t\t\t\t\tif ( ret === false ) {\n\t\t\t\t\t\tignore = 1;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tname = ret || name;\n\t\t\t\t}\n\n\t\t\t\tif ( !ignore ) {\n\t\t\t\t\telementsList.unshift( element );\n\t\t\t\t\tnamesList.unshift( name );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( var iterationLimit = elementsList.length, index = 0; index < iterationLimit; index++ ) {\n\t\t\t\tname = namesList[ index ];\n\t\t\t\tvar label = editor.lang.elementspath.eleTitle.replace( /%1/, name ),\n\t\t\t\t\titem = pathItemTpl.output( {\n\t\t\t\t\t\tid: idBase + index,\n\t\t\t\t\t\tlabel: label,\n\t\t\t\t\t\ttext: name,\n\t\t\t\t\t\tjsTitle: 'javascript:void(\\'' + name + '\\')', // jshint ignore:line\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tkeyDownFn: onKeyDownHandler,\n\t\t\t\t\t\tclickFn: onClickHanlder\n\t\t\t\t\t} );\n\n\t\t\t\thtml.unshift( item );\n\t\t\t}\n\n\t\t\tvar space = getSpaceElement();\n\t\t\tspace.setHtml( html.join( '' ) + emptyHtml );\n\t\t\teditor.fire( 'elementsPathUpdate', { space: space } );\n\t\t} );\n\n\t\tfunction empty() {\n\t\t\tspaceElement && spaceElement.setHtml( emptyHtml );\n\t\t\tdelete elementsPath.list;\n\t\t}\n\n\t\teditor.on( 'readOnly', empty );\n\t\teditor.on( 'contentDomUnload', empty );\n\n\t\teditor.addCommand( 'elementsPathFocus', commands.toolbarFocus );\n\t\teditor.setKeystroke( CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' );\n\t}\n} )();\n\n/**\n * Fired when the contents of the elementsPath are changed.\n *\n * @event elementsPathUpdate\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param data\n * @param {CKEDITOR.dom.element} data.space The elementsPath container.\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\tCKEDITOR.plugins.add( 'enterkey', {\n\t\tinit: function( editor ) {\n\t\t\teditor.addCommand( 'enter', {\n\t\t\t\tmodes: { wysiwyg: 1 },\n\t\t\t\teditorFocus: false,\n\t\t\t\texec: function( editor ) {\n\t\t\t\t\tenter( editor );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.addCommand( 'shiftEnter', {\n\t\t\t\tmodes: { wysiwyg: 1 },\n\t\t\t\teditorFocus: false,\n\t\t\t\texec: function( editor ) {\n\t\t\t\t\tshiftEnter( editor );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.setKeystroke( [\n\t\t\t\t[ 13, 'enter' ],\n\t\t\t\t[ CKEDITOR.SHIFT + 13, 'shiftEnter' ]\n\t\t\t] );\n\t\t}\n\t} );\n\n\tvar whitespaces = CKEDITOR.dom.walker.whitespaces(),\n\t\tbookmark = CKEDITOR.dom.walker.bookmark();\n\n\tCKEDITOR.plugins.enterkey = {\n\t\tenterBlock: function( editor, mode, range, forceMode ) {\n\t\t\t// Get the range for the current selection.\n\t\t\trange = range || getRange( editor );\n\n\t\t\t// We may not have valid ranges to work on, like when inside a\n\t\t\t// contenteditable=false element.\n\t\t\tif ( !range )\n\t\t\t\treturn;\n\n\t\t\t// When range is in nested editable, we have to replace range with this one,\n\t\t\t// which have root property set to closest editable, to make auto paragraphing work. (http://dev.ckeditor.com/ticket/12162)\n\t\t\trange = replaceRangeWithClosestEditableRoot( range );\n\n\t\t\tvar doc = range.document;\n\n\t\t\tvar atBlockStart = range.checkStartOfBlock(),\n\t\t\t\tatBlockEnd = range.checkEndOfBlock(),\n\t\t\t\tpath = editor.elementPath( range.startContainer ),\n\t\t\t\tblock = path.block,\n\n\t\t\t\t// Determine the block element to be used.\n\t\t\t\tblockTag = ( mode == CKEDITOR.ENTER_DIV ? 'div' : 'p' ),\n\n\t\t\t\tnewBlock;\n\n\t\t\t// Exit the list when we're inside an empty list item block. (http://dev.ckeditor.com/ticket/5376)\n\t\t\tif ( atBlockStart && atBlockEnd ) {\n\t\t\t\t// Exit the list when we're inside an empty list item block. (http://dev.ckeditor.com/ticket/5376)\n\t\t\t\tif ( block && ( block.is( 'li' ) || block.getParent().is( 'li' ) ) ) {\n\t\t\t\t\t// Make sure to point to the li when dealing with empty list item.\n\t\t\t\t\tif ( !block.is( 'li' ) )\n\t\t\t\t\t\tblock = block.getParent();\n\n\t\t\t\t\tvar blockParent = block.getParent(),\n\t\t\t\t\t\tblockGrandParent = blockParent.getParent(),\n\n\t\t\t\t\t\tfirstChild = !block.hasPrevious(),\n\t\t\t\t\t\tlastChild = !block.hasNext(),\n\n\t\t\t\t\t\tselection = editor.getSelection(),\n\t\t\t\t\t\tbookmarks = selection.createBookmarks(),\n\n\t\t\t\t\t\torgDir = block.getDirection( 1 ),\n\t\t\t\t\t\tclassName = block.getAttribute( 'class' ),\n\t\t\t\t\t\tstyle = block.getAttribute( 'style' ),\n\t\t\t\t\t\tdirLoose = blockGrandParent.getDirection( 1 ) != orgDir,\n\n\t\t\t\t\t\tenterMode = editor.enterMode,\n\t\t\t\t\t\tneedsBlock = enterMode != CKEDITOR.ENTER_BR || dirLoose || style || className,\n\n\t\t\t\t\t\tchild;\n\n\t\t\t\t\tif ( blockGrandParent.is( 'li' ) ) {\n\n\t\t\t\t\t\t// If block is the first or the last child of the parent\n\t\t\t\t\t\t// list, degrade it and move to the outer list:\n\t\t\t\t\t\t// before the parent list if block is first child and after\n\t\t\t\t\t\t// the parent list if block is the last child, respectively.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// => \n\t\t\t\t\t\t// - =>
- \n\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t// - ^
=>
\n\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t// => - ^
\n\t\t\t\t\t\t//
=>
\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// AND\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// => \n\t\t\t\t\t\t// - =>
- ^
\n\t\t\t\t\t\t// => - \n\t\t\t\t\t\t//
- ^
=> \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t//
=>
\n\t\t\t\t\t\t// => \n\t\t\t\t\t\t//
=>
\n\n\t\t\t\t\t\tif ( firstChild || lastChild ) {\n\n\t\t\t\t\t\t\t// If it's only child, we don't want to keep perent ul anymore.\n\t\t\t\t\t\t\tif ( firstChild && lastChild ) {\n\t\t\t\t\t\t\t\tblockParent.remove();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tblock[lastChild ? 'insertAfter' : 'insertBefore']( blockGrandParent );\n\n\t\t\t\t\t\t\t// If the empty block is neither first nor last child\n\t\t\t\t\t\t\t// then split the list and the block as an element\n\t\t\t\t\t\t\t// of outer list.\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// => \n\t\t\t\t\t\t\t// => - \n\t\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t\t// - =>
- x
\n\t\t\t\t\t\t\t// \n\t\t\t\t\t\t\t// - x
=>
\n\t\t\t\t\t\t\t// - ^
=> - ^
\n\t\t\t\t\t\t\t// - y
=> - \n\t\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t\t// => - y
\n\t\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t\t// => \n\t\t\t\t\t\t\t// => \n\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tblock.breakParent( blockGrandParent );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\telse if ( !needsBlock ) {\n\t\t\t\t\t\tblock.appendBogus( true );\n\n\t\t\t\t\t\t// If block is the first or last child of the parent\n\t\t\t\t\t\t// list, move all block's children out of the list:\n\t\t\t\t\t\t// before the list if block is first child and after the list\n\t\t\t\t\t\t// if block is the last child, respectively.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// => \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t// - ^
=>
\n\t\t\t\t\t\t//
=> ^\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// AND\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// => ^\n\t\t\t\t\t\t// - ^
=> \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t//
=>
\n\n\t\t\t\t\t\tif ( firstChild || lastChild ) {\n\t\t\t\t\t\t\twhile ( ( child = block[ firstChild ? 'getFirst' : 'getLast' ]() ) )\n\t\t\t\t\t\t\t\tchild[ firstChild ? 'insertBefore' : 'insertAfter' ]( blockParent );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If the empty block is neither first nor last child\n\t\t\t\t\t\t// then split the list and put all the block contents\n\t\t\t\t\t\t// between two lists.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// => \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t// - ^
=>
\n\t\t\t\t\t\t// - y
=> ^\n\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t// => - y
\n\t\t\t\t\t\t// =>
\n\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tblock.breakParent( blockParent );\n\n\t\t\t\t\t\t\twhile ( ( child = block.getLast() ) )\n\t\t\t\t\t\t\t\tchild.insertAfter( blockParent );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tblock.remove();\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Original path block is the list item, create new block for the list item content.\n\t\t\t\t\t\tif ( path.block.is( 'li' ) ) {\n\t\t\t\t\t\t\t// Use block for ENTER_BR and ENTER_DIV.\n\t\t\t\t\t\t\tnewBlock = doc.createElement( mode == CKEDITOR.ENTER_P ? 'p' : 'div' );\n\n\t\t\t\t\t\t\tif ( dirLoose )\n\t\t\t\t\t\t\t\tnewBlock.setAttribute( 'dir', orgDir );\n\n\t\t\t\t\t\t\tstyle && newBlock.setAttribute( 'style', style );\n\t\t\t\t\t\t\tclassName && newBlock.setAttribute( 'class', className );\n\n\t\t\t\t\t\t\t// Move all the child nodes to the new block.\n\t\t\t\t\t\t\tblock.moveChildren( newBlock );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// The original path block is not a list item, just copy the block to out side of the list.\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tnewBlock = path.block;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If block is the first or last child of the parent\n\t\t\t\t\t\t// list, move it out of the list:\n\t\t\t\t\t\t// before the list if block is first child and after the list\n\t\t\t\t\t\t// if block is the last child, respectively.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//
=> \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t// - ^
=>
\n\t\t\t\t\t\t//
=>
^
\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// AND\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//
=> ^
\n\t\t\t\t\t\t// - ^
=> \n\t\t\t\t\t\t// - x
=> - x
\n\t\t\t\t\t\t//
=>
\n\n\t\t\t\t\t\tif ( firstChild || lastChild )\n\t\t\t\t\t\t\tnewBlock[ firstChild ? 'insertBefore' : 'insertAfter' ]( blockParent );\n\n\t\t\t\t\t\t// If the empty block is neither first nor last child\n\t\t\t\t\t\t// then split the list and put the new block between\n\t\t\t\t\t\t// two lists.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// =>
\n\t\t\t\t\t\t// => - x
\n\t\t\t\t\t\t// - x
=>
\n\t\t\t\t\t\t// - ^
=> ^
\n\t\t\t\t\t\t// - y
=> => - y
\n\t\t\t\t\t\t// =>
\n\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tblock.breakParent( blockParent );\n\t\t\t\t\t\t\tnewBlock.insertAfter( blockParent );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tblock.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tselection.selectBookmarks( bookmarks );\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( block && block.getParent().is( 'blockquote' ) ) {\n\t\t\t\t\tblock.breakParent( block.getParent() );\n\n\t\t\t\t\t// If we were at the start of
, there will be an empty element before it now.\n\t\t\t\t\tif ( !block.getPrevious().getFirst( CKEDITOR.dom.walker.invisible( 1 ) ) )\n\t\t\t\t\t\tblock.getPrevious().remove();\n\n\t\t\t\t\t// If we were at the end of , there will be an empty element after it now.\n\t\t\t\t\tif ( !block.getNext().getFirst( CKEDITOR.dom.walker.invisible( 1 ) ) )\n\t\t\t\t\t\tblock.getNext().remove();\n\n\t\t\t\t\trange.moveToElementEditStart( block );\n\t\t\t\t\trange.select();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Don't split if we're in the middle of it, act as shift enter key.\n\t\t\telse if ( block && block.is( 'pre' ) ) {\n\t\t\t\tif ( !atBlockEnd ) {\n\t\t\t\t\tenterBr( editor, mode, range, forceMode );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Split the range.\n\t\t\tvar splitInfo = range.splitBlock( blockTag );\n\n\t\t\tif ( !splitInfo )\n\t\t\t\treturn;\n\n\t\t\t// Get the current blocks.\n\t\t\tvar previousBlock = splitInfo.previousBlock,\n\t\t\t\tnextBlock = splitInfo.nextBlock;\n\n\t\t\tvar isStartOfBlock = splitInfo.wasStartOfBlock,\n\t\t\t\tisEndOfBlock = splitInfo.wasEndOfBlock;\n\n\t\t\tvar node;\n\n\t\t\t// If this is a block under a list item, split it as well. (http://dev.ckeditor.com/ticket/1647)\n\t\t\tif ( nextBlock ) {\n\t\t\t\tnode = nextBlock.getParent();\n\t\t\t\tif ( node.is( 'li' ) ) {\n\t\t\t\t\tnextBlock.breakParent( node );\n\t\t\t\t\tnextBlock.move( nextBlock.getNext(), 1 );\n\t\t\t\t}\n\t\t\t} else if ( previousBlock && ( node = previousBlock.getParent() ) && node.is( 'li' ) ) {\n\t\t\t\tpreviousBlock.breakParent( node );\n\t\t\t\tnode = previousBlock.getNext();\n\t\t\t\trange.moveToElementEditStart( node );\n\t\t\t\tpreviousBlock.move( previousBlock.getPrevious() );\n\t\t\t}\n\n\t\t\t// If we have both the previous and next blocks, it means that the\n\t\t\t// boundaries were on separated blocks, or none of them where on the\n\t\t\t// block limits (start/end).\n\t\t\tif ( !isStartOfBlock && !isEndOfBlock ) {\n\t\t\t\t// If the next block is an with another list tree as the first\n\t\t\t\t// child, we'll need to append a filler (
/NBSP) or the list item\n\t\t\t\t// wouldn't be editable. (http://dev.ckeditor.com/ticket/1420)\n\t\t\t\tif ( nextBlock.is( 'li' ) ) {\n\t\t\t\t\tvar walkerRange = range.clone();\n\t\t\t\t\twalkerRange.selectNodeContents( nextBlock );\n\t\t\t\t\tvar walker = new CKEDITOR.dom.walker( walkerRange );\n\t\t\t\t\twalker.evaluator = function( node ) {\n\t\t\t\t\t\treturn !( bookmark( node ) || whitespaces( node ) || node.type == CKEDITOR.NODE_ELEMENT && node.getName() in CKEDITOR.dtd.$inline && !( node.getName() in CKEDITOR.dtd.$empty ) );\n\t\t\t\t\t};\n\n\t\t\t\t\tnode = walker.next();\n\t\t\t\t\tif ( node && node.type == CKEDITOR.NODE_ELEMENT && node.is( 'ul', 'ol' ) )\n\t\t\t\t\t\t( CKEDITOR.env.needsBrFiller ? doc.createElement( 'br' ) : doc.createText( '\\xa0' ) ).insertBefore( node );\n\t\t\t\t}\n\n\t\t\t\t// Move the selection to the end block.\n\t\t\t\tif ( nextBlock )\n\t\t\t\t\trange.moveToElementEditStart( nextBlock );\n\t\t\t} else {\n\t\t\t\tvar newBlockDir;\n\n\t\t\t\tif ( previousBlock ) {\n\t\t\t\t\t// Do not enter this block if it's a header tag, or we are in\n\t\t\t\t\t// a Shift+Enter (http://dev.ckeditor.com/ticket/77). Create a new block element instead\n\t\t\t\t\t// (later in the code).\n\t\t\t\t\tif ( previousBlock.is( 'li' ) || !( headerTagRegex.test( previousBlock.getName() ) || previousBlock.is( 'pre' ) ) ) {\n\t\t\t\t\t\t// Otherwise, duplicate the previous block.\n\t\t\t\t\t\tnewBlock = previousBlock.clone();\n\t\t\t\t\t}\n\t\t\t\t} else if ( nextBlock ) {\n\t\t\t\t\tnewBlock = nextBlock.clone();\n\t\t\t\t}\n\n\t\t\t\tif ( !newBlock ) {\n\t\t\t\t\t// We have already created a new list item. (http://dev.ckeditor.com/ticket/6849)\n\t\t\t\t\tif ( node && node.is( 'li' ) )\n\t\t\t\t\t\tnewBlock = node;\n\t\t\t\t\telse {\n\t\t\t\t\t\tnewBlock = doc.createElement( blockTag );\n\t\t\t\t\t\tif ( previousBlock && ( newBlockDir = previousBlock.getDirection() ) )\n\t\t\t\t\t\t\tnewBlock.setAttribute( 'dir', newBlockDir );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Force the enter block unless we're talking of a list item.\n\t\t\t\telse if ( forceMode && !newBlock.is( 'li' ) ) {\n\t\t\t\t\tnewBlock.renameNode( blockTag );\n\t\t\t\t}\n\n\t\t\t\t// Recreate the inline elements tree, which was available\n\t\t\t\t// before hitting enter, so the same styles will be available in\n\t\t\t\t// the new block.\n\t\t\t\tvar elementPath = splitInfo.elementPath;\n\t\t\t\tif ( elementPath ) {\n\t\t\t\t\tfor ( var i = 0, len = elementPath.elements.length; i < len; i++ ) {\n\t\t\t\t\t\tvar element = elementPath.elements[ i ];\n\n\t\t\t\t\t\tif ( element.equals( elementPath.block ) || element.equals( elementPath.blockLimit ) )\n\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\tif ( CKEDITOR.dtd.$removeEmpty[ element.getName() ] ) {\n\t\t\t\t\t\t\telement = element.clone();\n\t\t\t\t\t\t\tnewBlock.moveChildren( element );\n\t\t\t\t\t\t\tnewBlock.append( element );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tnewBlock.appendBogus();\n\n\t\t\t\tif ( !newBlock.getParent() )\n\t\t\t\t\trange.insertNode( newBlock );\n\n\t\t\t\t// list item start number should not be duplicated (http://dev.ckeditor.com/ticket/7330), but we need\n\t\t\t\t// to remove the attribute after it's onto the DOM tree because of old IEs (http://dev.ckeditor.com/ticket/7581).\n\t\t\t\tnewBlock.is( 'li' ) && newBlock.removeAttribute( 'value' );\n\n\t\t\t\t// This is tricky, but to make the new block visible correctly\n\t\t\t\t// we must select it.\n\t\t\t\t// The previousBlock check has been included because it may be\n\t\t\t\t// empty if we have fixed a block-less space (like ENTER into an\n\t\t\t\t// empty table cell).\n\t\t\t\tif ( CKEDITOR.env.ie && isStartOfBlock && ( !isEndOfBlock || !previousBlock.getChildCount() ) ) {\n\t\t\t\t\t// Move the selection to the new block.\n\t\t\t\t\trange.moveToElementEditStart( isEndOfBlock ? previousBlock : newBlock );\n\t\t\t\t\trange.select();\n\t\t\t\t}\n\n\t\t\t\t// Move the selection to the new block.\n\t\t\t\trange.moveToElementEditStart( isStartOfBlock && !isEndOfBlock ? nextBlock : newBlock );\n\t\t\t}\n\n\t\t\trange.select();\n\t\t\trange.scrollIntoView();\n\t\t},\n\n\t\tenterBr: function( editor, mode, range, forceMode ) {\n\t\t\t// Get the range for the current selection.\n\t\t\trange = range || getRange( editor );\n\n\t\t\t// We may not have valid ranges to work on, like when inside a\n\t\t\t// contenteditable=false element.\n\t\t\tif ( !range )\n\t\t\t\treturn;\n\n\t\t\tvar doc = range.document;\n\n\t\t\tvar isEndOfBlock = range.checkEndOfBlock();\n\n\t\t\tvar elementPath = new CKEDITOR.dom.elementPath( editor.getSelection().getStartElement() );\n\n\t\t\tvar startBlock = elementPath.block,\n\t\t\t\tstartBlockTag = startBlock && elementPath.block.getName();\n\n\t\t\tif ( !forceMode && startBlockTag == 'li' ) {\n\t\t\t\tenterBlock( editor, mode, range, forceMode );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If we are at the end of a header block.\n\t\t\tif ( !forceMode && isEndOfBlock && headerTagRegex.test( startBlockTag ) ) {\n\t\t\t\tvar newBlock, newBlockDir;\n\n\t\t\t\tif ( ( newBlockDir = startBlock.getDirection() ) ) {\n\t\t\t\t\tnewBlock = doc.createElement( 'div' );\n\t\t\t\t\tnewBlock.setAttribute( 'dir', newBlockDir );\n\t\t\t\t\tnewBlock.insertAfter( startBlock );\n\t\t\t\t\trange.setStart( newBlock, 0 );\n\t\t\t\t} else {\n\t\t\t\t\t// Insert a
after the current paragraph.\n\t\t\t\t\tdoc.createElement( 'br' ).insertAfter( startBlock );\n\n\t\t\t\t\t// A text node is required by Gecko only to make the cursor blink.\n\t\t\t\t\tif ( CKEDITOR.env.gecko )\n\t\t\t\t\t\tdoc.createText( '' ).insertAfter( startBlock );\n\n\t\t\t\t\t// IE has different behaviors regarding position.\n\t\t\t\t\trange.setStartAt( startBlock.getNext(), CKEDITOR.env.ie ? CKEDITOR.POSITION_BEFORE_START : CKEDITOR.POSITION_AFTER_START );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvar lineBreak;\n\n\t\t\t\t// IE<8 prefers text node as line-break inside of (http://dev.ckeditor.com/ticket/4711).\n\t\t\t\tif ( startBlockTag == 'pre' && CKEDITOR.env.ie && CKEDITOR.env.version < 8 )\n\t\t\t\t\tlineBreak = doc.createText( '\\r' );\n\t\t\t\telse\n\t\t\t\t\tlineBreak = doc.createElement( 'br' );\n\n\t\t\t\trange.deleteContents();\n\t\t\t\trange.insertNode( lineBreak );\n\n\t\t\t\t// Old IEs have different behavior regarding position.\n\t\t\t\tif ( !CKEDITOR.env.needsBrFiller )\n\t\t\t\t\trange.setStartAt( lineBreak, CKEDITOR.POSITION_AFTER_END );\n\t\t\t\telse {\n\t\t\t\t\t// A text node is required by Gecko only to make the cursor blink.\n\t\t\t\t\t// We need some text inside of it, so the bogus
is properly\n\t\t\t\t\t// created.\n\t\t\t\t\tdoc.createText( '\\ufeff' ).insertAfter( lineBreak );\n\n\t\t\t\t\t// If we are at the end of a block, we must be sure the bogus node is available in that block.\n\t\t\t\t\tif ( isEndOfBlock ) {\n\t\t\t\t\t\t// In most situations we've got an elementPath.block (e.g. ), but in a\n\t\t\t\t\t\t// blockless editor or when autoP is false that needs to be a block limit.\n\t\t\t\t\t\t( startBlock || elementPath.blockLimit ).appendBogus();\n\t\t\t\t\t}\n\n\t\t\t\t\t// Now we can remove the text node contents, so the caret doesn't\n\t\t\t\t\t// stop on it.\n\t\t\t\t\tlineBreak.getNext().$.nodeValue = '';\n\n\t\t\t\t\trange.setStartAt( lineBreak.getNext(), CKEDITOR.POSITION_AFTER_START );\n\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// This collapse guarantees the cursor will be blinking.\n\t\t\trange.collapse( true );\n\n\t\t\trange.select();\n\t\t\trange.scrollIntoView();\n\t\t}\n\t};\n\n\tvar plugin = CKEDITOR.plugins.enterkey,\n\t\tenterBr = plugin.enterBr,\n\t\tenterBlock = plugin.enterBlock,\n\t\theaderTagRegex = /^h[1-6]$/;\n\n\tfunction shiftEnter( editor ) {\n\t\t// On SHIFT+ENTER:\n\t\t// 1. We want to enforce the mode to be respected, instead\n\t\t// of cloning the current block. (http://dev.ckeditor.com/ticket/77)\n\t\treturn enter( editor, editor.activeShiftEnterMode, 1 );\n\t}\n\n\tfunction enter( editor, mode, forceMode ) {\n\t\tforceMode = editor.config.forceEnterMode || forceMode;\n\n\t\t// Only effective within document.\n\t\tif ( editor.mode != 'wysiwyg' )\n\t\t\treturn;\n\n\t\tif ( !mode )\n\t\t\tmode = editor.activeEnterMode;\n\n\t\t// TODO this should be handled by setting editor.activeEnterMode on selection change.\n\t\t// Check path block specialities:\n\t\t// 1. Cannot be a un-splittable element, e.g. table caption;\n\t\tvar path = editor.elementPath();\n\n\t\tif ( path && !path.isContextFor( 'p' ) ) {\n\t\t\tmode = CKEDITOR.ENTER_BR;\n\t\t\tforceMode = 1;\n\t\t}\n\n\t\teditor.fire( 'saveSnapshot' ); // Save undo step.\n\n\t\tif ( mode == CKEDITOR.ENTER_BR )\n\t\t\tenterBr( editor, mode, null, forceMode );\n\t\telse\n\t\t\tenterBlock( editor, mode, null, forceMode );\n\n\t\teditor.fire( 'saveSnapshot' );\n\t}\n\n\tfunction getRange( editor ) {\n\t\t// Get the selection ranges.\n\t\tvar ranges = editor.getSelection().getRanges( true );\n\n\t\t// Delete the contents of all ranges except the first one.\n\t\tfor ( var i = ranges.length - 1; i > 0; i-- ) {\n\t\t\tranges[ i ].deleteContents();\n\t\t}\n\n\t\t// Return the first range.\n\t\treturn ranges[ 0 ];\n\t}\n\n\tfunction replaceRangeWithClosestEditableRoot( range ) {\n\t\tvar closestEditable = range.startContainer.getAscendant( function( node ) {\n\t\t\treturn node.type == CKEDITOR.NODE_ELEMENT && node.getAttribute( 'contenteditable' ) == 'true';\n\t\t}, true );\n\n\t\tif ( range.root.equals( closestEditable ) ) {\n\t\t\treturn range;\n\t\t} else {\n\t\t\tvar newRange = new CKEDITOR.dom.range( closestEditable );\n\n\t\t\tnewRange.moveToRange( range );\n\t\t\treturn newRange;\n\t\t}\n\t}\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\t// Basic HTML entities.\n\tvar htmlbase = 'nbsp,gt,lt,amp';\n\n\tvar entities =\n\t// Latin-1 entities\n\t'quot,iexcl,cent,pound,curren,yen,brvbar,sect,uml,copy,ordf,laquo,' +\n\t\t'not,shy,reg,macr,deg,plusmn,sup2,sup3,acute,micro,para,middot,' +\n\t\t'cedil,sup1,ordm,raquo,frac14,frac12,frac34,iquest,times,divide,' +\n\n\t\t// Symbols\n\t\t'fnof,bull,hellip,prime,Prime,oline,frasl,weierp,image,real,trade,' +\n\t\t'alefsym,larr,uarr,rarr,darr,harr,crarr,lArr,uArr,rArr,dArr,hArr,' +\n\t\t'forall,part,exist,empty,nabla,isin,notin,ni,prod,sum,minus,lowast,' +\n\t\t'radic,prop,infin,ang,and,or,cap,cup,int,there4,sim,cong,asymp,ne,' +\n\t\t'equiv,le,ge,sub,sup,nsub,sube,supe,oplus,otimes,perp,sdot,lceil,' +\n\t\t'rceil,lfloor,rfloor,lang,rang,loz,spades,clubs,hearts,diams,' +\n\n\t\t// Other special characters\n\t\t'circ,tilde,ensp,emsp,thinsp,zwnj,zwj,lrm,rlm,ndash,mdash,lsquo,' +\n\t\t'rsquo,sbquo,ldquo,rdquo,bdquo,dagger,Dagger,permil,lsaquo,rsaquo,' +\n\t\t'euro';\n\n\t// Latin letters entities\n\tvar latin = 'Agrave,Aacute,Acirc,Atilde,Auml,Aring,AElig,Ccedil,Egrave,Eacute,' +\n\t\t'Ecirc,Euml,Igrave,Iacute,Icirc,Iuml,ETH,Ntilde,Ograve,Oacute,Ocirc,' +\n\t\t'Otilde,Ouml,Oslash,Ugrave,Uacute,Ucirc,Uuml,Yacute,THORN,szlig,' +\n\t\t'agrave,aacute,acirc,atilde,auml,aring,aelig,ccedil,egrave,eacute,' +\n\t\t'ecirc,euml,igrave,iacute,icirc,iuml,eth,ntilde,ograve,oacute,ocirc,' +\n\t\t'otilde,ouml,oslash,ugrave,uacute,ucirc,uuml,yacute,thorn,yuml,' +\n\t\t'OElig,oelig,Scaron,scaron,Yuml';\n\n\t// Greek letters entities.\n\tvar greek = 'Alpha,Beta,Gamma,Delta,Epsilon,Zeta,Eta,Theta,Iota,Kappa,Lambda,Mu,' +\n\t\t'Nu,Xi,Omicron,Pi,Rho,Sigma,Tau,Upsilon,Phi,Chi,Psi,Omega,alpha,' +\n\t\t'beta,gamma,delta,epsilon,zeta,eta,theta,iota,kappa,lambda,mu,nu,xi,' +\n\t\t'omicron,pi,rho,sigmaf,sigma,tau,upsilon,phi,chi,psi,omega,thetasym,' +\n\t\t'upsih,piv';\n\n\t// Create a mapping table between one character and its entity form from a list of entity names.\n\t// @param reverse {Boolean} Whether to create a reverse map from the entity string form to an actual character.\n\tfunction buildTable( entities, reverse ) {\n\t\tvar table = {},\n\t\t\tregex = [];\n\n\t\t// Entities that the browsers' DOM does not automatically transform to the\n\t\t// final character.\n\t\tvar specialTable = {\n\t\t\tnbsp: '\\u00A0', // IE | FF\n\t\t\tshy: '\\u00AD', // IE\n\t\t\tgt: '\\u003E', // IE | FF | -- | Opera\n\t\t\tlt: '\\u003C', // IE | FF | Safari | Opera\n\t\t\tamp: '\\u0026', // ALL\n\t\t\tapos: '\\u0027', // IE\n\t\t\tquot: '\\u0022' // IE\n\t\t};\n\n\t\tentities = entities.replace( /\\b(nbsp|shy|gt|lt|amp|apos|quot)(?:,|$)/g, function( match, entity ) {\n\t\t\tvar org = reverse ? '&' + entity + ';' : specialTable[ entity ],\n\t\t\t\tresult = reverse ? specialTable[ entity ] : '&' + entity + ';';\n\n\t\t\ttable[ org ] = result;\n\t\t\tregex.push( org );\n\t\t\treturn '';\n\t\t} );\n\n\t\tif ( !reverse && entities ) {\n\t\t\t// Transforms the entities string into an array.\n\t\t\tentities = entities.split( ',' );\n\n\t\t\t// Put all entities inside a DOM element, transforming them to their\n\t\t\t// final characters.\n\t\t\tvar div = document.createElement( 'div' ),\n\t\t\t\tchars;\n\t\t\tdiv.innerHTML = '&' + entities.join( ';&' ) + ';';\n\t\t\tchars = div.innerHTML;\n\t\t\tdiv = null;\n\n\t\t\t// Add all characters to the table.\n\t\t\tfor ( var i = 0; i < chars.length; i++ ) {\n\t\t\t\tvar charAt = chars.charAt( i );\n\t\t\t\ttable[ charAt ] = '&' + entities[ i ] + ';';\n\t\t\t\tregex.push( charAt );\n\t\t\t}\n\t\t}\n\n\t\ttable.regex = regex.join( reverse ? '|' : '' );\n\n\t\treturn table;\n\t}\n\n\tCKEDITOR.plugins.add( 'entities', {\n\t\tafterInit: function( editor ) {\n\t\t\tvar config = editor.config;\n\n\t\t\tfunction getChar( character ) {\n\t\t\t\treturn baseEntitiesTable[ character ];\n\t\t\t}\n\n\t\t\tfunction getEntity( character ) {\n\t\t\t\treturn config.entities_processNumerical == 'force' || !entitiesTable[ character ] ? '&#' + character.charCodeAt( 0 ) + ';'\n\t\t\t\t: entitiesTable[ character ];\n\t\t\t}\n\n\t\t\tvar dataProcessor = editor.dataProcessor,\n\t\t\t\thtmlFilter = dataProcessor && dataProcessor.htmlFilter;\n\n\t\t\tif ( htmlFilter ) {\n\t\t\t\t// Mandatory HTML basic entities.\n\t\t\t\tvar selectedEntities = [];\n\n\t\t\t\tif ( config.basicEntities !== false )\n\t\t\t\t\tselectedEntities.push( htmlbase );\n\n\t\t\t\tif ( config.entities ) {\n\t\t\t\t\tif ( selectedEntities.length )\n\t\t\t\t\t\tselectedEntities.push( entities );\n\n\t\t\t\t\tif ( config.entities_latin )\n\t\t\t\t\t\tselectedEntities.push( latin );\n\n\t\t\t\t\tif ( config.entities_greek )\n\t\t\t\t\t\tselectedEntities.push( greek );\n\n\t\t\t\t\tif ( config.entities_additional )\n\t\t\t\t\t\tselectedEntities.push( config.entities_additional );\n\t\t\t\t}\n\n\t\t\t\tvar entitiesTable = buildTable( selectedEntities.join( ',' ) );\n\n\t\t\t\t// Create the Regex used to find entities in the text, leave it matches nothing if entities are empty.\n\t\t\t\tvar entitiesRegex = entitiesTable.regex ? '[' + entitiesTable.regex + ']' : 'a^';\n\t\t\t\tdelete entitiesTable.regex;\n\n\t\t\t\tif ( config.entities && config.entities_processNumerical )\n\t\t\t\t\tentitiesRegex = '[^ -~]|' + entitiesRegex;\n\n\t\t\t\tentitiesRegex = new RegExp( entitiesRegex, 'g' );\n\n\t\t\t\t// Decode entities that the browsers has transformed\n\t\t\t\t// at first place.\n\t\t\t\tvar baseEntitiesTable = buildTable( [ htmlbase, 'shy' ].join( ',' ), true ),\n\t\t\t\t\tbaseEntitiesRegex = new RegExp( baseEntitiesTable.regex, 'g' );\n\n\t\t\t\thtmlFilter.addRules( {\n\t\t\t\t\ttext: function( text ) {\n\t\t\t\t\t\treturn text.replace( baseEntitiesRegex, getChar ).replace( entitiesRegex, getEntity );\n\t\t\t\t\t}\n\t\t\t\t}, {\n\t\t\t\t\tapplyToAll: true,\n\t\t\t\t\texcludeNestedEditable: true\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t} );\n} )();\n\n/**\n * Whether to escape basic HTML entities in the document, including:\n *\n * * ` `\n * * `>`\n * * `<`\n * * `&`\n *\n * **Note:** This option should not be changed unless when outputting a non-HTML data format like BBCode.\n *\n *\t\tconfig.basicEntities = false;\n *\n * @cfg {Boolean} [basicEntities=true]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.basicEntities = true;\n\n/**\n * Whether to use HTML entities in the editor output.\n *\n *\t\tconfig.entities = false;\n *\n * @cfg {Boolean} [entities=true]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.entities = true;\n\n/**\n * Whether to convert some Latin characters (Latin alphabet No. 1, ISO 8859-1)\n * to HTML entities. The list of entities can be found in the\n * [W3C HTML 4.01 Specification, section 24.2.1](http://www.w3.org/TR/html4/sgml/entities.html#h-24.2.1).\n *\n *\t\tconfig.entities_latin = false;\n *\n * @cfg {Boolean} [entities_latin=true]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.entities_latin = true;\n\n/**\n * Whether to convert some symbols, mathematical symbols, and Greek letters to\n * HTML entities. This may be more relevant for users typing text written in Greek.\n * The list of entities can be found in the\n * [W3C HTML 4.01 Specification, section 24.3.1](http://www.w3.org/TR/html4/sgml/entities.html#h-24.3.1).\n *\n *\t\tconfig.entities_greek = false;\n *\n * @cfg {Boolean} [entities_greek=true]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.entities_greek = true;\n\n/**\n * Whether to convert all remaining characters not included in the ASCII\n * character table to their relative decimal numeric representation of HTML entity.\n * When set to `force`, it will convert all entities into this format.\n *\n * For example the phrase: `'This is Chinese: 汉语.'` would be output\n * as: `'This is Chinese: 汉语.'`\n *\n *\t\tconfig.entities_processNumerical = true;\n *\t\tconfig.entities_processNumerical = 'force'; // Converts from ' ' into ' ';\n *\n * @cfg {Boolean/String} [entities_processNumerical=false]\n * @member CKEDITOR.config\n */\n\n/**\n * A comma-separated list of additional entities to be used. Entity names\n * or numbers must be used in a form that excludes the `'&'` prefix and the `';'` ending.\n *\n *\t\tconfig.entities_additional = '#1049'; // Adds Cyrillic capital letter Short I (Й).\n *\n * @cfg {String} [entities_additional='#39' (The single quote (') character)]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.entities_additional = '#39';\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'find', {\n\trequires: 'dialog',\n\t// jscs:disable maximumLineLength\n\t// jscs:enable maximumLineLength\n\tinit: function( editor ) {\n\t\tvar findCommand = editor.addCommand( 'find', new CKEDITOR.dialogCommand( 'find' ) );\n\t\tfindCommand.canUndo = false;\n\t\tfindCommand.readOnly = 1;\n\n\t\tvar replaceCommand = editor.addCommand( 'replace', new CKEDITOR.dialogCommand( 'replace' ) );\n\t\treplaceCommand.canUndo = false;\n\n\t\tif ( editor.ui.addButton ) {\n\t\t\teditor.ui.addButton( 'Find', {\n\t\t\t\tlabel: editor.lang.find.find,\n\t\t\t\tcommand: 'find',\n\t\t\t\ttoolbar: 'find,10'\n\t\t\t} );\n\n\t\t\teditor.ui.addButton( 'Replace', {\n\t\t\t\tlabel: editor.lang.find.replace,\n\t\t\t\tcommand: 'replace',\n\t\t\t\ttoolbar: 'find,20'\n\t\t\t} );\n\t\t}\n\n\t\tCKEDITOR.dialog.add( 'find', this.path + 'dialogs/find.js' );\n\t\tCKEDITOR.dialog.add( 'replace', this.path + 'dialogs/find.js' );\n\t}\n} );\n\n/**\n * Defines the style to be used to highlight results with the find dialog.\n *\n *\t\t// Highlight search results with blue on yellow.\n *\t\tconfig.find_highlight = {\n *\t\t\telement: 'span',\n *\t\t\tstyles: { 'background-color': '#ff0', color: '#00f' }\n *\t\t};\n *\n * @cfg\n * @member CKEDITOR.config\n */\nCKEDITOR.config.find_highlight = { element: 'span', styles: { 'background-color': '#004', color: '#fff' } };\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\tvar win = CKEDITOR.document.getWindow(),\n\t\tpixelate = CKEDITOR.tools.cssLength;\n\n\tCKEDITOR.plugins.add( 'floatingspace', {\n\t\tinit: function( editor ) {\n\t\t\t// Add listener with lower priority than that in themedui creator.\n\t\t\t// Thereby floatingspace will be created only if themedui wasn't used.\n\t\t\teditor.on( 'loaded', function() {\n\t\t\t\tattach( this );\n\t\t\t}, null, null, 20 );\n\t\t}\n\t} );\n\n\tfunction scrollOffset( side ) {\n\t\tvar pageOffset = side == 'left' ? 'pageXOffset' : 'pageYOffset',\n\t\t\tdocScrollOffset = side == 'left' ? 'scrollLeft' : 'scrollTop';\n\n\t\treturn ( pageOffset in win.$ ) ? win.$[ pageOffset ] : CKEDITOR.document.$.documentElement[ docScrollOffset ];\n\t}\n\n\tfunction attach( editor ) {\n\t\tvar config = editor.config,\n\n\t\t\t// Get the HTML for the predefined spaces.\n\t\t\ttopHtml = editor.fire( 'uiSpace', { space: 'top', html: '' } ).html,\n\n\t\t\t// Re-positioning of the space.\n\t\t\tlayout = ( function() {\n\t\t\t\t// Mode indicates the vertical aligning mode.\n\t\t\t\tvar mode, editable,\n\t\t\t\t\tspaceRect, editorRect, viewRect, spaceHeight, pageScrollX,\n\n\t\t\t\t\t// Allow minor adjustments of the float space from custom configs.\n\t\t\t\t\tdockedOffsetX = config.floatSpaceDockedOffsetX || 0,\n\t\t\t\t\tdockedOffsetY = config.floatSpaceDockedOffsetY || 0,\n\t\t\t\t\tpinnedOffsetX = config.floatSpacePinnedOffsetX || 0,\n\t\t\t\t\tpinnedOffsetY = config.floatSpacePinnedOffsetY || 0;\n\n\t\t\t\t// Update the float space position.\n\t\t\t\tfunction updatePos( pos, prop, val ) {\n\t\t\t\t\tfloatSpace.setStyle( prop, pixelate( val ) );\n\t\t\t\t\tfloatSpace.setStyle( 'position', pos );\n\t\t\t\t}\n\n\t\t\t\t// Change the current mode and update float space position accordingly.\n\t\t\t\tfunction changeMode( newMode ) {\n\t\t\t\t\tvar editorPos = editable.getDocumentPosition();\n\n\t\t\t\t\tswitch ( newMode ) {\n\t\t\t\t\t\tcase 'top':\n\t\t\t\t\t\t\tupdatePos( 'absolute', 'top', editorPos.y - spaceHeight - dockedOffsetY );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'pin':\n\t\t\t\t\t\t\tupdatePos( 'fixed', 'top', pinnedOffsetY );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'bottom':\n\t\t\t\t\t\t\tupdatePos( 'absolute', 'top', editorPos.y + ( editorRect.height || editorRect.bottom - editorRect.top ) + dockedOffsetY );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tmode = newMode;\n\t\t\t\t}\n\n\t\t\t\treturn function( evt ) {\n\t\t\t\t\t// http://dev.ckeditor.com/ticket/10112 Do not fail on editable-less editor.\n\t\t\t\t\tif ( !( editable = editor.editable() ) )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\tvar show = ( evt && evt.name == 'focus' );\n\n\t\t\t\t\t// Show up the space on focus gain.\n\t\t\t\t\tif ( show ) {\n\t\t\t\t\t\tfloatSpace.show();\n\t\t\t\t\t}\n\n\t\t\t\t\teditor.fire( 'floatingSpaceLayout', { show: show } );\n\n\t\t\t\t\t// Reset the horizontal position for below measurement.\n\t\t\t\t\tfloatSpace.removeStyle( 'left' );\n\t\t\t\t\tfloatSpace.removeStyle( 'right' );\n\n\t\t\t\t\t// Compute the screen position from the TextRectangle object would\n\t\t\t\t\t// be very simple, even though the \"width\"/\"height\" property is not\n\t\t\t\t\t// available for all, it's safe to figure that out from the rest.\n\n\t\t\t\t\t// http://help.dottoro.com/ljgupwlp.php\n\t\t\t\t\tspaceRect = floatSpace.getClientRect();\n\t\t\t\t\teditorRect = editable.getClientRect();\n\t\t\t\t\tviewRect = win.getViewPaneSize();\n\t\t\t\t\tspaceHeight = spaceRect.height;\n\t\t\t\t\tpageScrollX = scrollOffset( 'left' );\n\n\t\t\t\t\t// We initialize it as pin mode.\n\t\t\t\t\tif ( !mode ) {\n\t\t\t\t\t\tmode = 'pin';\n\t\t\t\t\t\tchangeMode( 'pin' );\n\t\t\t\t\t\t// Call for a refresh to the actual layout.\n\t\t\t\t\t\tlayout( evt );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// +------------------------ Viewport -+ \\\n\t\t\t\t\t// | | |-> floatSpaceDockedOffsetY\n\t\t\t\t\t// | ................................. | /\n\t\t\t\t\t// | |\n\t\t\t\t\t// | +------ Space -+ |\n\t\t\t\t\t// | | | |\n\t\t\t\t\t// | +--------------+ |\n\t\t\t\t\t// | +------------------ Editor -+ |\n\t\t\t\t\t// | | | |\n\t\t\t\t\t//\n\t\t\t\t\tif ( spaceHeight + dockedOffsetY <= editorRect.top )\n\t\t\t\t\t\tchangeMode( 'top' );\n\n\t\t\t\t\t// +- - - - - - - - - Editor -+\n\t\t\t\t\t// | |\n\t\t\t\t\t// +------------------------ Viewport -+ \\\n\t\t\t\t\t// | | | | |-> floatSpacePinnedOffsetY\n\t\t\t\t\t// | ................................. | /\n\t\t\t\t\t// | +------ Space -+ | |\n\t\t\t\t\t// | | | | |\n\t\t\t\t\t// | +--------------+ | |\n\t\t\t\t\t// | | | |\n\t\t\t\t\t// | +---------------------------+ |\n\t\t\t\t\t// +-----------------------------------+\n\t\t\t\t\t//\n\t\t\t\t\telse if ( spaceHeight + dockedOffsetY > viewRect.height - editorRect.bottom )\n\t\t\t\t\t\tchangeMode( 'pin' );\n\n\t\t\t\t\t// +- - - - - - - - - Editor -+\n\t\t\t\t\t// | |\n\t\t\t\t\t// +------------------------ Viewport -+ \\\n\t\t\t\t\t// | | | | |-> floatSpacePinnedOffsetY\n\t\t\t\t\t// | ................................. | /\n\t\t\t\t\t// | | | |\n\t\t\t\t\t// | | | |\n\t\t\t\t\t// | +---------------------------+ |\n\t\t\t\t\t// | +------ Space -+ |\n\t\t\t\t\t// | | | |\n\t\t\t\t\t// | +--------------+ |\n\t\t\t\t\t//\n\t\t\t\t\telse\n\t\t\t\t\t\tchangeMode( 'bottom' );\n\n\t\t\t\t\tvar mid = viewRect.width / 2,\n\t\t\t\t\t\talignSide, offset;\n\n\t\t\t\t\tif ( config.floatSpacePreferRight ) {\n\t\t\t\t\t\talignSide = 'right';\n\t\t\t\t\t} else if ( editorRect.left > 0 && editorRect.right < viewRect.width && editorRect.width > spaceRect.width ) {\n\t\t\t\t\t\talignSide = config.contentsLangDirection == 'rtl' ? 'right' : 'left';\n\t\t\t\t\t} else {\n\t\t\t\t\t\talignSide = mid - editorRect.left > editorRect.right - mid ? 'left' : 'right';\n\t\t\t\t\t}\n\n\t\t\t\t\t// (http://dev.ckeditor.com/ticket/9769) If viewport width is less than space width,\n\t\t\t\t\t// make sure space never cross the left boundary of the viewport.\n\t\t\t\t\t// In other words: top-left corner of the space is always visible.\n\t\t\t\t\tif ( spaceRect.width > viewRect.width ) {\n\t\t\t\t\t\talignSide = 'left';\n\t\t\t\t\t\toffset = 0;\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tif ( alignSide == 'left' ) {\n\t\t\t\t\t\t\t// If the space rect fits into viewport, align it\n\t\t\t\t\t\t\t// to the left edge of editor:\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// +------------------------ Viewport -+\n\t\t\t\t\t\t\t// | |\n\t\t\t\t\t\t\t// | +------------- Space -+ |\n\t\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t\t// | +---------------------+ |\n\t\t\t\t\t\t\t// | +------------------ Editor -+ |\n\t\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\tif ( editorRect.left > 0 )\n\t\t\t\t\t\t\t\toffset = editorRect.left;\n\n\t\t\t\t\t\t\t// If the left part of the editor is cut off by the left\n\t\t\t\t\t\t\t// edge of the viewport, stick the space to the viewport:\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// +------------------------ Viewport -+\n\t\t\t\t\t\t\t// | |\n\t\t\t\t\t\t\t// +---------------- Space -+ |\n\t\t\t\t\t\t\t// | | |\n\t\t\t\t\t\t\t// +------------------------+ |\n\t\t\t\t\t\t\t// +----|------------- Editor -+ |\n\t\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\toffset = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t// If the space rect fits into viewport, align it\n\t\t\t\t\t\t\t// to the right edge of editor:\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// +------------------------ Viewport -+\n\t\t\t\t\t\t\t// | |\n\t\t\t\t\t\t\t// | +------------- Space -+ |\n\t\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t\t// | +---------------------+ |\n\t\t\t\t\t\t\t// | +------------------ Editor -+ |\n\t\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\tif ( editorRect.right < viewRect.width )\n\t\t\t\t\t\t\t\toffset = viewRect.width - editorRect.right;\n\n\t\t\t\t\t\t\t// If the right part of the editor is cut off by the right\n\t\t\t\t\t\t\t// edge of the viewport, stick the space to the viewport:\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// +------------------------ Viewport -+\n\t\t\t\t\t\t\t// | |\n\t\t\t\t\t\t\t// | +------------- Space -+\n\t\t\t\t\t\t\t// | | |\n\t\t\t\t\t\t\t// | +---------------------+\n\t\t\t\t\t\t\t// | +-----------------|- Editor -+\n\t\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\toffset = 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// (http://dev.ckeditor.com/ticket/9769) Finally, stick the space to the opposite side of\n\t\t\t\t\t\t// the viewport when it's cut off horizontally on the left/right\n\t\t\t\t\t\t// side like below.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// This trick reveals cut off space in some edge cases and\n\t\t\t\t\t\t// hence it improves accessibility.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// +------------------------ Viewport -+\n\t\t\t\t\t\t// | |\n\t\t\t\t\t\t// | +--------------------|-- Space -+\n\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t// | +--------------------|----------+\n\t\t\t\t\t\t// | +------- Editor -+ |\n\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t//\n\t\t\t\t\t\t//\t\t\t\tbecomes:\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// +------------------------ Viewport -+\n\t\t\t\t\t\t// | |\n\t\t\t\t\t\t// | +----------------------- Space -+\n\t\t\t\t\t\t// | | |\n\t\t\t\t\t\t// | +-------------------------------+\n\t\t\t\t\t\t// | +------- Editor -+ |\n\t\t\t\t\t\t// | | | |\n\t\t\t\t\t\t//\n\t\t\t\t\t\tif ( offset + spaceRect.width > viewRect.width ) {\n\t\t\t\t\t\t\talignSide = alignSide == 'left' ? 'right' : 'left';\n\t\t\t\t\t\t\toffset = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Pin mode is fixed, so don't include scroll-x.\n\t\t\t\t\t// (http://dev.ckeditor.com/ticket/9903) For mode is \"top\" or \"bottom\", add opposite scroll-x for right-aligned space.\n\t\t\t\t\tvar scroll = mode == 'pin' ? 0 : alignSide == 'left' ? pageScrollX : -pageScrollX;\n\n\t\t\t\t\tfloatSpace.setStyle( alignSide, pixelate( ( mode == 'pin' ? pinnedOffsetX : dockedOffsetX ) + offset + scroll ) );\n\t\t\t\t};\n\t\t\t} )();\n\n\t\tif ( topHtml ) {\n\t\t\tvar floatSpaceTpl = new CKEDITOR.template(\n\t\t\t\t'' +\n\t\t\t\t\t( editor.title ? '{voiceLabel}' : ' ' ) +\n\t\t\t\t\t'' +\n\t\t\t\t\t\t'
{content}
' +\n\t\t\t\t\t'
{label}
' ),\n\t\t\treSingleQuote = /\\'/g,\n\t\t\tescapeSingleQuotes = function( str ) {\n\t\t\t\treturn str.replace( reSingleQuote, '\\\\\\'' );\n\t\t\t};\n\n\t\tCKEDITOR.ui.panel.prototype.addListBlock = function( name, definition ) {\n\t\t\treturn this.addBlock( name, new CKEDITOR.ui.listBlock( this.getHolderElement(), definition ) );\n\t\t};\n\n\t\tCKEDITOR.ui.listBlock = CKEDITOR.tools.createClass( {\n\t\t\tbase: CKEDITOR.ui.panel.block,\n\n\t\t\t$: function( blockHolder, blockDefinition ) {\n\t\t\t\tblockDefinition = blockDefinition || {};\n\n\t\t\t\tvar attribs = blockDefinition.attributes || ( blockDefinition.attributes = {} );\n\t\t\t\t( this.multiSelect = !!blockDefinition.multiSelect ) && ( attribs[ 'aria-multiselectable' ] = true );\n\t\t\t\t// Provide default role of 'listbox'.\n\t\t\t\t!attribs.role && ( attribs.role = 'listbox' );\n\n\t\t\t\t// Call the base contructor.\n\t\t\t\tthis.base.apply( this, arguments );\n\n\t\t\t\t// Set the proper a11y attributes.\n\t\t\t\tthis.element.setAttribute( 'role', attribs.role );\n\n\t\t\t\tvar keys = this.keys;\n\t\t\t\tkeys[ 40 ] = 'next'; // ARROW-DOWN\n\t\t\t\tkeys[ 9 ] = 'next'; // TAB\n\t\t\t\tkeys[ 38 ] = 'prev'; // ARROW-UP\n\t\t\t\tkeys[ CKEDITOR.SHIFT + 9 ] = 'prev'; // SHIFT + TAB\n\t\t\t\tkeys[ 32 ] = CKEDITOR.env.ie ? 'mouseup' : 'click'; // SPACE\n\t\t\t\tCKEDITOR.env.ie && ( keys[ 13 ] = 'mouseup' ); // Manage ENTER, since onclick is blocked in IE (http://dev.ckeditor.com/ticket/8041).\n\n\t\t\t\tthis._.pendingHtml = [];\n\t\t\t\tthis._.pendingList = [];\n\t\t\t\tthis._.items = {};\n\t\t\t\tthis._.groups = {};\n\t\t\t},\n\n\t\t\t_: {\n\t\t\t\tclose: function() {\n\t\t\t\t\tif ( this._.started ) {\n\t\t\t\t\t\tvar output = list.output( { items: this._.pendingList.join( '' ) } );\n\t\t\t\t\t\tthis._.pendingList = [];\n\t\t\t\t\t\tthis._.pendingHtml.push( output );\n\t\t\t\t\t\tdelete this._.started;\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\tgetClick: function() {\n\t\t\t\t\tif ( !this._.click ) {\n\t\t\t\t\t\tthis._.click = CKEDITOR.tools.addFunction( function( value ) {\n\t\t\t\t\t\t\tvar marked = this.toggle( value );\n\t\t\t\t\t\t\tif ( this.onClick )\n\t\t\t\t\t\t\t\tthis.onClick( value, marked );\n\t\t\t\t\t\t}, this );\n\t\t\t\t\t}\n\t\t\t\t\treturn this._.click;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tproto: {\n\t\t\t\tadd: function( value, html, title ) {\n\t\t\t\t\tvar id = CKEDITOR.tools.getNextId();\n\n\t\t\t\t\tif ( !this._.started ) {\n\t\t\t\t\t\tthis._.started = 1;\n\t\t\t\t\t\tthis._.size = this._.size || 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._.items[ value ] = id;\n\n\t\t\t\t\tvar data = {\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tval: escapeSingleQuotes( CKEDITOR.tools.htmlEncodeAttr( value ) ),\n\t\t\t\t\t\tonclick: CKEDITOR.env.ie ? 'onclick=\"return false;\" onmouseup' : 'onclick',\n\t\t\t\t\t\tclickFn: this._.getClick(),\n\t\t\t\t\t\ttitle: CKEDITOR.tools.htmlEncodeAttr( title || value ),\n\t\t\t\t\t\ttext: html || value\n\t\t\t\t\t};\n\n\t\t\t\t\tthis._.pendingList.push( listItem.output( data ) );\n\t\t\t\t},\n\n\t\t\t\tstartGroup: function( title ) {\n\t\t\t\t\tthis._.close();\n\n\t\t\t\t\tvar id = CKEDITOR.tools.getNextId();\n\n\t\t\t\t\tthis._.groups[ title ] = id;\n\n\t\t\t\t\tthis._.pendingHtml.push( listGroup.output( { id: id, label: title } ) );\n\t\t\t\t},\n\n\t\t\t\tcommit: function() {\n\t\t\t\t\tthis._.close();\n\t\t\t\t\tthis.element.appendHtml( this._.pendingHtml.join( '' ) );\n\t\t\t\t\tdelete this._.size;\n\n\t\t\t\t\tthis._.pendingHtml = [];\n\t\t\t\t},\n\n\t\t\t\ttoggle: function( value ) {\n\t\t\t\t\tvar isMarked = this.isMarked( value );\n\n\t\t\t\t\tif ( isMarked )\n\t\t\t\t\t\tthis.unmark( value );\n\t\t\t\t\telse\n\t\t\t\t\t\tthis.mark( value );\n\n\t\t\t\t\treturn !isMarked;\n\t\t\t\t},\n\n\t\t\t\thideGroup: function( groupTitle ) {\n\t\t\t\t\tvar group = this.element.getDocument().getById( this._.groups[ groupTitle ] ),\n\t\t\t\t\t\tlist = group && group.getNext();\n\n\t\t\t\t\tif ( group ) {\n\t\t\t\t\t\tgroup.setStyle( 'display', 'none' );\n\n\t\t\t\t\t\tif ( list && list.getName() == 'ul' )\n\t\t\t\t\t\t\tlist.setStyle( 'display', 'none' );\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\thideItem: function( value ) {\n\t\t\t\t\tthis.element.getDocument().getById( this._.items[ value ] ).setStyle( 'display', 'none' );\n\t\t\t\t},\n\n\t\t\t\tshowAll: function() {\n\t\t\t\t\tvar items = this._.items,\n\t\t\t\t\t\tgroups = this._.groups,\n\t\t\t\t\t\tdoc = this.element.getDocument();\n\n\t\t\t\t\tfor ( var value in items ) {\n\t\t\t\t\t\tdoc.getById( items[ value ] ).setStyle( 'display', '' );\n\t\t\t\t\t}\n\n\t\t\t\t\tfor ( var title in groups ) {\n\t\t\t\t\t\tvar group = doc.getById( groups[ title ] ),\n\t\t\t\t\t\t\tlist = group.getNext();\n\n\t\t\t\t\t\tgroup.setStyle( 'display', '' );\n\n\t\t\t\t\t\tif ( list && list.getName() == 'ul' )\n\t\t\t\t\t\t\tlist.setStyle( 'display', '' );\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\tmark: function( value ) {\n\t\t\t\t\tif ( !this.multiSelect )\n\t\t\t\t\t\tthis.unmarkAll();\n\n\t\t\t\t\tvar itemId = this._.items[ value ],\n\t\t\t\t\t\titem = this.element.getDocument().getById( itemId );\n\t\t\t\t\titem.addClass( 'cke_selected' );\n\n\t\t\t\t\tthis.element.getDocument().getById( itemId + '_option' ).setAttribute( 'aria-selected', true );\n\t\t\t\t\tthis.onMark && this.onMark( item );\n\t\t\t\t},\n\n\t\t\t\tmarkFirstDisplayed: function() {\n\t\t\t\t\tvar context = this;\n\t\t\t\t\tthis._.markFirstDisplayed( function() {\n\t\t\t\t\t\tif ( !context.multiSelect )\n\t\t\t\t\t\t\tcontext.unmarkAll();\n\t\t\t\t\t} );\n\t\t\t\t},\n\n\t\t\t\tunmark: function( value ) {\n\t\t\t\t\tvar doc = this.element.getDocument(),\n\t\t\t\t\t\titemId = this._.items[ value ],\n\t\t\t\t\t\titem = doc.getById( itemId );\n\n\t\t\t\t\titem.removeClass( 'cke_selected' );\n\t\t\t\t\tdoc.getById( itemId + '_option' ).removeAttribute( 'aria-selected' );\n\n\t\t\t\t\tthis.onUnmark && this.onUnmark( item );\n\t\t\t\t},\n\n\t\t\t\tunmarkAll: function() {\n\t\t\t\t\tvar items = this._.items,\n\t\t\t\t\t\tdoc = this.element.getDocument();\n\n\t\t\t\t\tfor ( var value in items ) {\n\t\t\t\t\t\tvar itemId = items[ value ];\n\n\t\t\t\t\t\tdoc.getById( itemId ).removeClass( 'cke_selected' );\n\t\t\t\t\t\tdoc.getById( itemId + '_option' ).removeAttribute( 'aria-selected' );\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.onUnmark && this.onUnmark();\n\t\t\t\t},\n\n\t\t\t\tisMarked: function( value ) {\n\t\t\t\t\treturn this.element.getDocument().getById( this._.items[ value ] ).hasClass( 'cke_selected' );\n\t\t\t\t},\n\n\t\t\t\tfocus: function( value ) {\n\t\t\t\t\tthis._.focusIndex = -1;\n\n\t\t\t\t\tvar links = this.element.getElementsByTag( 'a' ),\n\t\t\t\t\t\tlink,\n\t\t\t\t\t\tselected,\n\t\t\t\t\t\ti = -1;\n\n\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\tselected = this.element.getDocument().getById( this._.items[ value ] ).getFirst();\n\n\t\t\t\t\t\twhile ( ( link = links.getItem( ++i ) ) ) {\n\t\t\t\t\t\t\tif ( link.equals( selected ) ) {\n\t\t\t\t\t\t\t\tthis._.focusIndex = i;\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tthis.element.focus();\n\t\t\t\t\t}\n\n\t\t\t\t\tselected && setTimeout( function() {\n\t\t\t\t\t\tselected.focus();\n\t\t\t\t\t}, 0 );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n} );\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'richcombo', {\n\trequires: 'floatpanel,listblock,button',\n\n\tbeforeInit: function( editor ) {\n\t\teditor.ui.addHandler( CKEDITOR.UI_RICHCOMBO, CKEDITOR.ui.richCombo.handler );\n\t}\n} );\n\n( function() {\n\tvar template = '' +\n\t\t\t'{label}' +\n\t\t\t'' +\n\t\t\t'{label}' +\n\t\t\t'' +\n\t\t\t\t'' +\n\t\t\t\t// BLACK DOWN-POINTING TRIANGLE\n\t( CKEDITOR.env.hc ? '▼' : CKEDITOR.env.air ? ' ' : '' ) +\n\t\t\t\t'' +\n\t\t\t'' +\n\t\t'' +\n\t\t'';\n\n\tvar rcomboTpl = CKEDITOR.addTemplate( 'combo', template );\n\n\t/**\n\t * Button UI element.\n\t *\n\t * @readonly\n\t * @property {String} [='richcombo']\n\t * @member CKEDITOR\n\t */\n\tCKEDITOR.UI_RICHCOMBO = 'richcombo';\n\n\t/**\n\t * @class\n\t * @todo\n\t */\n\tCKEDITOR.ui.richCombo = CKEDITOR.tools.createClass( {\n\t\t$: function( definition ) {\n\t\t\t// Copy all definition properties to this object.\n\t\t\tCKEDITOR.tools.extend( this, definition,\n\t\t\t// Set defaults.\n\t\t\t{\n\t\t\t\t// The combo won't participate in toolbar grouping.\n\t\t\t\tcanGroup: false,\n\t\t\t\ttitle: definition.label,\n\t\t\t\tmodes: { wysiwyg: 1 },\n\t\t\t\teditorFocus: 1\n\t\t\t} );\n\n\t\t\t// We don't want the panel definition in this object.\n\t\t\tvar panelDefinition = this.panel || {};\n\t\t\tdelete this.panel;\n\n\t\t\tthis.id = CKEDITOR.tools.getNextNumber();\n\n\t\t\tthis.document = ( panelDefinition.parent && panelDefinition.parent.getDocument() ) || CKEDITOR.document;\n\n\t\t\tpanelDefinition.className = 'cke_combopanel';\n\t\t\tpanelDefinition.block = {\n\t\t\t\tmultiSelect: panelDefinition.multiSelect,\n\t\t\t\tattributes: panelDefinition.attributes\n\t\t\t};\n\t\t\tpanelDefinition.toolbarRelated = true;\n\n\t\t\tthis._ = {\n\t\t\t\tpanelDefinition: panelDefinition,\n\t\t\t\titems: {}\n\t\t\t};\n\t\t},\n\n\t\tproto: {\n\t\t\trenderHtml: function( editor ) {\n\t\t\t\tvar output = [];\n\t\t\t\tthis.render( editor, output );\n\t\t\t\treturn output.join( '' );\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Renders the combo.\n\t\t\t *\n\t\t\t * @param {CKEDITOR.editor} editor The editor instance which this button is\n\t\t\t * to be used by.\n\t\t\t * @param {Array} output The output array to which append the HTML relative\n\t\t\t * to this button.\n\t\t\t */\n\t\t\trender: function( editor, output ) {\n\t\t\t\tvar env = CKEDITOR.env;\n\n\t\t\t\tvar id = 'cke_' + this.id;\n\t\t\t\tvar clickFn = CKEDITOR.tools.addFunction( function( el ) {\n\t\t\t\t\t// Restore locked selection in Opera.\n\t\t\t\t\tif ( selLocked ) {\n\t\t\t\t\t\teditor.unlockSelection( 1 );\n\t\t\t\t\t\tselLocked = 0;\n\t\t\t\t\t}\n\t\t\t\t\tinstance.execute( el );\n\t\t\t\t}, this );\n\n\t\t\t\tvar combo = this;\n\t\t\t\tvar instance = {\n\t\t\t\t\tid: id,\n\t\t\t\t\tcombo: this,\n\t\t\t\t\tfocus: function() {\n\t\t\t\t\t\tvar element = CKEDITOR.document.getById( id ).getChild( 1 );\n\t\t\t\t\t\telement.focus();\n\t\t\t\t\t},\n\t\t\t\t\texecute: function( el ) {\n\t\t\t\t\t\tvar _ = combo._;\n\n\t\t\t\t\t\tif ( _.state == CKEDITOR.TRISTATE_DISABLED )\n\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\tcombo.createPanel( editor );\n\n\t\t\t\t\t\tif ( _.on ) {\n\t\t\t\t\t\t\t_.panel.hide();\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcombo.commit();\n\t\t\t\t\t\tvar value = combo.getValue();\n\t\t\t\t\t\tif ( value )\n\t\t\t\t\t\t\t_.list.mark( value );\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\t_.list.unmarkAll();\n\n\t\t\t\t\t\t_.panel.showBlock( combo.id, new CKEDITOR.dom.element( el ), 4 );\n\t\t\t\t\t},\n\t\t\t\t\tclickFn: clickFn\n\t\t\t\t};\n\n\t\t\t\tfunction updateState() {\n\t\t\t\t\t// Don't change state while richcombo is active (http://dev.ckeditor.com/ticket/11793).\n\t\t\t\t\tif ( this.getState() == CKEDITOR.TRISTATE_ON )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\tvar state = this.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED;\n\n\t\t\t\t\tif ( editor.readOnly && !this.readOnly )\n\t\t\t\t\t\tstate = CKEDITOR.TRISTATE_DISABLED;\n\n\t\t\t\t\tthis.setState( state );\n\t\t\t\t\tthis.setValue( '' );\n\n\t\t\t\t\t// Let plugin to disable button.\n\t\t\t\t\tif ( state != CKEDITOR.TRISTATE_DISABLED && this.refresh )\n\t\t\t\t\t\tthis.refresh();\n\t\t\t\t}\n\n\t\t\t\t// Update status when activeFilter, mode, selection or readOnly changes.\n\t\t\t\teditor.on( 'activeFilterChange', updateState, this );\n\t\t\t\teditor.on( 'mode', updateState, this );\n\t\t\t\teditor.on( 'selectionChange', updateState, this );\n\t\t\t\t// If this combo is sensitive to readOnly state, update it accordingly.\n\t\t\t\t!this.readOnly && editor.on( 'readOnly', updateState, this );\n\n\t\t\t\tvar keyDownFn = CKEDITOR.tools.addFunction( function( ev, element ) {\n\t\t\t\t\tev = new CKEDITOR.dom.event( ev );\n\n\t\t\t\t\tvar keystroke = ev.getKeystroke();\n\n\t\t\t\t\tswitch ( keystroke ) {\n\t\t\t\t\t\tcase 13: // ENTER\n\t\t\t\t\t\tcase 32: // SPACE\n\t\t\t\t\t\tcase 40: // ARROW-DOWN\n\t\t\t\t\t\t\t// Show panel\n\t\t\t\t\t\t\tCKEDITOR.tools.callFunction( clickFn, element );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t// Delegate the default behavior to toolbar button key handling.\n\t\t\t\t\t\t\tinstance.onkey( instance, keystroke );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Avoid subsequent focus grab on editor document.\n\t\t\t\t\tev.preventDefault();\n\t\t\t\t} );\n\n\t\t\t\tvar focusFn = CKEDITOR.tools.addFunction( function() {\n\t\t\t\t\tinstance.onfocus && instance.onfocus();\n\t\t\t\t} );\n\n\t\t\t\tvar selLocked = 0;\n\n\t\t\t\t// For clean up\n\t\t\t\tinstance.keyDownFn = keyDownFn;\n\n\t\t\t\tvar params = {\n\t\t\t\t\tid: id,\n\t\t\t\t\tname: this.name || this.command,\n\t\t\t\t\tlabel: this.label,\n\t\t\t\t\ttitle: this.title,\n\t\t\t\t\tcls: this.className || '',\n\t\t\t\t\ttitleJs: env.gecko && !env.hc ? '' : ( this.title || '' ).replace( \"'\", '' ),\n\t\t\t\t\tkeydownFn: keyDownFn,\n\t\t\t\t\tfocusFn: focusFn,\n\t\t\t\t\tclickFn: clickFn\n\t\t\t\t};\n\n\t\t\t\trcomboTpl.output( params, output );\n\n\t\t\t\tif ( this.onRender )\n\t\t\t\t\tthis.onRender();\n\n\t\t\t\treturn instance;\n\t\t\t},\n\n\t\t\tcreatePanel: function( editor ) {\n\t\t\t\tif ( this._.panel )\n\t\t\t\t\treturn;\n\n\t\t\t\tvar panelDefinition = this._.panelDefinition,\n\t\t\t\t\tpanelBlockDefinition = this._.panelDefinition.block,\n\t\t\t\t\tpanelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(),\n\t\t\t\t\tnamedPanelCls = 'cke_combopanel__' + this.name,\n\t\t\t\t\tpanel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ),\n\t\t\t\t\tlist = panel.addListBlock( this.id, panelBlockDefinition ),\n\t\t\t\t\tme = this;\n\n\t\t\t\tpanel.onShow = function() {\n\t\t\t\t\tthis.element.addClass( namedPanelCls );\n\n\t\t\t\t\tme.setState( CKEDITOR.TRISTATE_ON );\n\n\t\t\t\t\tme._.on = 1;\n\n\t\t\t\t\tme.editorFocus && !editor.focusManager.hasFocus && editor.focus();\n\n\t\t\t\t\tif ( me.onOpen )\n\t\t\t\t\t\tme.onOpen();\n\t\t\t\t};\n\n\t\t\t\tpanel.onHide = function( preventOnClose ) {\n\t\t\t\t\tthis.element.removeClass( namedPanelCls );\n\n\t\t\t\t\tme.setState( me.modes && me.modes[ editor.mode ] ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );\n\n\t\t\t\t\tme._.on = 0;\n\n\t\t\t\t\tif ( !preventOnClose && me.onClose )\n\t\t\t\t\t\tme.onClose();\n\t\t\t\t};\n\n\t\t\t\tpanel.onEscape = function() {\n\t\t\t\t\t// Hide drop-down with focus returned.\n\t\t\t\t\tpanel.hide( 1 );\n\t\t\t\t};\n\n\t\t\t\tlist.onClick = function( value, marked ) {\n\n\t\t\t\t\tif ( me.onClick )\n\t\t\t\t\t\tme.onClick.call( me, value, marked );\n\n\t\t\t\t\tpanel.hide();\n\t\t\t\t};\n\n\t\t\t\tthis._.panel = panel;\n\t\t\t\tthis._.list = list;\n\n\t\t\t\tpanel.getBlock( this.id ).onHide = function() {\n\t\t\t\t\tme._.on = 0;\n\t\t\t\t\tme.setState( CKEDITOR.TRISTATE_OFF );\n\t\t\t\t};\n\n\t\t\t\tif ( this.init )\n\t\t\t\t\tthis.init();\n\t\t\t},\n\n\t\t\tsetValue: function( value, text ) {\n\t\t\t\tthis._.value = value;\n\n\t\t\t\tvar textElement = this.document.getById( 'cke_' + this.id + '_text' );\n\t\t\t\tif ( textElement ) {\n\t\t\t\t\tif ( !( value || text ) ) {\n\t\t\t\t\t\ttext = this.label;\n\t\t\t\t\t\ttextElement.addClass( 'cke_combo_inlinelabel' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttextElement.removeClass( 'cke_combo_inlinelabel' );\n\t\t\t\t\t}\n\n\t\t\t\t\ttextElement.setText( typeof text != 'undefined' ? text : value );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tgetValue: function() {\n\t\t\t\treturn this._.value || '';\n\t\t\t},\n\n\t\t\tunmarkAll: function() {\n\t\t\t\tthis._.list.unmarkAll();\n\t\t\t},\n\n\t\t\tmark: function( value ) {\n\t\t\t\tthis._.list.mark( value );\n\t\t\t},\n\n\t\t\thideItem: function( value ) {\n\t\t\t\tthis._.list.hideItem( value );\n\t\t\t},\n\n\t\t\thideGroup: function( groupTitle ) {\n\t\t\t\tthis._.list.hideGroup( groupTitle );\n\t\t\t},\n\n\t\t\tshowAll: function() {\n\t\t\t\tthis._.list.showAll();\n\t\t\t},\n\n\t\t\tadd: function( value, html, text ) {\n\t\t\t\tthis._.items[ value ] = text || value;\n\t\t\t\tthis._.list.add( value, html, text );\n\t\t\t},\n\n\t\t\tstartGroup: function( title ) {\n\t\t\t\tthis._.list.startGroup( title );\n\t\t\t},\n\n\t\t\tcommit: function() {\n\t\t\t\tif ( !this._.committed ) {\n\t\t\t\t\tthis._.list.commit();\n\t\t\t\t\tthis._.committed = 1;\n\t\t\t\t\tCKEDITOR.ui.fire( 'ready', this );\n\t\t\t\t}\n\t\t\t\tthis._.committed = 1;\n\t\t\t},\n\n\t\t\tsetState: function( state ) {\n\t\t\t\tif ( this._.state == state )\n\t\t\t\t\treturn;\n\n\t\t\t\tvar el = this.document.getById( 'cke_' + this.id );\n\t\t\t\tel.setState( state, 'cke_combo' );\n\n\t\t\t\tstate == CKEDITOR.TRISTATE_DISABLED ?\n\t\t\t\t\tel.setAttribute( 'aria-disabled', true ) :\n\t\t\t\t\tel.removeAttribute( 'aria-disabled' );\n\n\t\t\t\tthis._.state = state;\n\t\t\t},\n\n\t\t\tgetState: function() {\n\t\t\t\treturn this._.state;\n\t\t\t},\n\n\t\t\tenable: function() {\n\t\t\t\tif ( this._.state == CKEDITOR.TRISTATE_DISABLED )\n\t\t\t\t\tthis.setState( this._.lastState );\n\t\t\t},\n\n\t\t\tdisable: function() {\n\t\t\t\tif ( this._.state != CKEDITOR.TRISTATE_DISABLED ) {\n\t\t\t\t\tthis._.lastState = this._.state;\n\t\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Represents richCombo handler object.\n\t\t *\n\t\t * @class CKEDITOR.ui.richCombo.handler\n\t\t * @singleton\n\t\t * @extends CKEDITOR.ui.handlerDefinition\n\t\t */\n\t\tstatics: {\n\t\t\thandler: {\n\t\t\t\t/**\n\t\t\t\t * Transforms a richCombo definition in a {@link CKEDITOR.ui.richCombo} instance.\n\t\t\t\t *\n\t\t\t\t * @param {Object} definition\n\t\t\t\t * @returns {CKEDITOR.ui.richCombo}\n\t\t\t\t */\n\t\t\t\tcreate: function( definition ) {\n\t\t\t\t\treturn new CKEDITOR.ui.richCombo( definition );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} );\n\n\t/**\n\t * @param {String} name\n\t * @param {Object} definition\n\t * @member CKEDITOR.ui\n\t * @todo\n\t */\n\tCKEDITOR.ui.prototype.addRichCombo = function( name, definition ) {\n\t\tthis.add( name, CKEDITOR.UI_RICHCOMBO, definition );\n\t};\n\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\tfunction addCombo( editor, comboName, styleType, lang, entries, defaultLabel, styleDefinition, order ) {\n\t\tvar config = editor.config,\n\t\t\tstyle = new CKEDITOR.style( styleDefinition );\n\n\t\t// Gets the list of fonts from the settings.\n\t\tvar names = entries.split( ';' ),\n\t\t\tvalues = [];\n\n\t\t// Create style objects for all fonts.\n\t\tvar styles = {};\n\t\tfor ( var i = 0; i < names.length; i++ ) {\n\t\t\tvar parts = names[ i ];\n\n\t\t\tif ( parts ) {\n\t\t\t\tparts = parts.split( '/' );\n\n\t\t\t\tvar vars = {},\n\t\t\t\t\tname = names[ i ] = parts[ 0 ];\n\n\t\t\t\tvars[ styleType ] = values[ i ] = parts[ 1 ] || name;\n\n\t\t\t\tstyles[ name ] = new CKEDITOR.style( styleDefinition, vars );\n\t\t\t\tstyles[ name ]._.definition.name = name;\n\t\t\t} else {\n\t\t\t\tnames.splice( i--, 1 );\n\t\t\t}\n\t\t}\n\n\t\teditor.ui.addRichCombo( comboName, {\n\t\t\tlabel: lang.label,\n\t\t\ttitle: lang.panelTitle,\n\t\t\ttoolbar: 'styles,' + order,\n\t\t\tallowedContent: style,\n\t\t\trequiredContent: style,\n\t\t\tcontentTransformations: [\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\telement: 'font',\n\t\t\t\t\t\tcheck: 'span',\n\t\t\t\t\t\tleft: function( element ) {\n\t\t\t\t\t\t\treturn !!element.attributes.size ||\n\t\t\t\t\t\t\t\t!!element.attributes.align ||\n\t\t\t\t\t\t\t\t!!element.attributes.face;\n\t\t\t\t\t\t},\n\t\t\t\t\t\tright: function( element ) {\n\t\t\t\t\t\t\tvar sizes = [\n\t\t\t\t\t\t\t\t'', // Non-existent size \"0\"\n\t\t\t\t\t\t\t\t'x-small',\n\t\t\t\t\t\t\t\t'small',\n\t\t\t\t\t\t\t\t'medium',\n\t\t\t\t\t\t\t\t'large',\n\t\t\t\t\t\t\t\t'x-large',\n\t\t\t\t\t\t\t\t'xx-large',\n\t\t\t\t\t\t\t\t'48px' // Closest value to what size=\"7\" might mean.\n\t\t\t\t\t\t\t];\n\n\t\t\t\t\t\t\telement.name = 'span';\n\n\t\t\t\t\t\t\tif ( element.attributes.size ) {\n\t\t\t\t\t\t\t\telement.styles[ 'font-size' ] = sizes[ element.attributes.size ];\n\t\t\t\t\t\t\t\tdelete element.attributes.size;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif ( element.attributes.align ) {\n\t\t\t\t\t\t\t\telement.styles[ 'text-align' ] = element.attributes.align;\n\t\t\t\t\t\t\t\tdelete element.attributes.align;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif ( element.attributes.face ) {\n\t\t\t\t\t\t\t\telement.styles[ 'font-family' ] = element.attributes.face;\n\t\t\t\t\t\t\t\tdelete element.attributes.face;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t],\n\t\t\tpanel: {\n\t\t\t\tcss: [ CKEDITOR.skin.getPath( 'editor' ) ].concat( config.contentsCss ),\n\t\t\t\tmultiSelect: false,\n\t\t\t\tattributes: { 'aria-label': lang.panelTitle }\n\t\t\t},\n\n\t\t\tinit: function() {\n\t\t\t\tthis.startGroup( lang.panelTitle );\n\n\t\t\t\tfor ( var i = 0; i < names.length; i++ ) {\n\t\t\t\t\tvar name = names[ i ];\n\n\t\t\t\t\t// Add the tag entry to the panel list.\n\t\t\t\t\tthis.add( name, styles[ name ].buildPreview(), name );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tonClick: function( value ) {\n\t\t\t\teditor.focus();\n\t\t\t\teditor.fire( 'saveSnapshot' );\n\n\t\t\t\tvar previousValue = this.getValue(),\n\t\t\t\t\tstyle = styles[ value ];\n\n\t\t\t\t// When applying one style over another, first remove the previous one (http://dev.ckeditor.com/ticket/12403).\n\t\t\t\t// NOTE: This is only a temporary fix. It will be moved to the styles system (http://dev.ckeditor.com/ticket/12687).\n\t\t\t\tif ( previousValue && value != previousValue ) {\n\t\t\t\t\tvar previousStyle = styles[ previousValue ],\n\t\t\t\t\t\trange = editor.getSelection().getRanges()[ 0 ];\n\n\t\t\t\t\t// If the range is collapsed we can't simply use the editor.removeStyle method\n\t\t\t\t\t// because it will remove the entire element and we want to split it instead.\n\t\t\t\t\tif ( range.collapsed ) {\n\t\t\t\t\t\tvar path = editor.elementPath(),\n\t\t\t\t\t\t\t// Find the style element.\n\t\t\t\t\t\t\tmatching = path.contains( function( el ) {\n\t\t\t\t\t\t\t\treturn previousStyle.checkElementRemovable( el );\n\t\t\t\t\t\t\t} );\n\n\t\t\t\t\t\tif ( matching ) {\n\t\t\t\t\t\t\tvar startBoundary = range.checkBoundaryOfElement( matching, CKEDITOR.START ),\n\t\t\t\t\t\t\t\tendBoundary = range.checkBoundaryOfElement( matching, CKEDITOR.END ),\n\t\t\t\t\t\t\t\tnode, bm;\n\n\t\t\t\t\t\t\t// If we are at both boundaries it means that the element is empty.\n\t\t\t\t\t\t\t// Remove it but in a way that we won't lose other empty inline elements inside it.\n\t\t\t\t\t\t\t// Example: x[]x
\n\t\t\t\t\t\t\t// Result: x[]x
\n\t\t\t\t\t\t\tif ( startBoundary && endBoundary ) {\n\t\t\t\t\t\t\t\tbm = range.createBookmark();\n\t\t\t\t\t\t\t\t// Replace the element with its children (TODO element.replaceWithChildren).\n\t\t\t\t\t\t\t\twhile ( ( node = matching.getFirst() ) ) {\n\t\t\t\t\t\t\t\t\tnode.insertBefore( matching );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmatching.remove();\n\t\t\t\t\t\t\t\trange.moveToBookmark( bm );\n\n\t\t\t\t\t\t\t// If we are at the boundary of the style element, move out and copy nested styles/elements.\n\t\t\t\t\t\t\t} else if ( startBoundary || endBoundary ) {\n\t\t\t\t\t\t\t\trange.moveToPosition( matching, startBoundary ? CKEDITOR.POSITION_BEFORE_START : CKEDITOR.POSITION_AFTER_END );\n\t\t\t\t\t\t\t\tcloneSubtreeIntoRange( range, path.elements.slice(), matching );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// Split the element and clone the elements that were in the path\n\t\t\t\t\t\t\t\t// (between the startContainer and the matching element)\n\t\t\t\t\t\t\t\t// into the new place.\n\t\t\t\t\t\t\t\trange.splitElement( matching );\n\t\t\t\t\t\t\t\trange.moveToPosition( matching, CKEDITOR.POSITION_AFTER_END );\n\t\t\t\t\t\t\t\tcloneSubtreeIntoRange( range, path.elements.slice(), matching );\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\teditor.getSelection().selectRanges( [ range ] );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\teditor.removeStyle( previousStyle );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\teditor[ previousValue == value ? 'removeStyle' : 'applyStyle' ]( style );\n\n\t\t\t\teditor.fire( 'saveSnapshot' );\n\t\t\t},\n\n\t\t\tonRender: function() {\n\t\t\t\teditor.on( 'selectionChange', function( ev ) {\n\t\t\t\t\tvar currentValue = this.getValue();\n\n\t\t\t\t\tvar elementPath = ev.data.path,\n\t\t\t\t\t\telements = elementPath.elements;\n\n\t\t\t\t\t// For each element into the elements path.\n\t\t\t\t\tfor ( var i = 0, element; i < elements.length; i++ ) {\n\t\t\t\t\t\telement = elements[ i ];\n\n\t\t\t\t\t\t// Check if the element is removable by any of\n\t\t\t\t\t\t// the styles.\n\t\t\t\t\t\tfor ( var value in styles ) {\n\t\t\t\t\t\t\tif ( styles[ value ].checkElementMatch( element, true, editor ) ) {\n\t\t\t\t\t\t\t\tif ( value != currentValue )\n\t\t\t\t\t\t\t\t\tthis.setValue( value );\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// If no styles match, just empty it.\n\t\t\t\t\tthis.setValue( '', defaultLabel );\n\t\t\t\t}, this );\n\t\t\t},\n\n\t\t\trefresh: function() {\n\t\t\t\tif ( !editor.activeFilter.check( style ) )\n\t\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t\t}\n\t\t} );\n\t}\n\n\t// Clones the subtree between subtreeStart (exclusive) and the\n\t// leaf (inclusive) and inserts it into the range.\n\t//\n\t// @param range\n\t// @param {CKEDITOR.dom.element[]} elements Elements path in the standard order: leaf -> root.\n\t// @param {CKEDITOR.dom.element/null} substreeStart The start of the subtree.\n\t// If null, then the leaf belongs to the subtree.\n\tfunction cloneSubtreeIntoRange( range, elements, subtreeStart ) {\n\t\tvar current = elements.pop();\n\t\tif ( !current ) {\n\t\t\treturn;\n\t\t}\n\t\t// Rewind the elements array up to the subtreeStart and then start the real cloning.\n\t\tif ( subtreeStart ) {\n\t\t\treturn cloneSubtreeIntoRange( range, elements, current.equals( subtreeStart ) ? null : subtreeStart );\n\t\t}\n\n\t\tvar clone = current.clone();\n\t\trange.insertNode( clone );\n\t\trange.moveToPosition( clone, CKEDITOR.POSITION_AFTER_START );\n\n\t\tcloneSubtreeIntoRange( range, elements );\n\t}\n\n\tCKEDITOR.plugins.add( 'font', {\n\t\trequires: 'richcombo',\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\tvar config = editor.config;\n\n\t\t\taddCombo( editor, 'Font', 'family', editor.lang.font, config.font_names, config.font_defaultLabel, config.font_style, 30 );\n\t\t\taddCombo( editor, 'FontSize', 'size', editor.lang.font.fontSize, config.fontSize_sizes, config.fontSize_defaultLabel, config.fontSize_style, 40 );\n\t\t}\n\t} );\n} )();\n\n/**\n * The list of fonts names to be displayed in the Font combo in the toolbar.\n * Entries are separated by semi-colons (`';'`), while it's possible to have more\n * than one font for each entry, in the HTML way (separated by comma).\n *\n * A display name may be optionally defined by prefixing the entries with the\n * name and the slash character. For example, `'Arial/Arial, Helvetica, sans-serif'`\n * will be displayed as `'Arial'` in the list, but will be outputted as\n * `'Arial, Helvetica, sans-serif'`.\n *\n *\t\tconfig.font_names =\n *\t\t\t'Arial/Arial, Helvetica, sans-serif;' +\n *\t\t\t'Times New Roman/Times New Roman, Times, serif;' +\n *\t\t\t'Verdana';\n *\n *\t\tconfig.font_names = 'Arial;Times New Roman;Verdana';\n *\n * @cfg {String} [font_names=see source]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.font_names = 'Arial/Arial, Helvetica, sans-serif;' +\n\t'Comic Sans MS/Comic Sans MS, cursive;' +\n\t'Courier New/Courier New, Courier, monospace;' +\n\t'Georgia/Georgia, serif;' +\n\t'Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;' +\n\t'Tahoma/Tahoma, Geneva, sans-serif;' +\n\t'Times New Roman/Times New Roman, Times, serif;' +\n\t'Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;' +\n\t'Verdana/Verdana, Geneva, sans-serif';\n\n/**\n * The text to be displayed in the Font combo is none of the available values\n * matches the current cursor position or text selection.\n *\n *\t\t// If the default site font is Arial, we may making it more explicit to the end user.\n *\t\tconfig.font_defaultLabel = 'Arial';\n *\n * @cfg {String} [font_defaultLabel='']\n * @member CKEDITOR.config\n */\nCKEDITOR.config.font_defaultLabel = '';\n\n/**\n * The style definition to be used to apply the font in the text.\n *\n *\t\t// This is actually the default value for it.\n *\t\tconfig.font_style = {\n *\t\t\telement:\t\t'span',\n *\t\t\tstyles:\t\t\t{ 'font-family': '#(family)' },\n *\t\t\toverrides:\t\t[ { element: 'font', attributes: { 'face': null } } ]\n * };\n *\n * @cfg {Object} [font_style=see example]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.font_style = {\n\telement: 'span',\n\tstyles: { 'font-family': '#(family)' },\n\toverrides: [ {\n\t\telement: 'font', attributes: { 'face': null }\n\t} ]\n};\n\n/**\n * The list of fonts size to be displayed in the Font Size combo in the\n * toolbar. Entries are separated by semi-colons (`';'`).\n *\n * Any kind of \"CSS like\" size can be used, like `'12px'`, `'2.3em'`, `'130%'`,\n * `'larger'` or `'x-small'`.\n *\n * A display name may be optionally defined by prefixing the entries with the\n * name and the slash character. For example, `'Bigger Font/14px'` will be\n * displayed as `'Bigger Font'` in the list, but will be outputted as `'14px'`.\n *\n *\t\tconfig.fontSize_sizes = '16/16px;24/24px;48/48px;';\n *\n *\t\tconfig.fontSize_sizes = '12px;2.3em;130%;larger;x-small';\n *\n *\t\tconfig.fontSize_sizes = '12 Pixels/12px;Big/2.3em;30 Percent More/130%;Bigger/larger;Very Small/x-small';\n *\n * @cfg {String} [fontSize_sizes=see source]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.fontSize_sizes = '8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px';\n\n/**\n * The text to be displayed in the Font Size combo is none of the available\n * values matches the current cursor position or text selection.\n *\n *\t\t// If the default site font size is 12px, we may making it more explicit to the end user.\n *\t\tconfig.fontSize_defaultLabel = '12px';\n *\n * @cfg {String} [fontSize_defaultLabel='']\n * @member CKEDITOR.config\n */\nCKEDITOR.config.fontSize_defaultLabel = '';\n\n/**\n * The style definition to be used to apply the font size in the text.\n *\n *\t\t// This is actually the default value for it.\n *\t\tconfig.fontSize_style = {\n *\t\t\telement:\t\t'span',\n *\t\t\tstyles:\t\t\t{ 'font-size': '#(size)' },\n *\t\t\toverrides:\t\t[ { element: 'font', attributes: { 'size': null } } ]\n *\t\t};\n *\n * @cfg {Object} [fontSize_style=see example]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.fontSize_style = {\n\telement: 'span',\n\tstyles: { 'font-size': '#(size)' },\n\toverrides: [ {\n\t\telement: 'font', attributes: { 'size': null }\n\t} ]\n};\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'format', {\n\trequires: 'richcombo',\n\t// jscs:disable maximumLineLength\n\t// jscs:enable maximumLineLength\n\tinit: function( editor ) {\n\t\tif ( editor.blockless )\n\t\t\treturn;\n\n\t\tvar config = editor.config,\n\t\t\tlang = editor.lang.format;\n\n\t\t// Gets the list of tags from the settings.\n\t\tvar tags = config.format_tags.split( ';' );\n\n\t\t// Create style objects for all defined styles.\n\t\tvar styles = {},\n\t\t\tstylesCount = 0,\n\t\t\tallowedContent = [];\n\t\tfor ( var i = 0; i < tags.length; i++ ) {\n\t\t\tvar tag = tags[ i ];\n\t\t\tvar style = new CKEDITOR.style( config[ 'format_' + tag ] );\n\t\t\tif ( !editor.filter.customConfig || editor.filter.check( style ) ) {\n\t\t\t\tstylesCount++;\n\t\t\t\tstyles[ tag ] = style;\n\t\t\t\tstyles[ tag ]._.enterMode = editor.config.enterMode;\n\t\t\t\tallowedContent.push( style );\n\t\t\t}\n\t\t}\n\n\t\t// Hide entire combo when all formats are rejected.\n\t\tif ( stylesCount === 0 )\n\t\t\treturn;\n\n\t\teditor.ui.addRichCombo( 'Format', {\n\t\t\tlabel: lang.label,\n\t\t\ttitle: lang.panelTitle,\n\t\t\ttoolbar: 'styles,20',\n\t\t\tallowedContent: allowedContent,\n\n\t\t\tpanel: {\n\t\t\t\tcss: [ CKEDITOR.skin.getPath( 'editor' ) ].concat( config.contentsCss ),\n\t\t\t\tmultiSelect: false,\n\t\t\t\tattributes: { 'aria-label': lang.panelTitle }\n\t\t\t},\n\n\t\t\tinit: function() {\n\t\t\t\tthis.startGroup( lang.panelTitle );\n\n\t\t\t\tfor ( var tag in styles ) {\n\t\t\t\t\tvar label = lang[ 'tag_' + tag ];\n\n\t\t\t\t\t// Add the tag entry to the panel list.\n\t\t\t\t\tthis.add( tag, styles[ tag ].buildPreview( label ), label );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tonClick: function( value ) {\n\t\t\t\teditor.focus();\n\t\t\t\teditor.fire( 'saveSnapshot' );\n\n\t\t\t\tvar style = styles[ value ],\n\t\t\t\t\telementPath = editor.elementPath();\n\n\t\t\t\teditor[ style.checkActive( elementPath, editor ) ? 'removeStyle' : 'applyStyle' ]( style );\n\n\t\t\t\t// Save the undo snapshot after all changes are affected. (http://dev.ckeditor.com/ticket/4899)\n\t\t\t\tsetTimeout( function() {\n\t\t\t\t\teditor.fire( 'saveSnapshot' );\n\t\t\t\t}, 0 );\n\t\t\t},\n\n\t\t\tonRender: function() {\n\t\t\t\teditor.on( 'selectionChange', function( ev ) {\n\t\t\t\t\tvar currentTag = this.getValue(),\n\t\t\t\t\t\telementPath = ev.data.path;\n\n\t\t\t\t\tthis.refresh();\n\n\t\t\t\t\tfor ( var tag in styles ) {\n\t\t\t\t\t\tif ( styles[ tag ].checkActive( elementPath, editor ) ) {\n\t\t\t\t\t\t\tif ( tag != currentTag )\n\t\t\t\t\t\t\t\tthis.setValue( tag, editor.lang.format[ 'tag_' + tag ] );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// If no styles match, just empty it.\n\t\t\t\t\tthis.setValue( '' );\n\n\t\t\t\t}, this );\n\t\t\t},\n\n\t\t\tonOpen: function() {\n\t\t\t\tthis.showAll();\n\t\t\t\tfor ( var name in styles ) {\n\t\t\t\t\tvar style = styles[ name ];\n\n\t\t\t\t\t// Check if that style is enabled in activeFilter.\n\t\t\t\t\tif ( !editor.activeFilter.check( style ) )\n\t\t\t\t\t\tthis.hideItem( name );\n\n\t\t\t\t}\n\t\t\t},\n\n\t\t\trefresh: function() {\n\t\t\t\tvar elementPath = editor.elementPath();\n\n\t\t\t\tif ( !elementPath )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t// Check if element path contains 'p' element.\n\t\t\t\tif ( !elementPath.isContextFor( 'p' ) ) {\n\t\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Check if there is any available style.\n\t\t\t\tfor ( var name in styles ) {\n\t\t\t\t\tif ( editor.activeFilter.check( styles[ name ] ) )\n\t\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t\t}\n\t\t} );\n\t}\n} );\n\n/**\n * A list of semicolon-separated style names (by default: tags) representing\n * the style definition for each entry to be displayed in the Format drop-down list\n * in the toolbar. Each entry must have a corresponding configuration in a\n * setting named `'format_(tagName)'`. For example, the `'p'` entry has its\n * definition taken from [config.format_p](#!/api/CKEDITOR.config-cfg-format_p).\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_tags = 'p;h2;h3;pre';\n *\n * @cfg {String} [format_tags='p;h1;h2;h3;h4;h5;h6;pre;address;div']\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div';\n\n/**\n * The style definition to be used to apply the `Normal` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_p = { element: 'p', attributes: { 'class': 'normalPara' } };\n *\n * @cfg {Object} [format_p={ element: 'p' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_p = { element: 'p' };\n\n/**\n * The style definition to be used to apply the `Normal (DIV)` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_div = { element: 'div', attributes: { 'class': 'normalDiv' } };\n *\n * @cfg {Object} [format_div={ element: 'div' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_div = { element: 'div' };\n\n/**\n * The style definition to be used to apply the `Formatted` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_pre = { element: 'pre', attributes: { 'class': 'code' } };\n *\n * @cfg {Object} [format_pre={ element: 'pre' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_pre = { element: 'pre' };\n\n/**\n * The style definition to be used to apply the `Address` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_address = { element: 'address', attributes: { 'class': 'styledAddress' } };\n *\n * @cfg {Object} [format_address={ element: 'address' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_address = { element: 'address' };\n\n/**\n * The style definition to be used to apply the `Heading 1` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_h1 = { element: 'h1', attributes: { 'class': 'contentTitle1' } };\n *\n * @cfg {Object} [format_h1={ element: 'h1' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_h1 = { element: 'h1' };\n\n/**\n * The style definition to be used to apply the `Heading 2` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_h2 = { element: 'h2', attributes: { 'class': 'contentTitle2' } };\n *\n * @cfg {Object} [format_h2={ element: 'h2' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_h2 = { element: 'h2' };\n\n/**\n * The style definition to be used to apply the `Heading 3` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_h3 = { element: 'h3', attributes: { 'class': 'contentTitle3' } };\n *\n * @cfg {Object} [format_h3={ element: 'h3' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_h3 = { element: 'h3' };\n\n/**\n * The style definition to be used to apply the `Heading 4` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_h4 = { element: 'h4', attributes: { 'class': 'contentTitle4' } };\n *\n * @cfg {Object} [format_h4={ element: 'h4' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_h4 = { element: 'h4' };\n\n/**\n * The style definition to be used to apply the `Heading 5` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_h5 = { element: 'h5', attributes: { 'class': 'contentTitle5' } };\n *\n * @cfg {Object} [format_h5={ element: 'h5' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_h5 = { element: 'h5' };\n\n/**\n * The style definition to be used to apply the `Heading 6` format.\n *\n * Read more in the [documentation](#!/guide/dev_format)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\n *\n *\t\tconfig.format_h6 = { element: 'h6', attributes: { 'class': 'contentTitle6' } };\n *\n * @cfg {Object} [format_h6={ element: 'h6' }]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.format_h6 = { element: 'h6' };\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview Horizontal Rule plugin.\n */\n\n( function() {\n\tvar horizontalruleCmd = {\n\t\tcanUndo: false, // The undo snapshot will be handled by 'insertElement'.\n\t\texec: function( editor ) {\n\t\t\tvar hr = editor.document.createElement( 'hr' );\n\t\t\teditor.insertElement( hr );\n\t\t},\n\n\t\tallowedContent: 'hr',\n\t\trequiredContent: 'hr'\n\t};\n\n\tvar pluginName = 'horizontalrule';\n\n\t// Register a plugin named \"horizontalrule\".\n\tCKEDITOR.plugins.add( pluginName, {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\tif ( editor.blockless )\n\t\t\t\treturn;\n\n\t\t\teditor.addCommand( pluginName, horizontalruleCmd );\n\t\t\teditor.ui.addButton && editor.ui.addButton( 'HorizontalRule', {\n\t\t\t\tlabel: editor.lang.horizontalrule.toolbar,\n\t\t\t\tcommand: pluginName,\n\t\t\t\ttoolbar: 'insert,40'\n\t\t\t} );\n\t\t}\n\t} );\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'htmlwriter', {\n\tinit: function( editor ) {\n\t\tvar writer = new CKEDITOR.htmlWriter();\n\n\t\twriter.forceSimpleAmpersand = editor.config.forceSimpleAmpersand;\n\t\twriter.indentationChars = editor.config.dataIndentationChars || '\\t';\n\n\t\t// Overwrite default basicWriter initialized in hmtlDataProcessor constructor.\n\t\teditor.dataProcessor.writer = writer;\n\t}\n} );\n\n/**\n * The class used to write HTML data.\n *\n *\t\tvar writer = new CKEDITOR.htmlWriter();\n *\t\twriter.openTag( 'p' );\n *\t\twriter.attribute( 'class', 'MyClass' );\n *\t\twriter.openTagClose( 'p' );\n *\t\twriter.text( 'Hello' );\n *\t\twriter.closeTag( 'p' );\n *\t\talert( writer.getHtml() ); // 'Hello
'\n *\n * @class\n * @extends CKEDITOR.htmlParser.basicWriter\n */\nCKEDITOR.htmlWriter = CKEDITOR.tools.createClass( {\n\tbase: CKEDITOR.htmlParser.basicWriter,\n\n\t/**\n\t * Creates an `htmlWriter` class instance.\n\t *\n\t * @constructor\n\t */\n\t$: function() {\n\t\t// Call the base contructor.\n\t\tthis.base();\n\n\t\t/**\n\t\t * The characters to be used for each indentation step.\n\t\t *\n\t\t *\t\t// Use tab for indentation.\n\t\t *\t\teditorInstance.dataProcessor.writer.indentationChars = '\\t';\n\t\t */\n\t\tthis.indentationChars = '\\t';\n\n\t\t/**\n\t\t * The characters to be used to close \"self-closing\" elements, like `
` or `![]()
`.\n\t\t *\n\t\t *\t\t// Use HTML4 notation for self-closing elements.\n\t\t *\t\teditorInstance.dataProcessor.writer.selfClosingEnd = '>';\n\t\t */\n\t\tthis.selfClosingEnd = ' />';\n\n\t\t/**\n\t\t * The characters to be used for line breaks.\n\t\t *\n\t\t *\t\t// Use CRLF for line breaks.\n\t\t *\t\teditorInstance.dataProcessor.writer.lineBreakChars = '\\r\\n';\n\t\t */\n\t\tthis.lineBreakChars = '\\n';\n\n\t\tthis.sortAttributes = 1;\n\n\t\tthis._.indent = 0;\n\t\tthis._.indentation = '';\n\t\t// Indicate preformatted block context status. (http://dev.ckeditor.com/ticket/5789)\n\t\tthis._.inPre = 0;\n\t\tthis._.rules = {};\n\n\t\tvar dtd = CKEDITOR.dtd;\n\n\t\tfor ( var e in CKEDITOR.tools.extend( {}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent ) ) {\n\t\t\tthis.setRules( e, {\n\t\t\t\tindent: !dtd[ e ][ '#' ],\n\t\t\t\tbreakBeforeOpen: 1,\n\t\t\t\tbreakBeforeClose: !dtd[ e ][ '#' ],\n\t\t\t\tbreakAfterClose: 1,\n\t\t\t\tneedsSpace: ( e in dtd.$block ) && !( e in { li: 1, dt: 1, dd: 1 } )\n\t\t\t} );\n\t\t}\n\n\t\tthis.setRules( 'br', { breakAfterOpen: 1 } );\n\n\t\tthis.setRules( 'title', {\n\t\t\tindent: 0,\n\t\t\tbreakAfterOpen: 0\n\t\t} );\n\n\t\tthis.setRules( 'style', {\n\t\t\tindent: 0,\n\t\t\tbreakBeforeClose: 1\n\t\t} );\n\n\t\tthis.setRules( 'pre', {\n\t\t\tbreakAfterOpen: 1, // Keep line break after the opening tag\n\t\t\tindent: 0 // Disable indentation on .\n\t\t} );\n\t},\n\n\tproto: {\n\t\t/**\n\t\t * Writes the tag opening part for an opener tag.\n\t\t *\n\t\t *\t\t// Writes ''.\n\t\t *\t\twriter.openTagClose( 'p', false );\n\t\t *\n\t\t *\t\t// Writes ' />'.\n\t\t *\t\twriter.openTagClose( 'br', true );\n\t\t *\n\t\t * @param {String} tagName The element name for this tag.\n\t\t * @param {Boolean} isSelfClose Indicates that this is a self-closing tag,\n\t\t * like `
` or `![]()
`.\n\t\t */\n\t\topenTagClose: function( tagName, isSelfClose ) {\n\t\t\tvar rules = this._.rules[ tagName ];\n\n\t\t\tif ( isSelfClose ) {\n\t\t\t\tthis._.output.push( this.selfClosingEnd );\n\n\t\t\t\tif ( rules && rules.breakAfterClose )\n\t\t\t\t\tthis._.needsSpace = rules.needsSpace;\n\t\t\t} else {\n\t\t\t\tthis._.output.push( '>' );\n\n\t\t\t\tif ( rules && rules.indent )\n\t\t\t\t\tthis._.indentation += this.indentationChars;\n\t\t\t}\n\n\t\t\tif ( rules && rules.breakAfterOpen )\n\t\t\t\tthis.lineBreak();\n\t\t\ttagName == 'pre' && ( this._.inPre = 1 );\n\t\t},\n\n\t\t/**\n\t\t * Writes an attribute. This function should be called after opening the\n\t\t * tag with {@link #openTagClose}.\n\t\t *\n\t\t *\t\t// Writes ' class=\"MyClass\"'.\n\t\t *\t\twriter.attribute( 'class', 'MyClass' );\n\t\t *\n\t\t * @param {String} attName The attribute name.\n\t\t * @param {String} attValue The attribute value.\n\t\t */\n\t\tattribute: function( attName, attValue ) {\n\n\t\t\tif ( typeof attValue == 'string' ) {\n\t\t\t\tthis.forceSimpleAmpersand && ( attValue = attValue.replace( /&/g, '&' ) );\n\t\t\t\t// Browsers don't always escape special character in attribute values. (http://dev.ckeditor.com/ticket/4683, http://dev.ckeditor.com/ticket/4719).\n\t\t\t\tattValue = CKEDITOR.tools.htmlEncodeAttr( attValue );\n\t\t\t}\n\n\t\t\tthis._.output.push( ' ', attName, '=\"', attValue, '\"' );\n\t\t},\n\n\t\t/**\n\t\t * Writes a closer tag.\n\t\t *\n\t\t *\t\t// Writes '
'.\n\t\t *\t\twriter.closeTag( 'p' );\n\t\t *\n\t\t * @param {String} tagName The element name for this tag.\n\t\t */\n\t\tcloseTag: function( tagName ) {\n\t\t\tvar rules = this._.rules[ tagName ];\n\n\t\t\tif ( rules && rules.indent )\n\t\t\t\tthis._.indentation = this._.indentation.substr( this.indentationChars.length );\n\n\t\t\tif ( this._.indent )\n\t\t\t\tthis.indentation();\n\t\t\t// Do not break if indenting.\n\t\t\telse if ( rules && rules.breakBeforeClose ) {\n\t\t\t\tthis.lineBreak();\n\t\t\t\tthis.indentation();\n\t\t\t}\n\n\t\t\tthis._.output.push( '' );\n\t\t\ttagName == 'pre' && ( this._.inPre = 0 );\n\n\t\t\tif ( rules && rules.breakAfterClose ) {\n\t\t\t\tthis.lineBreak();\n\t\t\t\tthis._.needsSpace = rules.needsSpace;\n\t\t\t}\n\n\t\t\tthis._.afterCloser = 1;\n\t\t},\n\n\t\t/**\n\t\t * Writes text.\n\t\t *\n\t\t *\t\t// Writes 'Hello Word'.\n\t\t *\t\twriter.text( 'Hello Word' );\n\t\t *\n\t\t * @param {String} text The text value\n\t\t */\n\t\ttext: function( text ) {\n\t\t\tif ( this._.indent ) {\n\t\t\t\tthis.indentation();\n\t\t\t\t!this._.inPre && ( text = CKEDITOR.tools.ltrim( text ) );\n\t\t\t}\n\n\t\t\tthis._.output.push( text );\n\t\t},\n\n\t\t/**\n\t\t * Writes a comment.\n\t\t *\n\t\t *\t\t// Writes \"\".\n\t\t *\t\twriter.comment( ' My comment ' );\n\t\t *\n\t\t * @param {String} comment The comment text.\n\t\t */\n\t\tcomment: function( comment ) {\n\t\t\tif ( this._.indent )\n\t\t\t\tthis.indentation();\n\n\t\t\tthis._.output.push( '' );\n\t\t},\n\n\t\t/**\n\t\t * Writes a line break. It uses the {@link #lineBreakChars} property for it.\n\t\t *\n\t\t *\t\t// Writes '\\n' (e.g.).\n\t\t *\t\twriter.lineBreak();\n\t\t */\n\t\tlineBreak: function() {\n\t\t\tif ( !this._.inPre && this._.output.length > 0 )\n\t\t\t\tthis._.output.push( this.lineBreakChars );\n\t\t\tthis._.indent = 1;\n\t\t},\n\n\t\t/**\n\t\t * Writes the current indentation character. It uses the {@link #indentationChars}\n\t\t * property, repeating it for the current indentation steps.\n\t\t *\n\t\t *\t\t// Writes '\\t' (e.g.).\n\t\t *\t\twriter.indentation();\n\t\t */\n\t\tindentation: function() {\n\t\t\tif ( !this._.inPre && this._.indentation )\n\t\t\t\tthis._.output.push( this._.indentation );\n\t\t\tthis._.indent = 0;\n\t\t},\n\n\t\t/**\n\t\t * Empties the current output buffer. It also brings back the default\n\t\t * values of the writer flags.\n\t\t *\n\t\t *\t\twriter.reset();\n\t\t */\n\t\treset: function() {\n\t\t\tthis._.output = [];\n\t\t\tthis._.indent = 0;\n\t\t\tthis._.indentation = '';\n\t\t\tthis._.afterCloser = 0;\n\t\t\tthis._.inPre = 0;\n\t\t\tthis._.needsSpace = 0;\n\t\t},\n\n\t\t/**\n\t\t * Sets formatting rules for a given element. Possible rules are:\n\t\t *\n\t\t * * `indent` – indent the element content.\n\t\t * * `breakBeforeOpen` – break line before the opener tag for this element.\n\t\t * * `breakAfterOpen` – break line after the opener tag for this element.\n\t\t * * `breakBeforeClose` – break line before the closer tag for this element.\n\t\t * * `breakAfterClose` – break line after the closer tag for this element.\n\t\t *\n\t\t * All rules default to `false`. Each function call overrides rules that are\n\t\t * already present, leaving the undefined ones untouched.\n\t\t *\n\t\t * By default, all elements available in the {@link CKEDITOR.dtd#$block},\n\t\t * {@link CKEDITOR.dtd#$listItem}, and {@link CKEDITOR.dtd#$tableContent}\n\t\t * lists have all the above rules set to `true`. Additionaly, the `
`\n\t\t * element has the `breakAfterOpen` rule set to `true`.\n\t\t *\n\t\t *\t\t// Break line before and after \"img\" tags.\n\t\t *\t\twriter.setRules( 'img', {\n\t\t *\t\t\tbreakBeforeOpen: true\n\t\t *\t\t\tbreakAfterOpen: true\n\t\t *\t\t} );\n\t\t *\n\t\t *\t\t// Reset the rules for the \"h1\" tag.\n\t\t *\t\twriter.setRules( 'h1', {} );\n\t\t *\n\t\t * @param {String} tagName The name of the element for which the rules are set.\n\t\t * @param {Object} rules An object containing the element rules.\n\t\t */\n\t\tsetRules: function( tagName, rules ) {\n\t\t\tvar currentRules = this._.rules[ tagName ];\n\n\t\t\tif ( currentRules )\n\t\t\t\tCKEDITOR.tools.extend( currentRules, rules, true );\n\t\t\telse\n\t\t\t\tthis._.rules[ tagName ] = rules;\n\t\t}\n\t}\n} );\n\n/**\n * Whether to force using `'&'` instead of `'&'` in element attributes\n * values. It is not recommended to change this setting for compliance with the\n * W3C XHTML 1.0 standards ([C.12, XHTML 1.0](http://www.w3.org/TR/xhtml1/#C_12)).\n *\n *\t\t// Use `'&'` instead of `'&'`\n *\t\tCKEDITOR.config.forceSimpleAmpersand = true;\n *\n * @cfg {Boolean} [forceSimpleAmpersand=false]\n * @member CKEDITOR.config\n */\n\n/**\n * The characters to be used for indenting HTML output produced by the editor.\n * Using characters different from `' '` (space) and `'\\t'` (tab) is not recommended\n * as it will mess the code.\n *\n *\t\t// No indentation.\n *\t\tCKEDITOR.config.dataIndentationChars = '';\n *\n *\t\t// Use two spaces for indentation.\n *\t\tCKEDITOR.config.dataIndentationChars = ' ';\n *\n * @cfg {String} [dataIndentationChars='\\t']\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview The Image plugin.\n */\n\n( function() {\n\n\tCKEDITOR.plugins.add( 'image', {\n\t\trequires: 'dialog',\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\t// Abort when Image2 is to be loaded since both plugins\n\t\t\t// share the same button, command, etc. names (http://dev.ckeditor.com/ticket/11222).\n\t\t\tif ( editor.plugins.image2 )\n\t\t\t\treturn;\n\n\t\t\tvar pluginName = 'image';\n\n\t\t\t// Register the dialog.\n\t\t\tCKEDITOR.dialog.add( pluginName, this.path + 'dialogs/image.js' );\n\n\t\t\tvar allowed = 'img[alt,!src]{border-style,border-width,float,height,margin,margin-bottom,margin-left,margin-right,margin-top,width}',\n\t\t\t\trequired = 'img[alt,src]';\n\n\t\t\tif ( CKEDITOR.dialog.isTabEnabled( editor, pluginName, 'advanced' ) )\n\t\t\t\tallowed = 'img[alt,dir,id,lang,longdesc,!src,title]{*}(*)';\n\n\t\t\t// Register the command.\n\t\t\teditor.addCommand( pluginName, new CKEDITOR.dialogCommand( pluginName, {\n\t\t\t\tallowedContent: allowed,\n\t\t\t\trequiredContent: required,\n\t\t\t\tcontentTransformations: [\n\t\t\t\t\t[ 'img{width}: sizeToStyle', 'img[width]: sizeToAttribute' ],\n\t\t\t\t\t[ 'img{float}: alignmentToStyle', 'img[align]: alignmentToAttribute' ]\n\t\t\t\t]\n\t\t\t} ) );\n\n\t\t\t// Register the toolbar button.\n\t\t\teditor.ui.addButton && editor.ui.addButton( 'Image', {\n\t\t\t\tlabel: editor.lang.common.image,\n\t\t\t\tcommand: pluginName,\n\t\t\t\ttoolbar: 'insert,10'\n\t\t\t} );\n\n\t\t\teditor.on( 'doubleclick', function( evt ) {\n\t\t\t\tvar element = evt.data.element;\n\n\t\t\t\tif ( element.is( 'img' ) && !element.data( 'cke-realelement' ) && !element.isReadOnly() )\n\t\t\t\t\tevt.data.dialog = 'image';\n\t\t\t} );\n\n\t\t\t// If the \"menu\" plugin is loaded, register the menu items.\n\t\t\tif ( editor.addMenuItems ) {\n\t\t\t\teditor.addMenuItems( {\n\t\t\t\t\timage: {\n\t\t\t\t\t\tlabel: editor.lang.image.menu,\n\t\t\t\t\t\tcommand: 'image',\n\t\t\t\t\t\tgroup: 'image'\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// If the \"contextmenu\" plugin is loaded, register the listeners.\n\t\t\tif ( editor.contextMenu ) {\n\t\t\t\teditor.contextMenu.addListener( function( element ) {\n\t\t\t\t\tif ( getSelectedImage( editor, element ) )\n\t\t\t\t\t\treturn { image: CKEDITOR.TRISTATE_OFF };\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\tafterInit: function( editor ) {\n\t\t\t// Abort when Image2 is to be loaded since both plugins\n\t\t\t// share the same button, command, etc. names (http://dev.ckeditor.com/ticket/11222).\n\t\t\tif ( editor.plugins.image2 )\n\t\t\t\treturn;\n\n\t\t\t// Customize the behavior of the alignment commands. (http://dev.ckeditor.com/ticket/7430)\n\t\t\tsetupAlignCommand( 'left' );\n\t\t\tsetupAlignCommand( 'right' );\n\t\t\tsetupAlignCommand( 'center' );\n\t\t\tsetupAlignCommand( 'block' );\n\n\t\t\tfunction setupAlignCommand( value ) {\n\t\t\t\tvar command = editor.getCommand( 'justify' + value );\n\t\t\t\tif ( command ) {\n\t\t\t\t\tif ( value == 'left' || value == 'right' ) {\n\t\t\t\t\t\tcommand.on( 'exec', function( evt ) {\n\t\t\t\t\t\t\tvar img = getSelectedImage( editor ),\n\t\t\t\t\t\t\t\talign;\n\t\t\t\t\t\t\tif ( img ) {\n\t\t\t\t\t\t\t\talign = getImageAlignment( img );\n\t\t\t\t\t\t\t\tif ( align == value ) {\n\t\t\t\t\t\t\t\t\timg.removeStyle( 'float' );\n\n\t\t\t\t\t\t\t\t\t// Remove \"align\" attribute when necessary.\n\t\t\t\t\t\t\t\t\tif ( value == getImageAlignment( img ) )\n\t\t\t\t\t\t\t\t\t\timg.removeAttribute( 'align' );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\timg.setStyle( 'float', value );\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\tcommand.on( 'refresh', function( evt ) {\n\t\t\t\t\t\tvar img = getSelectedImage( editor ),\n\t\t\t\t\t\t\talign;\n\t\t\t\t\t\tif ( img ) {\n\t\t\t\t\t\t\talign = getImageAlignment( img );\n\n\t\t\t\t\t\t\tthis.setState(\n\t\t\t\t\t\t\t( align == value ) ? CKEDITOR.TRISTATE_ON : ( value == 'right' || value == 'left' ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );\n\n\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} );\n\n\tfunction getSelectedImage( editor, element ) {\n\t\tif ( !element ) {\n\t\t\tvar sel = editor.getSelection();\n\t\t\telement = sel.getSelectedElement();\n\t\t}\n\n\t\tif ( element && element.is( 'img' ) && !element.data( 'cke-realelement' ) && !element.isReadOnly() )\n\t\t\treturn element;\n\t}\n\n\tfunction getImageAlignment( element ) {\n\t\tvar align = element.getStyle( 'float' );\n\n\t\tif ( align == 'inherit' || align == 'none' )\n\t\t\talign = 0;\n\n\t\tif ( !align )\n\t\t\talign = element.getAttribute( 'align' );\n\n\t\treturn align;\n\t}\n\n} )();\n\n/**\n * Determines whether dimension inputs should be automatically filled when the image URL changes in the Image plugin dialog window.\n *\n *\t\tconfig.image_prefillDimensions = false;\n *\n * @since 4.5\n * @cfg {Boolean} [image_prefillDimensions=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Whether to remove links when emptying the link URL field in the Image dialog window.\n *\n *\t\tconfig.image_removeLinkByEmptyURL = false;\n *\n * @cfg {Boolean} [image_removeLinkByEmptyURL=true]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.image_removeLinkByEmptyURL = true;\n\n/**\n * Padding text to set off the image in the preview area.\n *\n *\t\tconfig.image_previewText = CKEDITOR.tools.repeat( '___ ', 100 );\n *\n * @cfg {String} [image_previewText='Lorem ipsum dolor...' (placeholder text)]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview Increase and Decrease Indent commands.\n */\n\n( function() {\n\t'use strict';\n\n\tvar TRISTATE_DISABLED = CKEDITOR.TRISTATE_DISABLED,\n\t\tTRISTATE_OFF = CKEDITOR.TRISTATE_OFF;\n\n\tCKEDITOR.plugins.add( 'indent', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\n\t\tinit: function( editor ) {\n\t\t\tvar genericDefinition = CKEDITOR.plugins.indent.genericDefinition;\n\n\t\t\t// Register generic commands.\n\t\t\tsetupGenericListeners( editor, editor.addCommand( 'indent', new genericDefinition( true ) ) );\n\t\t\tsetupGenericListeners( editor, editor.addCommand( 'outdent', new genericDefinition() ) );\n\n\t\t\t// Create and register toolbar button if possible.\n\t\t\tif ( editor.ui.addButton ) {\n\t\t\t\teditor.ui.addButton( 'Indent', {\n\t\t\t\t\tlabel: editor.lang.indent.indent,\n\t\t\t\t\tcommand: 'indent',\n\t\t\t\t\tdirectional: true,\n\t\t\t\t\ttoolbar: 'indent,20'\n\t\t\t\t} );\n\n\t\t\t\teditor.ui.addButton( 'Outdent', {\n\t\t\t\t\tlabel: editor.lang.indent.outdent,\n\t\t\t\t\tcommand: 'outdent',\n\t\t\t\t\tdirectional: true,\n\t\t\t\t\ttoolbar: 'indent,10'\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Register dirChanged listener.\n\t\t\teditor.on( 'dirChanged', function( evt ) {\n\t\t\t\tvar range = editor.createRange(),\n\t\t\t\t\tdataNode = evt.data.node;\n\n\t\t\t\trange.setStartBefore( dataNode );\n\t\t\t\trange.setEndAfter( dataNode );\n\n\t\t\t\tvar walker = new CKEDITOR.dom.walker( range ),\n\t\t\t\t\tnode;\n\n\t\t\t\twhile ( ( node = walker.next() ) ) {\n\t\t\t\t\tif ( node.type == CKEDITOR.NODE_ELEMENT ) {\n\t\t\t\t\t\t// A child with the defined dir is to be ignored.\n\t\t\t\t\t\tif ( !node.equals( dataNode ) && node.getDirection() ) {\n\t\t\t\t\t\t\trange.setStartAfter( node );\n\t\t\t\t\t\t\twalker = new CKEDITOR.dom.walker( range );\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Switch alignment classes.\n\t\t\t\t\t\tvar classes = editor.config.indentClasses;\n\t\t\t\t\t\tif ( classes ) {\n\t\t\t\t\t\t\tvar suffix = ( evt.data.dir == 'ltr' ) ? [ '_rtl', '' ] : [ '', '_rtl' ];\n\t\t\t\t\t\t\tfor ( var i = 0; i < classes.length; i++ ) {\n\t\t\t\t\t\t\t\tif ( node.hasClass( classes[ i ] + suffix[ 0 ] ) ) {\n\t\t\t\t\t\t\t\t\tnode.removeClass( classes[ i ] + suffix[ 0 ] );\n\t\t\t\t\t\t\t\t\tnode.addClass( classes[ i ] + suffix[ 1 ] );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Switch the margins.\n\t\t\t\t\t\tvar marginLeft = node.getStyle( 'margin-right' ),\n\t\t\t\t\t\t\tmarginRight = node.getStyle( 'margin-left' );\n\n\t\t\t\t\t\tmarginLeft ? node.setStyle( 'margin-left', marginLeft ) : node.removeStyle( 'margin-left' );\n\t\t\t\t\t\tmarginRight ? node.setStyle( 'margin-right', marginRight ) : node.removeStyle( 'margin-right' );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n\n\t/**\n\t * Global command class definitions and global helpers.\n\t *\n\t * @class\n\t * @singleton\n\t */\n\tCKEDITOR.plugins.indent = {\n\t\t/**\n\t\t * A base class for a generic command definition, responsible mainly for creating\n\t\t * Increase Indent and Decrease Indent toolbar buttons as well as for refreshing\n\t\t * UI states.\n\t\t *\n\t\t * Commands of this class do not perform any indentation by themselves. They\n\t\t * delegate this job to content-specific indentation commands (i.e. indentlist).\n\t\t *\n\t\t * @class CKEDITOR.plugins.indent.genericDefinition\n\t\t * @extends CKEDITOR.commandDefinition\n\t\t * @param {CKEDITOR.editor} editor The editor instance this command will be\n\t\t * applied to.\n\t\t * @param {String} name The name of the command.\n\t\t * @param {Boolean} [isIndent] Defines the command as indenting or outdenting.\n\t\t */\n\t\tgenericDefinition: function( isIndent ) {\n\t\t\t/**\n\t\t\t * Determines whether the command belongs to the indentation family.\n\t\t\t * Otherwise it is assumed to be an outdenting command.\n\t\t\t *\n\t\t\t * @readonly\n\t\t\t * @property {Boolean} [=false]\n\t\t\t */\n\t\t\tthis.isIndent = !!isIndent;\n\n\t\t\t// Mimic naive startDisabled behavior for outdent.\n\t\t\tthis.startDisabled = !this.isIndent;\n\t\t},\n\n\t\t/**\n\t\t * A base class for specific indentation command definitions responsible for\n\t\t * handling a pre-defined set of elements i.e. indentlist for lists or\n\t\t * indentblock for text block elements.\n\t\t *\n\t\t * Commands of this class perform indentation operations and modify the DOM structure.\n\t\t * They listen for events fired by {@link CKEDITOR.plugins.indent.genericDefinition}\n\t\t * and execute defined actions.\n\t\t *\n\t\t * **NOTE**: This is not an {@link CKEDITOR.command editor command}.\n\t\t * Context-specific commands are internal, for indentation system only.\n\t\t *\n\t\t * @class CKEDITOR.plugins.indent.specificDefinition\n\t\t * @param {CKEDITOR.editor} editor The editor instance this command will be\n\t\t * applied to.\n\t\t * @param {String} name The name of the command.\n\t\t * @param {Boolean} [isIndent] Defines the command as indenting or outdenting.\n\t\t */\n\t\tspecificDefinition: function( editor, name, isIndent ) {\n\t\t\tthis.name = name;\n\t\t\tthis.editor = editor;\n\n\t\t\t/**\n\t\t\t * An object of jobs handled by the command. Each job consists\n\t\t\t * of two functions: `refresh` and `exec` as well as the execution priority.\n\t\t\t *\n\t\t\t *\t* The `refresh` function determines whether a job is doable for\n\t\t\t *\t a particular context. These functions are executed in the\n\t\t\t *\t order of priorities, one by one, for all plugins that registered\n\t\t\t *\t jobs. As jobs are related to generic commands, refreshing\n\t\t\t *\t occurs when the global command is firing the `refresh` event.\n\t\t\t *\n\t\t\t *\t **Note**: This function must return either {@link CKEDITOR#TRISTATE_DISABLED}\n\t\t\t *\t or {@link CKEDITOR#TRISTATE_OFF}.\n\t\t\t *\n\t\t\t *\t* The `exec` function modifies the DOM if possible. Just like\n\t\t\t *\t `refresh`, `exec` functions are executed in the order of priorities\n\t\t\t *\t while the generic command is executed. This function is not executed\n\t\t\t *\t if `refresh` for this job returned {@link CKEDITOR#TRISTATE_DISABLED}.\n\t\t\t *\n\t\t\t *\t **Note**: This function must return a Boolean value, indicating whether it\n\t\t\t *\t was successful. If a job was successful, then no other jobs are being executed.\n\t\t\t *\n\t\t\t * Sample definition:\n\t\t\t *\n\t\t\t *\t\tcommand.jobs = {\n\t\t\t *\t\t\t// Priority = 20.\n\t\t\t *\t\t\t'20': {\n\t\t\t *\t\t\t\trefresh( editor, path ) {\n\t\t\t *\t\t\t\t\tif ( condition )\n\t\t\t *\t\t\t\t\t\treturn CKEDITOR.TRISTATE_OFF;\n\t\t\t *\t\t\t\t\telse\n\t\t\t *\t\t\t\t\t\treturn CKEDITOR.TRISTATE_DISABLED;\n\t\t\t *\t\t\t\t},\n\t\t\t *\t\t\t\texec( editor ) {\n\t\t\t *\t\t\t\t\t// DOM modified! This was OK.\n\t\t\t *\t\t\t\t\treturn true;\n\t\t\t *\t\t\t\t}\n\t\t\t *\t\t\t},\n\t\t\t *\t\t\t// Priority = 60. This job is done later.\n\t\t\t *\t\t\t'60': {\n\t\t\t *\t\t\t\t// Another job.\n\t\t\t *\t\t\t}\n\t\t\t *\t\t};\n\t\t\t *\n\t\t\t * For additional information, please check comments for\n\t\t\t * the `setupGenericListeners` function.\n\t\t\t *\n\t\t\t * @readonly\n\t\t\t * @property {Object} [={}]\n\t\t\t */\n\t\t\tthis.jobs = {};\n\n\t\t\t/**\n\t\t\t * Determines whether the editor that the command belongs to has\n\t\t\t * {@link CKEDITOR.config#enterMode config.enterMode} set to {@link CKEDITOR#ENTER_BR}.\n\t\t\t *\n\t\t\t * @readonly\n\t\t\t * @see CKEDITOR.config#enterMode\n\t\t\t * @property {Boolean} [=false]\n\t\t\t */\n\t\t\tthis.enterBr = editor.config.enterMode == CKEDITOR.ENTER_BR;\n\n\t\t\t/**\n\t\t\t * Determines whether the command belongs to the indentation family.\n\t\t\t * Otherwise it is assumed to be an outdenting command.\n\t\t\t *\n\t\t\t * @readonly\n\t\t\t * @property {Boolean} [=false]\n\t\t\t */\n\t\t\tthis.isIndent = !!isIndent;\n\n\t\t\t/**\n\t\t\t * The name of the global command related to this one.\n\t\t\t *\n\t\t\t * @readonly\n\t\t\t */\n\t\t\tthis.relatedGlobal = isIndent ? 'indent' : 'outdent';\n\n\t\t\t/**\n\t\t\t * A keystroke associated with this command (*Tab* or *Shift+Tab*).\n\t\t\t *\n\t\t\t * @readonly\n\t\t\t */\n\t\t\tthis.indentKey = isIndent ? 9 : CKEDITOR.SHIFT + 9;\n\n\t\t\t/**\n\t\t\t * Stores created markers for the command so they can eventually be\n\t\t\t * purged after the `exec` function is run.\n\t\t\t */\n\t\t\tthis.database = {};\n\t\t},\n\n\t\t/**\n\t\t * Registers content-specific commands as a part of the indentation system\n\t\t * directed by generic commands. Once a command is registered,\n\t\t * it listens for events of a related generic command.\n\t\t *\n\t\t *\t\tCKEDITOR.plugins.indent.registerCommands( editor, {\n\t\t *\t\t\t'indentlist': new indentListCommand( editor, 'indentlist' ),\n\t\t *\t\t\t'outdentlist': new indentListCommand( editor, 'outdentlist' )\n\t\t *\t\t} );\n\t\t *\n\t\t * Content-specific commands listen for the generic command's `exec` and\n\t\t * try to execute their own jobs, one after another. If some execution is\n\t\t * successful, `evt.data.done` is set so no more jobs (commands) are involved.\n\t\t *\n\t\t * Content-specific commands also listen for the generic command's `refresh`\n\t\t * and fill the `evt.data.states` object with states of jobs. A generic command\n\t\t * uses this data to determine its own state and to update the UI.\n\t\t *\n\t\t * @member CKEDITOR.plugins.indent\n\t\t * @param {CKEDITOR.editor} editor The editor instance this command is\n\t\t * applied to.\n\t\t * @param {Object} commands An object of {@link CKEDITOR.command}.\n\t\t */\n\t\tregisterCommands: function( editor, commands ) {\n\t\t\teditor.on( 'pluginsLoaded', function() {\n\t\t\t\tfor ( var name in commands ) {\n\t\t\t\t\t( function( editor, command ) {\n\t\t\t\t\t\tvar relatedGlobal = editor.getCommand( command.relatedGlobal );\n\n\t\t\t\t\t\tfor ( var priority in command.jobs ) {\n\t\t\t\t\t\t\t// Observe generic exec event and execute command when necessary.\n\t\t\t\t\t\t\t// If the command was successfully handled by the command and\n\t\t\t\t\t\t\t// DOM has been modified, stop event propagation so no other plugin\n\t\t\t\t\t\t\t// will bother. Job is done.\n\t\t\t\t\t\t\trelatedGlobal.on( 'exec', function( evt ) {\n\t\t\t\t\t\t\t\tif ( evt.data.done )\n\t\t\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\t\t\t// Make sure that anything this command will do is invisible\n\t\t\t\t\t\t\t\t// for undoManager. What undoManager only can see and\n\t\t\t\t\t\t\t\t// remember is the execution of the global command (relatedGlobal).\n\t\t\t\t\t\t\t\teditor.fire( 'lockSnapshot' );\n\n\t\t\t\t\t\t\t\tif ( command.execJob( editor, priority ) )\n\t\t\t\t\t\t\t\t\tevt.data.done = true;\n\n\t\t\t\t\t\t\t\teditor.fire( 'unlockSnapshot' );\n\n\t\t\t\t\t\t\t\t// Clean up the markers.\n\t\t\t\t\t\t\t\tCKEDITOR.dom.element.clearAllMarkers( command.database );\n\t\t\t\t\t\t\t}, this, null, priority );\n\n\t\t\t\t\t\t\t// Observe generic refresh event and force command refresh.\n\t\t\t\t\t\t\t// Once refreshed, save command state in event data\n\t\t\t\t\t\t\t// so generic command plugin can update its own state and UI.\n\t\t\t\t\t\t\trelatedGlobal.on( 'refresh', function( evt ) {\n\t\t\t\t\t\t\t\tif ( !evt.data.states )\n\t\t\t\t\t\t\t\t\tevt.data.states = {};\n\n\t\t\t\t\t\t\t\tevt.data.states[ command.name + '@' + priority ] =\n\t\t\t\t\t\t\t\t\tcommand.refreshJob( editor, priority, evt.data.path );\n\t\t\t\t\t\t\t}, this, null, priority );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Since specific indent commands have no UI elements,\n\t\t\t\t\t\t// they need to be manually registered as a editor feature.\n\t\t\t\t\t\teditor.addFeature( command );\n\t\t\t\t\t} )( this, commands[ name ] );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t};\n\n\tCKEDITOR.plugins.indent.genericDefinition.prototype = {\n\t\tcontext: 'p',\n\n\t\texec: function() {}\n\t};\n\n\tCKEDITOR.plugins.indent.specificDefinition.prototype = {\n\t\t/**\n\t\t * Executes the content-specific procedure if the context is correct.\n\t\t * It calls the `exec` function of a job of the given `priority`\n\t\t * that modifies the DOM.\n\t\t *\n\t\t * @param {CKEDITOR.editor} editor The editor instance this command\n\t\t * will be applied to.\n\t\t * @param {Number} priority The priority of the job to be executed.\n\t\t * @returns {Boolean} Indicates whether the job was successful.\n\t\t */\n\t\texecJob: function( editor, priority ) {\n\t\t\tvar job = this.jobs[ priority ];\n\n\t\t\tif ( job.state != TRISTATE_DISABLED )\n\t\t\t\treturn job.exec.call( this, editor );\n\t\t},\n\n\t\t/**\n\t\t * Calls the `refresh` function of a job of the given `priority`.\n\t\t * The function returns the state of the job which can be either\n\t\t * {@link CKEDITOR#TRISTATE_DISABLED} or {@link CKEDITOR#TRISTATE_OFF}.\n\t\t *\n\t\t * @param {CKEDITOR.editor} editor The editor instance this command\n\t\t * will be applied to.\n\t\t * @param {Number} priority The priority of the job to be executed.\n\t\t * @returns {Number} The state of the job.\n\t\t */\n\t\trefreshJob: function( editor, priority, path ) {\n\t\t\tvar job = this.jobs[ priority ];\n\n\t\t\tif ( !editor.activeFilter.checkFeature( this ) )\n\t\t\t\tjob.state = TRISTATE_DISABLED;\n\t\t\telse\n\t\t\t\tjob.state = job.refresh.call( this, editor, path );\n\n\t\t\treturn job.state;\n\t\t},\n\n\t\t/**\n\t\t * Checks if the element path contains the element handled\n\t\t * by this indentation command.\n\t\t *\n\t\t * @param {CKEDITOR.dom.elementPath} node A path to be checked.\n\t\t * @returns {CKEDITOR.dom.element}\n\t\t */\n\t\tgetContext: function( path ) {\n\t\t\treturn path.contains( this.context );\n\t\t}\n\t};\n\n\t/**\n\t * Attaches event listeners for this generic command. Since the indentation\n\t * system is event-oriented, generic commands communicate with\n\t * content-specific commands using the `exec` and `refresh` events.\n\t *\n\t * Listener priorities are crucial. Different indentation phases\n\t * are executed with different priorities.\n\t *\n\t * For the `exec` event:\n\t *\n\t *\t* 0: Selection and bookmarks are saved by the generic command.\n\t *\t* 1-99: Content-specific commands try to indent the code by executing\n\t *\t their own jobs ({@link CKEDITOR.plugins.indent.specificDefinition#jobs}).\n\t *\t* 100: Bookmarks are re-selected by the generic command.\n\t *\n\t * The visual interpretation looks as follows:\n\t *\n\t *\t\t +------------------+\n\t *\t\t | Exec event fired |\n\t *\t\t +------ + ---------+\n\t *\t\t |\n\t *\t\t 0 -<----------+ Selection and bookmarks saved.\n\t *\t\t |\n\t *\t\t |\n\t *\t\t 25 -<---+ Exec 1st job of plugin#1 (return false, continuing...).\n\t *\t\t |\n\t *\t\t |\n\t *\t\t 50 -<---+ Exec 1st job of plugin#2 (return false, continuing...).\n\t *\t\t |\n\t *\t\t |\n\t *\t\t 75 -<---+ Exec 2nd job of plugin#1 (only if plugin#2 failed).\n\t *\t\t |\n\t *\t\t |\n\t *\t\t 100 -<-----------+ Re-select bookmarks, clean-up.\n\t *\t\t |\n\t *\t\t+-------- v ----------+\n\t *\t\t| Exec event finished |\n\t *\t\t+---------------------+\n\t *\n\t * For the `refresh` event:\n\t *\n\t *\t* <100: Content-specific commands refresh their job states according\n\t *\t to the given path. Jobs save their states in the `evt.data.states` object\n\t *\t passed along with the event. This can be either {@link CKEDITOR#TRISTATE_DISABLED}\n\t *\t or {@link CKEDITOR#TRISTATE_OFF}.\n\t *\t* 100: Command state is determined according to what states\n\t *\t have been returned by content-specific jobs (`evt.data.states`).\n\t *\t UI elements are updated at this stage.\n\t *\n\t *\t **Note**: If there is at least one job with the {@link CKEDITOR#TRISTATE_OFF} state,\n\t *\t then the generic command state is also {@link CKEDITOR#TRISTATE_OFF}. Otherwise,\n\t *\t the command state is {@link CKEDITOR#TRISTATE_DISABLED}.\n\t *\n\t * @param {CKEDITOR.command} command The command to be set up.\n\t * @private\n\t */\n\tfunction setupGenericListeners( editor, command ) {\n\t\tvar selection, bookmarks;\n\n\t\t// Set the command state according to content-specific\n\t\t// command states.\n\t\tcommand.on( 'refresh', function( evt ) {\n\t\t\t// If no state comes with event data, disable command.\n\t\t\tvar states = [ TRISTATE_DISABLED ];\n\n\t\t\tfor ( var s in evt.data.states )\n\t\t\t\tstates.push( evt.data.states[ s ] );\n\n\t\t\tthis.setState( CKEDITOR.tools.search( states, TRISTATE_OFF ) ? TRISTATE_OFF : TRISTATE_DISABLED );\n\t\t}, command, null, 100 );\n\n\t\t// Initialization. Save bookmarks and mark event as not handled\n\t\t// by any plugin (command) yet.\n\t\tcommand.on( 'exec', function( evt ) {\n\t\t\tselection = editor.getSelection();\n\t\t\tbookmarks = selection.createBookmarks( 1 );\n\n\t\t\t// Mark execution as not handled yet.\n\t\t\tif ( !evt.data )\n\t\t\t\tevt.data = {};\n\n\t\t\tevt.data.done = false;\n\t\t}, command, null, 0 );\n\n\t\t// Housekeeping. Make sure selectionChange will be called.\n\t\t// Also re-select previously saved bookmarks.\n\t\tcommand.on( 'exec', function() {\n\t\t\teditor.forceNextSelectionCheck();\n\t\t\tselection.selectBookmarks( bookmarks );\n\t\t}, command, null, 100 );\n\t}\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview Handles the indentation of lists.\n */\n\n( function() {\n\t'use strict';\n\n\tvar isNotWhitespaces = CKEDITOR.dom.walker.whitespaces( true ),\n\t\tisNotBookmark = CKEDITOR.dom.walker.bookmark( false, true ),\n\t\tTRISTATE_DISABLED = CKEDITOR.TRISTATE_DISABLED,\n\t\tTRISTATE_OFF = CKEDITOR.TRISTATE_OFF;\n\n\tCKEDITOR.plugins.add( 'indentlist', {\n\t\trequires: 'indent',\n\t\tinit: function( editor ) {\n\t\t\tvar globalHelpers = CKEDITOR.plugins.indent;\n\n\t\t\t// Register commands.\n\t\t\tglobalHelpers.registerCommands( editor, {\n\t\t\t\tindentlist: new commandDefinition( editor, 'indentlist', true ),\n\t\t\t\toutdentlist: new commandDefinition( editor, 'outdentlist' )\n\t\t\t} );\n\n\t\t\tfunction commandDefinition( editor ) {\n\t\t\t\tglobalHelpers.specificDefinition.apply( this, arguments );\n\n\t\t\t\t// Require ul OR ol list.\n\t\t\t\tthis.requiredContent = [ 'ul', 'ol' ];\n\n\t\t\t\t// Indent and outdent lists with TAB/SHIFT+TAB key. Indenting can\n\t\t\t\t// be done for any list item that isn't the first child of the parent.\n\t\t\t\teditor.on( 'key', function( evt ) {\n\t\t\t\t\tvar path = editor.elementPath();\n\n\t\t\t\t\tif ( editor.mode != 'wysiwyg' )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\tif ( evt.data.keyCode == this.indentKey ) {\n\t\t\t\t\t\t// Prevent of getting context of empty path (#424)(https://dev.ckeditor.com/ticket/17028).\n\t\t\t\t\t\tif ( !path ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar list = this.getContext( path );\n\n\t\t\t\t\t\tif ( list ) {\n\t\t\t\t\t\t\t// Don't indent if in first list item of the parent.\n\t\t\t\t\t\t\t// Outdent, however, can always be done to collapse\n\t\t\t\t\t\t\t// the list into a paragraph (div).\n\t\t\t\t\t\t\tif ( this.isIndent && CKEDITOR.plugins.indentList.firstItemInPath( this.context, path, list ) )\n\t\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\t\t// Exec related global indentation command. Global\n\t\t\t\t\t\t\t// commands take care of bookmarks and selection,\n\t\t\t\t\t\t\t// so it's much easier to use them instead of\n\t\t\t\t\t\t\t// content-specific commands.\n\t\t\t\t\t\t\teditor.execCommand( this.relatedGlobal );\n\n\t\t\t\t\t\t\t// Cancel the key event so editor doesn't lose focus.\n\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, this );\n\n\t\t\t\t// There are two different jobs for this plugin:\n\t\t\t\t//\n\t\t\t\t//\t* Indent job (priority=10), before indentblock.\n\t\t\t\t//\n\t\t\t\t//\t This job is before indentblock because, if this plugin is\n\t\t\t\t//\t loaded it has higher priority over indentblock. It means that,\n\t\t\t\t//\t if possible, nesting is performed, and then block manipulation,\n\t\t\t\t//\t if necessary.\n\t\t\t\t//\n\t\t\t\t//\t* Outdent job (priority=30), after outdentblock.\n\t\t\t\t//\n\t\t\t\t//\t This job got to be after outdentblock because in some cases\n\t\t\t\t//\t (margin, config#indentClass on list) outdent must be done on\n\t\t\t\t//\t block-level.\n\n\t\t\t\tthis.jobs[ this.isIndent ? 10 : 30 ] = {\n\t\t\t\t\trefresh: this.isIndent ?\n\t\t\t\t\t\tfunction( editor, path ) {\n\t\t\t\t\t\t\tvar list = this.getContext( path ),\n\t\t\t\t\t\t\t\tinFirstListItem = CKEDITOR.plugins.indentList.firstItemInPath( this.context, path, list );\n\n\t\t\t\t\t\t\tif ( !list || !this.isIndent || inFirstListItem )\n\t\t\t\t\t\t\t\treturn TRISTATE_DISABLED;\n\n\t\t\t\t\t\t\treturn TRISTATE_OFF;\n\t\t\t\t\t\t} : function( editor, path ) {\n\t\t\t\t\t\t\tvar list = this.getContext( path );\n\n\t\t\t\t\t\t\tif ( !list || this.isIndent )\n\t\t\t\t\t\t\t\treturn TRISTATE_DISABLED;\n\n\t\t\t\t\t\t\treturn TRISTATE_OFF;\n\t\t\t\t\t\t},\n\n\t\t\t\t\texec: CKEDITOR.tools.bind( indentList, this )\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tCKEDITOR.tools.extend( commandDefinition.prototype, globalHelpers.specificDefinition.prototype, {\n\t\t\t\t// Elements that, if in an elementpath, will be handled by this\n\t\t\t\t// command. They restrict the scope of the plugin.\n\t\t\t\tcontext: { ol: 1, ul: 1 }\n\t\t\t} );\n\t\t}\n\t} );\n\n\tfunction indentList( editor ) {\n\t\tvar that = this,\n\t\t\tdatabase = this.database,\n\t\t\tcontext = this.context,\n\t\t\trange;\n\n\t\tfunction indent( listNode ) {\n\t\t\t// Our starting and ending points of the range might be inside some blocks under a list item...\n\t\t\t// So before playing with the iterator, we need to expand the block to include the list items.\n\t\t\tvar startContainer = range.startContainer,\n\t\t\t\tendContainer = range.endContainer;\n\t\t\twhile ( startContainer && !startContainer.getParent().equals( listNode ) )\n\t\t\t\tstartContainer = startContainer.getParent();\n\t\t\twhile ( endContainer && !endContainer.getParent().equals( listNode ) )\n\t\t\t\tendContainer = endContainer.getParent();\n\n\t\t\tif ( !startContainer || !endContainer )\n\t\t\t\treturn false;\n\n\t\t\t// Now we can iterate over the individual items on the same tree depth.\n\t\t\tvar block = startContainer,\n\t\t\t\titemsToMove = [],\n\t\t\t\tstopFlag = false;\n\n\t\t\twhile ( !stopFlag ) {\n\t\t\t\tif ( block.equals( endContainer ) )\n\t\t\t\t\tstopFlag = true;\n\n\t\t\t\titemsToMove.push( block );\n\t\t\t\tblock = block.getNext();\n\t\t\t}\n\n\t\t\tif ( itemsToMove.length < 1 )\n\t\t\t\treturn false;\n\n\t\t\t// Do indent or outdent operations on the array model of the list, not the\n\t\t\t// list's DOM tree itself. The array model demands that it knows as much as\n\t\t\t// possible about the surrounding lists, we need to feed it the further\n\t\t\t// ancestor node that is still a list.\n\t\t\tvar listParents = listNode.getParents( true );\n\t\t\tfor ( var i = 0; i < listParents.length; i++ ) {\n\t\t\t\tif ( listParents[ i ].getName && context[ listParents[ i ].getName() ] ) {\n\t\t\t\t\tlistNode = listParents[ i ];\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvar indentOffset = that.isIndent ? 1 : -1,\n\t\t\t\tstartItem = itemsToMove[ 0 ],\n\t\t\t\tlastItem = itemsToMove[ itemsToMove.length - 1 ],\n\n\t\t\t\t// Convert the list DOM tree into a one dimensional array.\n\t\t\t\tlistArray = CKEDITOR.plugins.list.listToArray( listNode, database ),\n\n\t\t\t\t// Apply indenting or outdenting on the array.\n\t\t\t\tbaseIndent = listArray[ lastItem.getCustomData( 'listarray_index' ) ].indent;\n\n\t\t\tfor ( i = startItem.getCustomData( 'listarray_index' ); i <= lastItem.getCustomData( 'listarray_index' ); i++ ) {\n\t\t\t\tlistArray[ i ].indent += indentOffset;\n\t\t\t\t// Make sure the newly created sublist get a brand-new element of the same type. (http://dev.ckeditor.com/ticket/5372)\n\t\t\t\tif ( indentOffset > 0 ) {\n\t\t\t\t\tvar listRoot = listArray[ i ].parent;\n\t\t\t\t\tlistArray[ i ].parent = new CKEDITOR.dom.element( listRoot.getName(), listRoot.getDocument() );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( i = lastItem.getCustomData( 'listarray_index' ) + 1; i < listArray.length && listArray[ i ].indent > baseIndent; i++ )\n\t\t\t\tlistArray[ i ].indent += indentOffset;\n\n\t\t\t// Convert the array back to a DOM forest (yes we might have a few subtrees now).\n\t\t\t// And replace the old list with the new forest.\n\t\t\tvar newList = CKEDITOR.plugins.list.arrayToList( listArray, database, null, editor.config.enterMode, listNode.getDirection() );\n\n\t\t\t// Avoid nested after outdent even they're visually same,\n\t\t\t// recording them for later refactoring.(http://dev.ckeditor.com/ticket/3982)\n\t\t\tif ( !that.isIndent ) {\n\t\t\t\tvar parentLiElement;\n\t\t\t\tif ( ( parentLiElement = listNode.getParent() ) && parentLiElement.is( 'li' ) ) {\n\t\t\t\t\tvar children = newList.listNode.getChildren(),\n\t\t\t\t\t\tpendingLis = [],\n\t\t\t\t\t\tcount = children.count(),\n\t\t\t\t\t\tchild;\n\n\t\t\t\t\tfor ( i = count - 1; i >= 0; i-- ) {\n\t\t\t\t\t\tif ( ( child = children.getItem( i ) ) && child.is && child.is( 'li' ) )\n\t\t\t\t\t\t\tpendingLis.push( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( newList )\n\t\t\t\tnewList.listNode.replace( listNode );\n\n\t\t\t// Move the nested to be appeared after the parent.\n\t\t\tif ( pendingLis && pendingLis.length ) {\n\t\t\t\tfor ( i = 0; i < pendingLis.length; i++ ) {\n\t\t\t\t\tvar li = pendingLis[ i ],\n\t\t\t\t\t\tfollowingList = li;\n\n\t\t\t\t\t// Nest preceding / inside current - if any.\n\t\t\t\t\twhile ( ( followingList = followingList.getNext() ) && followingList.is && followingList.getName() in context ) {\n\t\t\t\t\t\t// IE requires a filler NBSP for nested list inside empty list item,\n\t\t\t\t\t\t// otherwise the list item will be inaccessiable. (http://dev.ckeditor.com/ticket/4476)\n\t\t\t\t\t\tif ( CKEDITOR.env.needsNbspFiller && !li.getFirst( neitherWhitespacesNorBookmark ) )\n\t\t\t\t\t\t\tli.append( range.document.createText( '\\u00a0' ) );\n\n\t\t\t\t\t\tli.append( followingList );\n\t\t\t\t\t}\n\n\t\t\t\t\tli.insertAfter( parentLiElement );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( newList )\n\t\t\t\teditor.fire( 'contentDomInvalidated' );\n\n\t\t\treturn true;\n\t\t}\n\n\t\tvar selection = editor.getSelection(),\n\t\t\tranges = selection && selection.getRanges(),\n\t\t\titerator = ranges.createIterator();\n\n\t\twhile ( ( range = iterator.getNextRange() ) ) {\n\t\t\tvar nearestListBlock = range.getCommonAncestor();\n\n\t\t\twhile ( nearestListBlock && !( nearestListBlock.type == CKEDITOR.NODE_ELEMENT && context[ nearestListBlock.getName() ] ) ) {\n\t\t\t\t// Avoid having plugin propagate to parent of editor in inline mode by canceling the indentation. (http://dev.ckeditor.com/ticket/12796)\n\t\t\t\tif ( editor.editable().equals( nearestListBlock ) ) {\n\t\t\t\t\tnearestListBlock = false;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tnearestListBlock = nearestListBlock.getParent();\n\t\t\t}\n\n\t\t\t// Avoid having selection boundaries out of the list.\n\t\t\t//
...]
=> ...
\n\t\t\tif ( !nearestListBlock ) {\n\t\t\t\tif ( ( nearestListBlock = range.startPath().contains( context ) ) )\n\t\t\t\t\trange.setEndAt( nearestListBlock, CKEDITOR.POSITION_BEFORE_END );\n\t\t\t}\n\n\t\t\t// Avoid having selection enclose the entire list. (http://dev.ckeditor.com/ticket/6138)\n\t\t\t// [] =>\n\t\t\tif ( !nearestListBlock ) {\n\t\t\t\tvar selectedNode = range.getEnclosedNode();\n\t\t\t\tif ( selectedNode && selectedNode.type == CKEDITOR.NODE_ELEMENT && selectedNode.getName() in context ) {\n\t\t\t\t\trange.setStartAt( selectedNode, CKEDITOR.POSITION_AFTER_START );\n\t\t\t\t\trange.setEndAt( selectedNode, CKEDITOR.POSITION_BEFORE_END );\n\t\t\t\t\tnearestListBlock = selectedNode;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Avoid selection anchors under list root.\n\t\t\t// =>\t\n\t\t\tif ( nearestListBlock && range.startContainer.type == CKEDITOR.NODE_ELEMENT && range.startContainer.getName() in context ) {\n\t\t\t\tvar walker = new CKEDITOR.dom.walker( range );\n\t\t\t\twalker.evaluator = listItem;\n\t\t\t\trange.startContainer = walker.next();\n\t\t\t}\n\n\t\t\tif ( nearestListBlock && range.endContainer.type == CKEDITOR.NODE_ELEMENT && range.endContainer.getName() in context ) {\n\t\t\t\twalker = new CKEDITOR.dom.walker( range );\n\t\t\t\twalker.evaluator = listItem;\n\t\t\t\trange.endContainer = walker.previous();\n\t\t\t}\n\n\t\t\tif ( nearestListBlock )\n\t\t\t\treturn indent( nearestListBlock );\n\t\t}\n\t\treturn 0;\n\t}\n\n\t// Determines whether a node is a list - element.\n\tfunction listItem( node ) {\n\t\treturn node.type == CKEDITOR.NODE_ELEMENT && node.is( 'li' );\n\t}\n\n\tfunction neitherWhitespacesNorBookmark( node ) {\n\t\treturn isNotWhitespaces( node ) && isNotBookmark( node );\n\t}\n\n\t/**\n\t * Global namespace for methods exposed by the Indent List plugin.\n\t *\n\t * @singleton\n\t * @class\n\t */\n\tCKEDITOR.plugins.indentList = {};\n\n\t/**\n\t * Checks whether the first child of the list is in the path.\n\t * The list can be extracted from the path or given explicitly\n\t * e.g. for better performance if cached.\n\t *\n\t * @since 4.4.6\n\t * @param {Object} query See the {@link CKEDITOR.dom.elementPath#contains} method arguments.\n\t * @param {CKEDITOR.dom.elementPath} path\n\t * @param {CKEDITOR.dom.element} [list]\n\t * @returns {Boolean}\n\t * @member CKEDITOR.plugins.indentList\n\t */\n\tCKEDITOR.plugins.indentList.firstItemInPath = function( query, path, list ) {\n\t\tvar firstListItemInPath = path.contains( listItem );\n\t\tif ( !list )\n\t\t\tlist = path.contains( query );\n\n\t\treturn list && firstListItemInPath && firstListItemInPath.equals( list.getFirst( listItem ) );\n\t};\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview Justify commands.\n */\n\n( function() {\n\tfunction getAlignment( element, useComputedState ) {\n\t\tuseComputedState = useComputedState === undefined || useComputedState;\n\n\t\tvar align;\n\t\tif ( useComputedState )\n\t\t\talign = element.getComputedStyle( 'text-align' );\n\t\telse {\n\t\t\twhile ( !element.hasAttribute || !( element.hasAttribute( 'align' ) || element.getStyle( 'text-align' ) ) ) {\n\t\t\t\tvar parent = element.getParent();\n\t\t\t\tif ( !parent )\n\t\t\t\t\tbreak;\n\t\t\t\telement = parent;\n\t\t\t}\n\t\t\talign = element.getStyle( 'text-align' ) || element.getAttribute( 'align' ) || '';\n\t\t}\n\n\t\t// Sometimes computed values doesn't tell.\n\t\talign && ( align = align.replace( /(?:-(?:moz|webkit)-)?(?:start|auto)/i, '' ) );\n\n\t\t!align && useComputedState && ( align = element.getComputedStyle( 'direction' ) == 'rtl' ? 'right' : 'left' );\n\n\t\treturn align;\n\t}\n\n\tfunction justifyCommand( editor, name, value ) {\n\t\tthis.editor = editor;\n\t\tthis.name = name;\n\t\tthis.value = value;\n\t\tthis.context = 'p';\n\t\tvar classes = editor.config.justifyClasses,\n\t\t\tblockTag = editor.config.enterMode == CKEDITOR.ENTER_P ? 'p' : 'div';\n\n\t\tif ( classes ) {\n\t\t\tswitch ( value ) {\n\t\t\t\tcase 'left':\n\t\t\t\t\tthis.cssClassName = classes[ 0 ];\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'center':\n\t\t\t\t\tthis.cssClassName = classes[ 1 ];\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'right':\n\t\t\t\t\tthis.cssClassName = classes[ 2 ];\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'justify':\n\t\t\t\t\tthis.cssClassName = classes[ 3 ];\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tthis.cssClassRegex = new RegExp( '(?:^|\\\\s+)(?:' + classes.join( '|' ) + ')(?=$|\\\\s)' );\n\t\t\tthis.requiredContent = blockTag + '(' + this.cssClassName + ')';\n\t\t}\n\t\telse {\n\t\t\tthis.requiredContent = blockTag + '{text-align}';\n\t\t}\n\n\t\tthis.allowedContent = {\n\t\t\t'caption div h1 h2 h3 h4 h5 h6 p pre td th li': {\n\t\t\t\t// Do not add elements, but only text-align style if element is validated by other rule.\n\t\t\t\tpropertiesOnly: true,\n\t\t\t\tstyles: this.cssClassName ? null : 'text-align',\n\t\t\t\tclasses: this.cssClassName || null\n\t\t\t}\n\t\t};\n\n\t\t// In enter mode BR we need to allow here for div, because when non other\n\t\t// feature allows div justify is the only plugin that uses it.\n\t\tif ( editor.config.enterMode == CKEDITOR.ENTER_BR )\n\t\t\tthis.allowedContent.div = true;\n\t}\n\n\tfunction onDirChanged( e ) {\n\t\tvar editor = e.editor;\n\n\t\tvar range = editor.createRange();\n\t\trange.setStartBefore( e.data.node );\n\t\trange.setEndAfter( e.data.node );\n\n\t\tvar walker = new CKEDITOR.dom.walker( range ),\n\t\t\tnode;\n\n\t\twhile ( ( node = walker.next() ) ) {\n\t\t\tif ( node.type == CKEDITOR.NODE_ELEMENT ) {\n\t\t\t\t// A child with the defined dir is to be ignored.\n\t\t\t\tif ( !node.equals( e.data.node ) && node.getDirection() ) {\n\t\t\t\t\trange.setStartAfter( node );\n\t\t\t\t\twalker = new CKEDITOR.dom.walker( range );\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Switch the alignment.\n\t\t\t\tvar classes = editor.config.justifyClasses;\n\t\t\t\tif ( classes ) {\n\t\t\t\t\t// The left align class.\n\t\t\t\t\tif ( node.hasClass( classes[ 0 ] ) ) {\n\t\t\t\t\t\tnode.removeClass( classes[ 0 ] );\n\t\t\t\t\t\tnode.addClass( classes[ 2 ] );\n\t\t\t\t\t}\n\t\t\t\t\t// The right align class.\n\t\t\t\t\telse if ( node.hasClass( classes[ 2 ] ) ) {\n\t\t\t\t\t\tnode.removeClass( classes[ 2 ] );\n\t\t\t\t\t\tnode.addClass( classes[ 0 ] );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Always switch CSS margins.\n\t\t\t\tvar style = 'text-align';\n\t\t\t\tvar align = node.getStyle( style );\n\n\t\t\t\tif ( align == 'left' )\n\t\t\t\t\tnode.setStyle( style, 'right' );\n\t\t\t\telse if ( align == 'right' )\n\t\t\t\t\tnode.setStyle( style, 'left' );\n\t\t\t}\n\t\t}\n\t}\n\n\tjustifyCommand.prototype = {\n\t\texec: function( editor ) {\n\t\t\tvar selection = editor.getSelection(),\n\t\t\t\tenterMode = editor.config.enterMode;\n\n\t\t\tif ( !selection )\n\t\t\t\treturn;\n\n\t\t\tvar bookmarks = selection.createBookmarks(),\n\t\t\t\tranges = selection.getRanges();\n\n\t\t\tvar cssClassName = this.cssClassName,\n\t\t\t\titerator, block;\n\n\t\t\tvar useComputedState = editor.config.useComputedState;\n\t\t\tuseComputedState = useComputedState === undefined || useComputedState;\n\n\t\t\tfor ( var i = ranges.length - 1; i >= 0; i-- ) {\n\t\t\t\titerator = ranges[ i ].createIterator();\n\t\t\t\titerator.enlargeBr = enterMode != CKEDITOR.ENTER_BR;\n\n\t\t\t\twhile ( ( block = iterator.getNextParagraph( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) ) ) {\n\t\t\t\t\tif ( block.isReadOnly() )\n\t\t\t\t\t\tcontinue;\n\n\t\t\t\t\t// Check if style or class might be applied to currently processed element (#455).\n\t\t\t\t\tvar tag = block.getName(),\n\t\t\t\t\t\tisAllowedTextAlign, isAllowedCssClass;\n\n\t\t\t\t\tisAllowedTextAlign = editor.activeFilter.check( tag + '{text-align}' );\n\t\t\t\t\tisAllowedCssClass = editor.activeFilter.check( tag + '(' + cssClassName + ')' );\n\n\t\t\t\t\tif ( !isAllowedCssClass && !isAllowedTextAlign ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tblock.removeAttribute( 'align' );\n\t\t\t\t\tblock.removeStyle( 'text-align' );\n\n\t\t\t\t\t// Remove any of the alignment classes from the className.\n\t\t\t\t\tvar className = cssClassName && ( block.$.className = CKEDITOR.tools.ltrim( block.$.className.replace( this.cssClassRegex, '' ) ) );\n\n\t\t\t\t\tvar apply = ( this.state == CKEDITOR.TRISTATE_OFF ) && ( !useComputedState || ( getAlignment( block, true ) != this.value ) );\n\n\t\t\t\t\tif ( cssClassName && isAllowedCssClass ) {\n\t\t\t\t\t\t// Append the desired class name.\n\t\t\t\t\t\tif ( apply )\n\t\t\t\t\t\t\tblock.addClass( cssClassName );\n\t\t\t\t\t\telse if ( !className )\n\t\t\t\t\t\t\tblock.removeAttribute( 'class' );\n\t\t\t\t\t} else if ( apply && isAllowedTextAlign ) {\n\t\t\t\t\t\tblock.setStyle( 'text-align', this.value );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\teditor.focus();\n\t\t\teditor.forceNextSelectionCheck();\n\t\t\tselection.selectBookmarks( bookmarks );\n\t\t},\n\n\t\trefresh: function( editor, path ) {\n\t\t\tvar firstBlock = path.block || path.blockLimit,\n\t\t\t\tname = firstBlock.getName(),\n\t\t\t\tisEditable = firstBlock.equals( editor.editable() ),\n\t\t\t\tisStylable = this.cssClassName ? editor.activeFilter.check( name + '(' + this.cssClassName + ')' ) :\n\t\t\t\t\teditor.activeFilter.check( name + '{text-align}' );\n\n\t\t\t// #455\n\t\t\t// 1. Check if we are directly in editbale. Justification should be always allowed, and not highlighted.\n\t\t\t// Checking path.elements.length is required to filter out situation `body > ul` where ul is selected and path.blockLimit returns editable.\n\t\t\t// 2. Check if current element can have applied specific class.\n\t\t\t// 3. Check if current element can have applied text-align style.\n\t\t\tif ( isEditable && path.elements.length === 1 ) {\n\t\t\t\tthis.setState( CKEDITOR.TRISTATE_OFF );\n\t\t\t} else if ( !isEditable && isStylable ) {\n\t\t\t\t// 2 & 3 in one condition.\n\t\t\t\tthis.setState( getAlignment( firstBlock, this.editor.config.useComputedState ) == this.value ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF );\n\t\t\t} else {\n\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t\t}\n\t\t}\n\t};\n\n\tCKEDITOR.plugins.add( 'justify', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\tif ( editor.blockless )\n\t\t\t\treturn;\n\n\t\t\tvar left = new justifyCommand( editor, 'justifyleft', 'left' ),\n\t\t\t\tcenter = new justifyCommand( editor, 'justifycenter', 'center' ),\n\t\t\t\tright = new justifyCommand( editor, 'justifyright', 'right' ),\n\t\t\t\tjustify = new justifyCommand( editor, 'justifyblock', 'justify' );\n\n\t\t\teditor.addCommand( 'justifyleft', left );\n\t\t\teditor.addCommand( 'justifycenter', center );\n\t\t\teditor.addCommand( 'justifyright', right );\n\t\t\teditor.addCommand( 'justifyblock', justify );\n\n\t\t\tif ( editor.ui.addButton ) {\n\t\t\t\teditor.ui.addButton( 'JustifyLeft', {\n\t\t\t\t\tlabel: editor.lang.justify.left,\n\t\t\t\t\tcommand: 'justifyleft',\n\t\t\t\t\ttoolbar: 'align,10'\n\t\t\t\t} );\n\t\t\t\teditor.ui.addButton( 'JustifyCenter', {\n\t\t\t\t\tlabel: editor.lang.justify.center,\n\t\t\t\t\tcommand: 'justifycenter',\n\t\t\t\t\ttoolbar: 'align,20'\n\t\t\t\t} );\n\t\t\t\teditor.ui.addButton( 'JustifyRight', {\n\t\t\t\t\tlabel: editor.lang.justify.right,\n\t\t\t\t\tcommand: 'justifyright',\n\t\t\t\t\ttoolbar: 'align,30'\n\t\t\t\t} );\n\t\t\t\teditor.ui.addButton( 'JustifyBlock', {\n\t\t\t\t\tlabel: editor.lang.justify.block,\n\t\t\t\t\tcommand: 'justifyblock',\n\t\t\t\t\ttoolbar: 'align,40'\n\t\t\t\t} );\n\t\t\t}\n\t\t\teditor.on( 'dirChanged', onDirChanged );\n\t\t}\n\t} );\n} )();\n\n/**\n * List of classes to use for aligning the contents. If it's `null`, no classes will be used\n * and instead the corresponding CSS values will be used.\n *\n * The array should contain 4 members, in the following order: left, center, right, justify.\n *\n *\t\t// Use the classes 'AlignLeft', 'AlignCenter', 'AlignRight', 'AlignJustify'\n *\t\tconfig.justifyClasses = [ 'AlignLeft', 'AlignCenter', 'AlignRight', 'AlignJustify' ];\n *\n * @cfg {Array} [justifyClasses=null]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\tvar cssStyle = CKEDITOR.htmlParser.cssStyle,\n\t\tcssLength = CKEDITOR.tools.cssLength;\n\n\tvar cssLengthRegex = /^((?:\\d*(?:\\.\\d+))|(?:\\d+))(.*)?$/i;\n\n\t// Replacing the former CSS length value with the later one, with\n\t// adjustment to the length unit.\n\tfunction replaceCssLength( length1, length2 ) {\n\t\tvar parts1 = cssLengthRegex.exec( length1 ),\n\t\t\tparts2 = cssLengthRegex.exec( length2 );\n\n\t\t// Omit pixel length unit when necessary,\n\t\t// e.g. replaceCssLength( 10, '20px' ) -> 20\n\t\tif ( parts1 ) {\n\t\t\tif ( !parts1[ 2 ] && parts2[ 2 ] == 'px' )\n\t\t\t\treturn parts2[ 1 ];\n\t\t\tif ( parts1[ 2 ] == 'px' && !parts2[ 2 ] )\n\t\t\t\treturn parts2[ 1 ] + 'px';\n\t\t}\n\n\t\treturn length2;\n\t}\n\n\tvar htmlFilterRules = {\n\t\telements: {\n\t\t\t$: function( element ) {\n\t\t\t\tvar attributes = element.attributes,\n\t\t\t\t\trealHtml = attributes && attributes[ 'data-cke-realelement' ],\n\t\t\t\t\trealFragment = realHtml && new CKEDITOR.htmlParser.fragment.fromHtml( decodeURIComponent( realHtml ) ),\n\t\t\t\t\trealElement = realFragment && realFragment.children[ 0 ];\n\n\t\t\t\t// Width/height in the fake object are subjected to clone into the real element.\n\t\t\t\tif ( realElement && element.attributes[ 'data-cke-resizable' ] ) {\n\t\t\t\t\tvar styles = new cssStyle( element ).rules,\n\t\t\t\t\t\trealAttrs = realElement.attributes,\n\t\t\t\t\t\twidth = styles.width,\n\t\t\t\t\t\theight = styles.height;\n\n\t\t\t\t\twidth && ( realAttrs.width = replaceCssLength( realAttrs.width, width ) );\n\t\t\t\t\theight && ( realAttrs.height = replaceCssLength( realAttrs.height, height ) );\n\t\t\t\t}\n\n\t\t\t\treturn realElement;\n\t\t\t}\n\t\t}\n\t};\n\n\tCKEDITOR.plugins.add( 'fakeobjects', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\n\t\tinit: function( editor ) {\n\t\t\t// Allow image with all styles and classes plus src, alt and title attributes.\n\t\t\t// We need them when fakeobject is pasted.\n\t\t\teditor.filter.allow( 'img[!data-cke-realelement,src,alt,title](*){*}', 'fakeobjects' );\n\t\t},\n\n\t\tafterInit: function( editor ) {\n\t\t\tvar dataProcessor = editor.dataProcessor,\n\t\t\t\thtmlFilter = dataProcessor && dataProcessor.htmlFilter;\n\n\t\t\tif ( htmlFilter ) {\n\t\t\t\thtmlFilter.addRules( htmlFilterRules, {\n\t\t\t\t\tapplyToAll: true\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t} );\n\n\t/**\n\t * Creates fake {@link CKEDITOR.dom.element} based on real element.\n\t * Fake element is an img with special attributes, which keep real element properties.\n\t *\n\t * @member CKEDITOR.editor\n\t * @param {CKEDITOR.dom.element} realElement Real element to transform.\n\t * @param {String} className Class name which will be used as class of fake element.\n\t * @param {String} realElementType Stores type of fake element.\n\t * @param {Boolean} isResizable Keeps information if element is resizable.\n\t * @returns {CKEDITOR.dom.element} Fake element.\n\t */\n\tCKEDITOR.editor.prototype.createFakeElement = function( realElement, className, realElementType, isResizable ) {\n\t\tvar lang = this.lang.fakeobjects,\n\t\t\tlabel = lang[ realElementType ] || lang.unknown;\n\n\t\tvar attributes = {\n\t\t\t'class': className,\n\t\t\t'data-cke-realelement': encodeURIComponent( realElement.getOuterHtml() ),\n\t\t\t'data-cke-real-node-type': realElement.type,\n\t\t\talt: label,\n\t\t\ttitle: label,\n\t\t\talign: realElement.getAttribute( 'align' ) || ''\n\t\t};\n\n\t\t// Do not set \"src\" on high-contrast so the alt text is displayed. (http://dev.ckeditor.com/ticket/8945)\n\t\tif ( !CKEDITOR.env.hc )\n\t\t\tattributes.src = CKEDITOR.tools.transparentImageData;\n\n\t\tif ( realElementType )\n\t\t\tattributes[ 'data-cke-real-element-type' ] = realElementType;\n\n\t\tif ( isResizable ) {\n\t\t\tattributes[ 'data-cke-resizable' ] = isResizable;\n\n\t\t\tvar fakeStyle = new cssStyle();\n\n\t\t\tvar width = realElement.getAttribute( 'width' ),\n\t\t\t\theight = realElement.getAttribute( 'height' );\n\n\t\t\twidth && ( fakeStyle.rules.width = cssLength( width ) );\n\t\t\theight && ( fakeStyle.rules.height = cssLength( height ) );\n\t\t\tfakeStyle.populate( attributes );\n\t\t}\n\n\t\treturn this.document.createElement( 'img', { attributes: attributes } );\n\t};\n\n\t/**\n\t * Creates fake {@link CKEDITOR.htmlParser.element} based on real element.\n\t *\n\t * @member CKEDITOR.editor\n\t * @param {CKEDITOR.dom.element} realElement Real element to transform.\n\t * @param {String} className Class name which will be used as class of fake element.\n\t * @param {String} realElementType Store type of fake element.\n\t * @param {Boolean} isResizable Keep information if element is resizable.\n\t * @returns {CKEDITOR.htmlParser.element} Fake htmlParser element.\n\t */\n\tCKEDITOR.editor.prototype.createFakeParserElement = function( realElement, className, realElementType, isResizable ) {\n\t\tvar lang = this.lang.fakeobjects,\n\t\t\tlabel = lang[ realElementType ] || lang.unknown,\n\t\t\thtml;\n\n\t\tvar writer = new CKEDITOR.htmlParser.basicWriter();\n\t\trealElement.writeHtml( writer );\n\t\thtml = writer.getHtml();\n\n\t\tvar attributes = {\n\t\t\t'class': className,\n\t\t\t'data-cke-realelement': encodeURIComponent( html ),\n\t\t\t'data-cke-real-node-type': realElement.type,\n\t\t\talt: label,\n\t\t\ttitle: label,\n\t\t\talign: realElement.attributes.align || ''\n\t\t};\n\n\t\t// Do not set \"src\" on high-contrast so the alt text is displayed. (http://dev.ckeditor.com/ticket/8945)\n\t\tif ( !CKEDITOR.env.hc )\n\t\t\tattributes.src = CKEDITOR.tools.transparentImageData;\n\n\t\tif ( realElementType )\n\t\t\tattributes[ 'data-cke-real-element-type' ] = realElementType;\n\n\t\tif ( isResizable ) {\n\t\t\tattributes[ 'data-cke-resizable' ] = isResizable;\n\t\t\tvar realAttrs = realElement.attributes,\n\t\t\t\tfakeStyle = new cssStyle();\n\n\t\t\tvar width = realAttrs.width,\n\t\t\t\theight = realAttrs.height;\n\n\t\t\twidth !== undefined && ( fakeStyle.rules.width = cssLength( width ) );\n\t\t\theight !== undefined && ( fakeStyle.rules.height = cssLength( height ) );\n\t\t\tfakeStyle.populate( attributes );\n\t\t}\n\n\t\treturn new CKEDITOR.htmlParser.element( 'img', attributes );\n\t};\n\n\t/**\n\t * Creates {@link CKEDITOR.dom.element} from fake element.\n\t *\n\t * @member CKEDITOR.editor\n\t * @param {CKEDITOR.dom.element} fakeElement Fake element to transform.\n\t * @returns {CKEDITOR.dom.element/null} Returns real element or `null` if transformed element wasn't fake.\n\t */\n\tCKEDITOR.editor.prototype.restoreRealElement = function( fakeElement ) {\n\t\tif ( fakeElement.data( 'cke-real-node-type' ) != CKEDITOR.NODE_ELEMENT )\n\t\t\treturn null;\n\n\t\tvar element = CKEDITOR.dom.element.createFromHtml( decodeURIComponent( fakeElement.data( 'cke-realelement' ) ), this.document );\n\n\t\tif ( fakeElement.data( 'cke-resizable' ) ) {\n\t\t\tvar width = fakeElement.getStyle( 'width' ),\n\t\t\t\theight = fakeElement.getStyle( 'height' );\n\n\t\t\twidth && element.setAttribute( 'width', replaceCssLength( element.getAttribute( 'width' ), width ) );\n\t\t\theight && element.setAttribute( 'height', replaceCssLength( element.getAttribute( 'height' ), height ) );\n\t\t}\n\n\t\treturn element;\n\t};\n\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n'use strict';\n\n( function() {\n\tCKEDITOR.plugins.add( 'link', {\n\t\trequires: 'dialog,fakeobjects',\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tonLoad: function() {\n\t\t\t// Add the CSS styles for anchor placeholders.\n\t\t\tvar iconPath = CKEDITOR.getUrl( this.path + 'images' + ( CKEDITOR.env.hidpi ? '/hidpi' : '' ) + '/anchor.png' ),\n\t\t\t\tbaseStyle = 'background:url(' + iconPath + ') no-repeat %1 center;border:1px dotted #00f;background-size:16px;';\n\n\t\t\tvar template = '.%2 a.cke_anchor,' +\n\t\t\t\t'.%2 a.cke_anchor_empty' +\n\t\t\t\t',.cke_editable.%2 a[name]' +\n\t\t\t\t',.cke_editable.%2 a[data-cke-saved-name]' +\n\t\t\t\t'{' +\n\t\t\t\t\tbaseStyle +\n\t\t\t\t\t'padding-%1:18px;' +\n\t\t\t\t\t// Show the arrow cursor for the anchor image (FF at least).\n\t\t\t\t\t'cursor:auto;' +\n\t\t\t\t'}' +\n\t\t\t\t'.%2 img.cke_anchor' +\n\t\t\t\t'{' +\n\t\t\t\t\tbaseStyle +\n\t\t\t\t\t'width:16px;' +\n\t\t\t\t\t'min-height:15px;' +\n\t\t\t\t\t// The default line-height on IE.\n\t\t\t\t\t'height:1.15em;' +\n\t\t\t\t\t// Opera works better with \"middle\" (even if not perfect)\n\t\t\t\t\t'vertical-align:text-bottom;' +\n\t\t\t\t'}';\n\n\t\t\t// Styles with contents direction awareness.\n\t\t\tfunction cssWithDir( dir ) {\n\t\t\t\treturn template.replace( /%1/g, dir == 'rtl' ? 'right' : 'left' ).replace( /%2/g, 'cke_contents_' + dir );\n\t\t\t}\n\n\t\t\tCKEDITOR.addCss( cssWithDir( 'ltr' ) + cssWithDir( 'rtl' ) );\n\t\t},\n\n\t\tinit: function( editor ) {\n\t\t\tvar allowed = 'a[!href]',\n\t\t\t\trequired = 'a[href]';\n\n\t\t\tif ( CKEDITOR.dialog.isTabEnabled( editor, 'link', 'advanced' ) )\n\t\t\t\tallowed = allowed.replace( ']', ',accesskey,charset,dir,id,lang,name,rel,tabindex,title,type,download]{*}(*)' );\n\t\t\tif ( CKEDITOR.dialog.isTabEnabled( editor, 'link', 'target' ) )\n\t\t\t\tallowed = allowed.replace( ']', ',target,onclick]' );\n\n\t\t\t// Add the link and unlink buttons.\n\t\t\teditor.addCommand( 'link', new CKEDITOR.dialogCommand( 'link', {\n\t\t\t\tallowedContent: allowed,\n\t\t\t\trequiredContent: required\n\t\t\t} ) );\n\t\t\teditor.addCommand( 'anchor', new CKEDITOR.dialogCommand( 'anchor', {\n\t\t\t\tallowedContent: 'a[!name,id]',\n\t\t\t\trequiredContent: 'a[name]'\n\t\t\t} ) );\n\t\t\teditor.addCommand( 'unlink', new CKEDITOR.unlinkCommand() );\n\t\t\teditor.addCommand( 'removeAnchor', new CKEDITOR.removeAnchorCommand() );\n\n\t\t\teditor.setKeystroke( CKEDITOR.CTRL + 76 /*L*/, 'link' );\n\n\t\t\tif ( editor.ui.addButton ) {\n\t\t\t\teditor.ui.addButton( 'Link', {\n\t\t\t\t\tlabel: editor.lang.link.toolbar,\n\t\t\t\t\tcommand: 'link',\n\t\t\t\t\ttoolbar: 'links,10'\n\t\t\t\t} );\n\t\t\t\teditor.ui.addButton( 'Unlink', {\n\t\t\t\t\tlabel: editor.lang.link.unlink,\n\t\t\t\t\tcommand: 'unlink',\n\t\t\t\t\ttoolbar: 'links,20'\n\t\t\t\t} );\n\t\t\t\teditor.ui.addButton( 'Anchor', {\n\t\t\t\t\tlabel: editor.lang.link.anchor.toolbar,\n\t\t\t\t\tcommand: 'anchor',\n\t\t\t\t\ttoolbar: 'links,30'\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tCKEDITOR.dialog.add( 'link', this.path + 'dialogs/link.js' );\n\t\t\tCKEDITOR.dialog.add( 'anchor', this.path + 'dialogs/anchor.js' );\n\n\t\t\teditor.on( 'doubleclick', function( evt ) {\n\t\t\t\t// If the link has descendants and the last part of it is also a part of a word partially\n\t\t\t\t// unlinked, clicked element may be a descendant of the link, not the link itself (http://dev.ckeditor.com/ticket/11956).\n\t\t\t\t// The evt.data.element.getAscendant( 'img', 1 ) condition allows opening anchor dialog if the anchor is empty (#501).\n\t\t\t\tvar element = evt.data.element.getAscendant( { a: 1, img: 1 }, true );\n\n\t\t\t\tif ( element && !element.isReadOnly() ) {\n\t\t\t\t\tif ( element.is( 'a' ) ) {\n\t\t\t\t\t\tevt.data.dialog = ( element.getAttribute( 'name' ) && ( !element.getAttribute( 'href' ) || !element.getChildCount() ) ) ? 'anchor' : 'link';\n\n\t\t\t\t\t\t// Pass the link to be selected along with event data.\n\t\t\t\t\t\tevt.data.link = element;\n\t\t\t\t\t} else if ( CKEDITOR.plugins.link.tryRestoreFakeAnchor( editor, element ) ) {\n\t\t\t\t\t\tevt.data.dialog = 'anchor';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, null, null, 0 );\n\n\t\t\t// If event was cancelled, link passed in event data will not be selected.\n\t\t\teditor.on( 'doubleclick', function( evt ) {\n\t\t\t\t// Make sure both links and anchors are selected (http://dev.ckeditor.com/ticket/11822).\n\t\t\t\tif ( evt.data.dialog in { link: 1, anchor: 1 } && evt.data.link )\n\t\t\t\t\teditor.getSelection().selectElement( evt.data.link );\n\t\t\t}, null, null, 20 );\n\n\t\t\t// If the \"menu\" plugin is loaded, register the menu items.\n\t\t\tif ( editor.addMenuItems ) {\n\t\t\t\teditor.addMenuItems( {\n\t\t\t\t\tanchor: {\n\t\t\t\t\t\tlabel: editor.lang.link.anchor.menu,\n\t\t\t\t\t\tcommand: 'anchor',\n\t\t\t\t\t\tgroup: 'anchor',\n\t\t\t\t\t\torder: 1\n\t\t\t\t\t},\n\n\t\t\t\t\tremoveAnchor: {\n\t\t\t\t\t\tlabel: editor.lang.link.anchor.remove,\n\t\t\t\t\t\tcommand: 'removeAnchor',\n\t\t\t\t\t\tgroup: 'anchor',\n\t\t\t\t\t\torder: 5\n\t\t\t\t\t},\n\n\t\t\t\t\tlink: {\n\t\t\t\t\t\tlabel: editor.lang.link.menu,\n\t\t\t\t\t\tcommand: 'link',\n\t\t\t\t\t\tgroup: 'link',\n\t\t\t\t\t\torder: 1\n\t\t\t\t\t},\n\n\t\t\t\t\tunlink: {\n\t\t\t\t\t\tlabel: editor.lang.link.unlink,\n\t\t\t\t\t\tcommand: 'unlink',\n\t\t\t\t\t\tgroup: 'link',\n\t\t\t\t\t\torder: 5\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// If the \"contextmenu\" plugin is loaded, register the listeners.\n\t\t\tif ( editor.contextMenu ) {\n\t\t\t\teditor.contextMenu.addListener( function( element ) {\n\t\t\t\t\tif ( !element || element.isReadOnly() )\n\t\t\t\t\t\treturn null;\n\n\t\t\t\t\tvar anchor = CKEDITOR.plugins.link.tryRestoreFakeAnchor( editor, element );\n\n\t\t\t\t\tif ( !anchor && !( anchor = CKEDITOR.plugins.link.getSelectedLink( editor ) ) )\n\t\t\t\t\t\treturn null;\n\n\t\t\t\t\tvar menu = {};\n\n\t\t\t\t\tif ( anchor.getAttribute( 'href' ) && anchor.getChildCount() )\n\t\t\t\t\t\tmenu = { link: CKEDITOR.TRISTATE_OFF, unlink: CKEDITOR.TRISTATE_OFF };\n\n\t\t\t\t\tif ( anchor && anchor.hasAttribute( 'name' ) )\n\t\t\t\t\t\tmenu.anchor = menu.removeAnchor = CKEDITOR.TRISTATE_OFF;\n\n\t\t\t\t\treturn menu;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tthis.compiledProtectionFunction = getCompiledProtectionFunction( editor );\n\t\t},\n\n\t\tafterInit: function( editor ) {\n\t\t\t// Empty anchors upcasting to fake objects.\n\t\t\teditor.dataProcessor.dataFilter.addRules( {\n\t\t\t\telements: {\n\t\t\t\t\ta: function( element ) {\n\t\t\t\t\t\tif ( !element.attributes.name )\n\t\t\t\t\t\t\treturn null;\n\n\t\t\t\t\t\tif ( !element.children.length )\n\t\t\t\t\t\t\treturn editor.createFakeParserElement( element, 'cke_anchor', 'anchor' );\n\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tvar pathFilters = editor._.elementsPath && editor._.elementsPath.filters;\n\t\t\tif ( pathFilters ) {\n\t\t\t\tpathFilters.push( function( element, name ) {\n\t\t\t\t\tif ( name == 'a' ) {\n\t\t\t\t\t\tif ( CKEDITOR.plugins.link.tryRestoreFakeAnchor( editor, element ) || ( element.getAttribute( 'name' ) && ( !element.getAttribute( 'href' ) || !element.getChildCount() ) ) )\n\t\t\t\t\t\t\treturn 'anchor';\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t} );\n\n\t// Loads the parameters in a selected link to the link dialog fields.\n\tvar javascriptProtocolRegex = /^javascript:/,\n\t\temailRegex = /^mailto:([^?]+)(?:\\?(.+))?$/,\n\t\temailSubjectRegex = /subject=([^;?:@&=$,\\/]*)/i,\n\t\temailBodyRegex = /body=([^;?:@&=$,\\/]*)/i,\n\t\tanchorRegex = /^#(.*)$/,\n\t\turlRegex = /^((?:http|https|ftp|news):\\/\\/)?(.*)$/,\n\t\tselectableTargets = /^(_(?:self|top|parent|blank))$/,\n\t\tencodedEmailLinkRegex = /^javascript:void\\(location\\.href='mailto:'\\+String\\.fromCharCode\\(([^)]+)\\)(?:\\+'(.*)')?\\)$/,\n\t\tfunctionCallProtectedEmailLinkRegex = /^javascript:([^(]+)\\(([^)]+)\\)$/,\n\t\tpopupRegex = /\\s*window.open\\(\\s*this\\.href\\s*,\\s*(?:'([^']*)'|null)\\s*,\\s*'([^']*)'\\s*\\)\\s*;\\s*return\\s*false;*\\s*/,\n\t\tpopupFeaturesRegex = /(?:^|,)([^=]+)=(\\d+|yes|no)/gi;\n\n\tvar advAttrNames = {\n\t\tid: 'advId',\n\t\tdir: 'advLangDir',\n\t\taccessKey: 'advAccessKey',\n\t\t// 'data-cke-saved-name': 'advName',\n\t\tname: 'advName',\n\t\tlang: 'advLangCode',\n\t\ttabindex: 'advTabIndex',\n\t\ttitle: 'advTitle',\n\t\ttype: 'advContentType',\n\t\t'class': 'advCSSClasses',\n\t\tcharset: 'advCharset',\n\t\tstyle: 'advStyles',\n\t\trel: 'advRel'\n\t};\n\n\tfunction unescapeSingleQuote( str ) {\n\t\treturn str.replace( /\\\\'/g, '\\'' );\n\t}\n\n\tfunction escapeSingleQuote( str ) {\n\t\treturn str.replace( /'/g, '\\\\$&' );\n\t}\n\n\tfunction protectEmailAddressAsEncodedString( address ) {\n\t\tvar charCode,\n\t\t\tlength = address.length,\n\t\t\tencodedChars = [];\n\n\t\tfor ( var i = 0; i < length; i++ ) {\n\t\t\tcharCode = address.charCodeAt( i );\n\t\t\tencodedChars.push( charCode );\n\t\t}\n\n\t\treturn 'String.fromCharCode(' + encodedChars.join( ',' ) + ')';\n\t}\n\n\tfunction protectEmailLinkAsFunction( editor, email ) {\n\t\tvar plugin = editor.plugins.link,\n\t\t\tname = plugin.compiledProtectionFunction.name,\n\t\t\tparams = plugin.compiledProtectionFunction.params,\n\t\t\tparamName, paramValue, retval;\n\n\t\tretval = [ name, '(' ];\n\t\tfor ( var i = 0; i < params.length; i++ ) {\n\t\t\tparamName = params[ i ].toLowerCase();\n\t\t\tparamValue = email[ paramName ];\n\n\t\t\ti > 0 && retval.push( ',' );\n\t\t\tretval.push( '\\'', paramValue ? escapeSingleQuote( encodeURIComponent( email[ paramName ] ) ) : '', '\\'' );\n\t\t}\n\t\tretval.push( ')' );\n\t\treturn retval.join( '' );\n\t}\n\n\tfunction getCompiledProtectionFunction( editor ) {\n\t\tvar emailProtection = editor.config.emailProtection || '',\n\t\t\tcompiledProtectionFunction;\n\n\t\t// Compile the protection function pattern.\n\t\tif ( emailProtection && emailProtection != 'encode' ) {\n\t\t\tcompiledProtectionFunction = {};\n\n\t\t\temailProtection.replace( /^([^(]+)\\(([^)]+)\\)$/, function( match, funcName, params ) {\n\t\t\t\tcompiledProtectionFunction.name = funcName;\n\t\t\t\tcompiledProtectionFunction.params = [];\n\t\t\t\tparams.replace( /[^,\\s]+/g, function( param ) {\n\t\t\t\t\tcompiledProtectionFunction.params.push( param );\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\n\t\treturn compiledProtectionFunction;\n\t}\n\n\t/**\n\t * Set of Link plugin helpers.\n\t *\n\t * @class\n\t * @singleton\n\t */\n\tCKEDITOR.plugins.link = {\n\t\t/**\n\t\t * Get the surrounding link element of the current selection.\n\t\t *\n\t\t *\t\tCKEDITOR.plugins.link.getSelectedLink( editor );\n\t\t *\n\t\t *\t\t// The following selections will all return the link element.\n\t\t *\n\t\t *\t\tli^nk\n\t\t *\t\t[link]\n\t\t *\t\ttext[link]\n\t\t *\t\tli[nk]\n\t\t *\t\t[li]nk]\n\t\t *\t\t[li]nk\n\t\t *\n\t\t * @since 3.2.1\n\t\t * @param {CKEDITOR.editor} editor\n\t\t * @param {Boolean} [returnMultiple=false] Indicates whether the function should return only the first selected link or all of them.\n\t\t * @returns {CKEDITOR.dom.element/CKEDITOR.dom.element[]/null} A single link element or an array of link\n\t\t * elements relevant to the current selection.\n\t\t */\n\t\tgetSelectedLink: function( editor, returnMultiple ) {\n\t\t\tvar selection = editor.getSelection(),\n\t\t\t\tselectedElement = selection.getSelectedElement(),\n\t\t\t\tranges = selection.getRanges(),\n\t\t\t\tlinks = [],\n\t\t\t\tlink,\n\t\t\t\trange,\n\t\t\t\ti;\n\n\t\t\tif ( !returnMultiple && selectedElement && selectedElement.is( 'a' ) ) {\n\t\t\t\treturn selectedElement;\n\t\t\t}\n\n\t\t\tfor ( i = 0; i < ranges.length; i++ ) {\n\t\t\t\trange = selection.getRanges()[ i ];\n\n\t\t\t\t// Skip bogus to cover cases of multiple selection inside tables (#tp2245).\n\t\t\t\trange.shrink( CKEDITOR.SHRINK_TEXT, false, { skipBogus: true } );\n\t\t\t\tlink = editor.elementPath( range.getCommonAncestor() ).contains( 'a', 1 );\n\n\t\t\t\tif ( link && returnMultiple ) {\n\t\t\t\t\tlinks.push( link );\n\t\t\t\t} else if ( link ) {\n\t\t\t\t\treturn link;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn returnMultiple ? links : null;\n\t\t},\n\n\t\t/**\n\t\t * Collects anchors available in the editor (i.e. used by the Link plugin).\n\t\t * Note that the scope of search is different for inline (the \"global\" document) and\n\t\t * classic (`iframe`-based) editors (the \"inner\" document).\n\t\t *\n\t\t * @since 4.3.3\n\t\t * @param {CKEDITOR.editor} editor\n\t\t * @returns {CKEDITOR.dom.element[]} An array of anchor elements.\n\t\t */\n\t\tgetEditorAnchors: function( editor ) {\n\t\t\tvar editable = editor.editable(),\n\n\t\t\t\t// The scope of search for anchors is the entire document for inline editors\n\t\t\t\t// and editor's editable for classic editor/divarea (http://dev.ckeditor.com/ticket/11359).\n\t\t\t\tscope = ( editable.isInline() && !editor.plugins.divarea ) ? editor.document : editable,\n\n\t\t\t\tlinks = scope.getElementsByTag( 'a' ),\n\t\t\t\timgs = scope.getElementsByTag( 'img' ),\n\t\t\t\tanchors = [],\n\t\t\t\ti = 0,\n\t\t\t\titem;\n\n\t\t\t// Retrieve all anchors within the scope.\n\t\t\twhile ( ( item = links.getItem( i++ ) ) ) {\n\t\t\t\tif ( item.data( 'cke-saved-name' ) || item.hasAttribute( 'name' ) ) {\n\t\t\t\t\tanchors.push( {\n\t\t\t\t\t\tname: item.data( 'cke-saved-name' ) || item.getAttribute( 'name' ),\n\t\t\t\t\t\tid: item.getAttribute( 'id' )\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Retrieve all \"fake anchors\" within the scope.\n\t\t\ti = 0;\n\n\t\t\twhile ( ( item = imgs.getItem( i++ ) ) ) {\n\t\t\t\tif ( ( item = this.tryRestoreFakeAnchor( editor, item ) ) ) {\n\t\t\t\t\tanchors.push( {\n\t\t\t\t\t\tname: item.getAttribute( 'name' ),\n\t\t\t\t\t\tid: item.getAttribute( 'id' )\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn anchors;\n\t\t},\n\n\t\t/**\n\t\t * Opera and WebKit do not make it possible to select empty anchors. Fake\n\t\t * elements must be used for them.\n\t\t *\n\t\t * @readonly\n\t\t * @deprecated 4.3.3 It is set to `true` in every browser.\n\t\t * @property {Boolean}\n\t\t */\n\t\tfakeAnchor: true,\n\n\t\t/**\n\t\t * For browsers that do not support CSS3 `a[name]:empty()`. Note that IE9 is included because of http://dev.ckeditor.com/ticket/7783.\n\t\t *\n\t\t * @readonly\n\t\t * @deprecated 4.3.3 It is set to `false` in every browser.\n\t\t * @property {Boolean} synAnchorSelector\n\t\t */\n\n\t\t/**\n\t\t * For browsers that have editing issues with an empty anchor.\n\t\t *\n\t\t * @readonly\n\t\t * @deprecated 4.3.3 It is set to `false` in every browser.\n\t\t * @property {Boolean} emptyAnchorFix\n\t\t */\n\n\t\t/**\n\t\t * Returns an element representing a real anchor restored from a fake anchor.\n\t\t *\n\t\t * @param {CKEDITOR.editor} editor\n\t\t * @param {CKEDITOR.dom.element} element\n\t\t * @returns {CKEDITOR.dom.element} Restored anchor element or nothing if the\n\t\t * passed element was not a fake anchor.\n\t\t */\n\t\ttryRestoreFakeAnchor: function( editor, element ) {\n\t\t\tif ( element && element.data( 'cke-real-element-type' ) && element.data( 'cke-real-element-type' ) == 'anchor' ) {\n\t\t\t\tvar link = editor.restoreRealElement( element );\n\t\t\t\tif ( link.data( 'cke-saved-name' ) )\n\t\t\t\t\treturn link;\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Parses attributes of the link element and returns an object representing\n\t\t * the current state (data) of the link. This data format is a plain object accepted\n\t\t * e.g. by the Link dialog window and {@link #getLinkAttributes}.\n\t\t *\n\t\t * **Note:** Data model format produced by the parser must be compatible with the Link\n\t\t * plugin dialog because it is passed directly to {@link CKEDITOR.dialog#setupContent}.\n\t\t *\n\t\t * @since 4.4\n\t\t * @param {CKEDITOR.editor} editor\n\t\t * @param {CKEDITOR.dom.element} element\n\t\t * @returns {Object} An object of link data.\n\t\t */\n\t\tparseLinkAttributes: function( editor, element ) {\n\t\t\tvar href = ( element && ( element.data( 'cke-saved-href' ) || element.getAttribute( 'href' ) ) ) || '',\n\t\t\t\tcompiledProtectionFunction = editor.plugins.link.compiledProtectionFunction,\n\t\t\t\temailProtection = editor.config.emailProtection,\n\t\t\t\tjavascriptMatch, emailMatch, anchorMatch, urlMatch,\n\t\t\t\tretval = {};\n\n\t\t\tif ( ( javascriptMatch = href.match( javascriptProtocolRegex ) ) ) {\n\t\t\t\tif ( emailProtection == 'encode' ) {\n\t\t\t\t\thref = href.replace( encodedEmailLinkRegex, function( match, protectedAddress, rest ) {\n\t\t\t\t\t\t// Without it 'undefined' is appended to e-mails without subject and body (http://dev.ckeditor.com/ticket/9192).\n\t\t\t\t\t\trest = rest || '';\n\n\t\t\t\t\t\treturn 'mailto:' +\n\t\t\t\t\t\t\tString.fromCharCode.apply( String, protectedAddress.split( ',' ) ) +\n\t\t\t\t\t\t\tunescapeSingleQuote( rest );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Protected email link as function call.\n\t\t\t\telse if ( emailProtection ) {\n\t\t\t\t\thref.replace( functionCallProtectedEmailLinkRegex, function( match, funcName, funcArgs ) {\n\t\t\t\t\t\tif ( funcName == compiledProtectionFunction.name ) {\n\t\t\t\t\t\t\tretval.type = 'email';\n\t\t\t\t\t\t\tvar email = retval.email = {};\n\n\t\t\t\t\t\t\tvar paramRegex = /[^,\\s]+/g,\n\t\t\t\t\t\t\t\tparamQuoteRegex = /(^')|('$)/g,\n\t\t\t\t\t\t\t\tparamsMatch = funcArgs.match( paramRegex ),\n\t\t\t\t\t\t\t\tparamsMatchLength = paramsMatch.length,\n\t\t\t\t\t\t\t\tparamName, paramVal;\n\n\t\t\t\t\t\t\tfor ( var i = 0; i < paramsMatchLength; i++ ) {\n\t\t\t\t\t\t\t\tparamVal = decodeURIComponent( unescapeSingleQuote( paramsMatch[ i ].replace( paramQuoteRegex, '' ) ) );\n\t\t\t\t\t\t\t\tparamName = compiledProtectionFunction.params[ i ].toLowerCase();\n\t\t\t\t\t\t\t\temail[ paramName ] = paramVal;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\temail.address = [ email.name, email.domain ].join( '@' );\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( !retval.type ) {\n\t\t\t\tif ( ( anchorMatch = href.match( anchorRegex ) ) ) {\n\t\t\t\t\tretval.type = 'anchor';\n\t\t\t\t\tretval.anchor = {};\n\t\t\t\t\tretval.anchor.name = retval.anchor.id = anchorMatch[ 1 ];\n\t\t\t\t}\n\t\t\t\t// Protected email link as encoded string.\n\t\t\t\telse if ( ( emailMatch = href.match( emailRegex ) ) ) {\n\t\t\t\t\tvar subjectMatch = href.match( emailSubjectRegex ),\n\t\t\t\t\t\tbodyMatch = href.match( emailBodyRegex );\n\n\t\t\t\t\tretval.type = 'email';\n\t\t\t\t\tvar email = ( retval.email = {} );\n\t\t\t\t\temail.address = emailMatch[ 1 ];\n\t\t\t\t\tsubjectMatch && ( email.subject = decodeURIComponent( subjectMatch[ 1 ] ) );\n\t\t\t\t\tbodyMatch && ( email.body = decodeURIComponent( bodyMatch[ 1 ] ) );\n\t\t\t\t}\n\t\t\t\t// urlRegex matches empty strings, so need to check for href as well.\n\t\t\t\telse if ( href && ( urlMatch = href.match( urlRegex ) ) ) {\n\t\t\t\t\tretval.type = 'url';\n\t\t\t\t\tretval.url = {};\n\t\t\t\t\tretval.url.protocol = urlMatch[ 1 ];\n\t\t\t\t\tretval.url.url = urlMatch[ 2 ];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Load target and popup settings.\n\t\t\tif ( element ) {\n\t\t\t\tvar target = element.getAttribute( 'target' );\n\n\t\t\t\t// IE BUG: target attribute is an empty string instead of null in IE if it's not set.\n\t\t\t\tif ( !target ) {\n\t\t\t\t\tvar onclick = element.data( 'cke-pa-onclick' ) || element.getAttribute( 'onclick' ),\n\t\t\t\t\t\tonclickMatch = onclick && onclick.match( popupRegex );\n\n\t\t\t\t\tif ( onclickMatch ) {\n\t\t\t\t\t\tretval.target = {\n\t\t\t\t\t\t\ttype: 'popup',\n\t\t\t\t\t\t\tname: onclickMatch[ 1 ]\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tvar featureMatch;\n\t\t\t\t\t\twhile ( ( featureMatch = popupFeaturesRegex.exec( onclickMatch[ 2 ] ) ) ) {\n\t\t\t\t\t\t\t// Some values should remain numbers (http://dev.ckeditor.com/ticket/7300)\n\t\t\t\t\t\t\tif ( ( featureMatch[ 2 ] == 'yes' || featureMatch[ 2 ] == '1' ) && !( featureMatch[ 1 ] in { height: 1, width: 1, top: 1, left: 1 } ) )\n\t\t\t\t\t\t\t\tretval.target[ featureMatch[ 1 ] ] = true;\n\t\t\t\t\t\t\telse if ( isFinite( featureMatch[ 2 ] ) )\n\t\t\t\t\t\t\t\tretval.target[ featureMatch[ 1 ] ] = featureMatch[ 2 ];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tretval.target = {\n\t\t\t\t\t\ttype: target.match( selectableTargets ) ? target : 'frame',\n\t\t\t\t\t\tname: target\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tvar download = element.getAttribute( 'download' );\n\t\t\t\tif ( download !== null ) {\n\t\t\t\t\tretval.download = true;\n\t\t\t\t}\n\n\t\t\t\tvar advanced = {};\n\n\t\t\t\tfor ( var a in advAttrNames ) {\n\t\t\t\t\tvar val = element.getAttribute( a );\n\n\t\t\t\t\tif ( val )\n\t\t\t\t\t\tadvanced[ advAttrNames[ a ] ] = val;\n\t\t\t\t}\n\n\t\t\t\tvar advName = element.data( 'cke-saved-name' ) || advanced.advName;\n\n\t\t\t\tif ( advName )\n\t\t\t\t\tadvanced.advName = advName;\n\n\t\t\t\tif ( !CKEDITOR.tools.isEmpty( advanced ) )\n\t\t\t\t\tretval.advanced = advanced;\n\t\t\t}\n\n\t\t\treturn retval;\n\t\t},\n\n\t\t/**\n\t\t * Converts link data produced by {@link #parseLinkAttributes} into an object which consists\n\t\t * of attributes to be set (with their values) and an array of attributes to be removed.\n\t\t * This method can be used to compose or to update any link element with the given data.\n\t\t *\n\t\t * @since 4.4\n\t\t * @param {CKEDITOR.editor} editor\n\t\t * @param {Object} data Data in {@link #parseLinkAttributes} format.\n\t\t * @returns {Object} An object consisting of two keys, i.e.:\n\t\t *\n\t\t *\t\t{\n\t\t *\t\t\t// Attributes to be set.\n\t\t *\t\t\tset: {\n\t\t *\t\t\t\thref: 'http://foo.bar',\n\t\t *\t\t\t\ttarget: 'bang'\n\t\t *\t\t\t},\n\t\t *\t\t\t// Attributes to be removed.\n\t\t *\t\t\tremoved: [\n\t\t *\t\t\t\t'id', 'style'\n\t\t *\t\t\t]\n\t\t *\t\t}\n\t\t *\n\t\t */\n\t\tgetLinkAttributes: function( editor, data ) {\n\t\t\tvar emailProtection = editor.config.emailProtection || '',\n\t\t\t\tset = {};\n\n\t\t\t// Compose the URL.\n\t\t\tswitch ( data.type ) {\n\t\t\t\tcase 'url':\n\t\t\t\t\tvar protocol = ( data.url && data.url.protocol !== undefined ) ? data.url.protocol : 'http://',\n\t\t\t\t\t\turl = ( data.url && CKEDITOR.tools.trim( data.url.url ) ) || '';\n\n\t\t\t\t\tset[ 'data-cke-saved-href' ] = ( url.indexOf( '/' ) === 0 ) ? url : protocol + url;\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'anchor':\n\t\t\t\t\tvar name = ( data.anchor && data.anchor.name ),\n\t\t\t\t\t\tid = ( data.anchor && data.anchor.id );\n\n\t\t\t\t\tset[ 'data-cke-saved-href' ] = '#' + ( name || id || '' );\n\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'email':\n\t\t\t\t\tvar email = data.email,\n\t\t\t\t\t\taddress = email.address,\n\t\t\t\t\t\tlinkHref;\n\n\t\t\t\t\tswitch ( emailProtection ) {\n\t\t\t\t\t\tcase '':\n\t\t\t\t\t\tcase 'encode':\n\t\t\t\t\t\t\tvar subject = encodeURIComponent( email.subject || '' ),\n\t\t\t\t\t\t\t\tbody = encodeURIComponent( email.body || '' ),\n\t\t\t\t\t\t\t\targList = [];\n\n\t\t\t\t\t\t\t// Build the e-mail parameters first.\n\t\t\t\t\t\t\tsubject && argList.push( 'subject=' + subject );\n\t\t\t\t\t\t\tbody && argList.push( 'body=' + body );\n\t\t\t\t\t\t\targList = argList.length ? '?' + argList.join( '&' ) : '';\n\n\t\t\t\t\t\t\tif ( emailProtection == 'encode' ) {\n\t\t\t\t\t\t\t\tlinkHref = [\n\t\t\t\t\t\t\t\t\t'javascript:void(location.href=\\'mailto:\\'+', // jshint ignore:line\n\t\t\t\t\t\t\t\t\tprotectEmailAddressAsEncodedString( address )\n\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t// parameters are optional.\n\t\t\t\t\t\t\t\targList && linkHref.push( '+\\'', escapeSingleQuote( argList ), '\\'' );\n\n\t\t\t\t\t\t\t\tlinkHref.push( ')' );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tlinkHref = [ 'mailto:', address, argList ];\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t// Separating name and domain.\n\t\t\t\t\t\t\tvar nameAndDomain = address.split( '@', 2 );\n\t\t\t\t\t\t\temail.name = nameAndDomain[ 0 ];\n\t\t\t\t\t\t\temail.domain = nameAndDomain[ 1 ];\n\n\t\t\t\t\t\t\tlinkHref = [ 'javascript:', protectEmailLinkAsFunction( editor, email ) ]; // jshint ignore:line\n\t\t\t\t\t}\n\n\t\t\t\t\tset[ 'data-cke-saved-href' ] = linkHref.join( '' );\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\t// Popups and target.\n\t\t\tif ( data.target ) {\n\t\t\t\tif ( data.target.type == 'popup' ) {\n\t\t\t\t\tvar onclickList = [\n\t\t\t\t\t\t\t'window.open(this.href, \\'', data.target.name || '', '\\', \\''\n\t\t\t\t\t\t],\n\t\t\t\t\t\tfeatureList = [\n\t\t\t\t\t\t\t'resizable', 'status', 'location', 'toolbar', 'menubar', 'fullscreen', 'scrollbars', 'dependent'\n\t\t\t\t\t\t],\n\t\t\t\t\t\tfeatureLength = featureList.length,\n\t\t\t\t\t\taddFeature = function( featureName ) {\n\t\t\t\t\t\t\tif ( data.target[ featureName ] )\n\t\t\t\t\t\t\t\tfeatureList.push( featureName + '=' + data.target[ featureName ] );\n\t\t\t\t\t\t};\n\n\t\t\t\t\tfor ( var i = 0; i < featureLength; i++ )\n\t\t\t\t\t\tfeatureList[ i ] = featureList[ i ] + ( data.target[ featureList[ i ] ] ? '=yes' : '=no' );\n\n\t\t\t\t\taddFeature( 'width' );\n\t\t\t\t\taddFeature( 'left' );\n\t\t\t\t\taddFeature( 'height' );\n\t\t\t\t\taddFeature( 'top' );\n\n\t\t\t\t\tonclickList.push( featureList.join( ',' ), '\\'); return false;' );\n\t\t\t\t\tset[ 'data-cke-pa-onclick' ] = onclickList.join( '' );\n\t\t\t\t}\n\t\t\t\telse if ( data.target.type != 'notSet' && data.target.name ) {\n\t\t\t\t\tset.target = data.target.name;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Force download attribute.\n\t\t\tif ( data.download ) {\n\t\t\t\tset.download = '';\n\t\t\t}\n\n\t\t\t// Advanced attributes.\n\t\t\tif ( data.advanced ) {\n\t\t\t\tfor ( var a in advAttrNames ) {\n\t\t\t\t\tvar val = data.advanced[ advAttrNames[ a ] ];\n\n\t\t\t\t\tif ( val )\n\t\t\t\t\t\tset[ a ] = val;\n\t\t\t\t}\n\n\t\t\t\tif ( set.name )\n\t\t\t\t\tset[ 'data-cke-saved-name' ] = set.name;\n\t\t\t}\n\n\t\t\t// Browser need the \"href\" fro copy/paste link to work. (http://dev.ckeditor.com/ticket/6641)\n\t\t\tif ( set[ 'data-cke-saved-href' ] )\n\t\t\t\tset.href = set[ 'data-cke-saved-href' ];\n\n\t\t\tvar removed = {\n\t\t\t\ttarget: 1,\n\t\t\t\tonclick: 1,\n\t\t\t\t'data-cke-pa-onclick': 1,\n\t\t\t\t'data-cke-saved-name': 1,\n\t\t\t\t'download': 1\n\t\t\t};\n\n\t\t\tif ( data.advanced )\n\t\t\t\tCKEDITOR.tools.extend( removed, advAttrNames );\n\n\t\t\t// Remove all attributes which are not currently set.\n\t\t\tfor ( var s in set )\n\t\t\t\tdelete removed[ s ];\n\n\t\t\treturn {\n\t\t\t\tset: set,\n\t\t\t\tremoved: CKEDITOR.tools.objectKeys( removed )\n\t\t\t};\n\t\t},\n\n\n\t\t/**\n\t\t * Determines whether an element should have a \"Display Text\" field in the Link dialog.\n\t\t *\n\t\t * @since 4.5.11\n\t\t * @param {CKEDITOR.dom.element/null} element Selected element, `null` if none selected or if a ranged selection\n\t\t * is made.\n\t\t * @param {CKEDITOR.editor} editor The editor instance for which the check is performed.\n\t\t * @returns {Boolean}\n\t\t */\n\t\tshowDisplayTextForElement: function( element, editor ) {\n\t\t\tvar undesiredElements = {\n\t\t\t\t\timg: 1,\n\t\t\t\t\ttable: 1,\n\t\t\t\t\ttbody: 1,\n\t\t\t\t\tthead: 1,\n\t\t\t\t\ttfoot: 1,\n\t\t\t\t\tinput: 1,\n\t\t\t\t\tselect: 1,\n\t\t\t\t\ttextarea: 1\n\t\t\t\t},\n\t\t\t\tselection = editor.getSelection();\n\n\t\t\t// Widget duck typing, we don't want to show display text for widgets.\n\t\t\tif ( editor.widgets && editor.widgets.focused ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( selection && selection.getRanges().length > 1 ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn !element || !element.getName || !element.is( undesiredElements );\n\t\t}\n\t};\n\n\t// TODO Much probably there's no need to expose these as public objects.\n\n\tCKEDITOR.unlinkCommand = function() {};\n\tCKEDITOR.unlinkCommand.prototype = {\n\t\texec: function( editor ) {\n\t\t\t// IE/Edge removes link from selection while executing \"unlink\" command when cursor\n\t\t\t// is right before/after link's text. Therefore whole link must be selected and the\n\t\t\t// position of cursor must be restored to its initial state after unlinking. (http://dev.ckeditor.com/ticket/13062)\n\t\t\tif ( CKEDITOR.env.ie ) {\n\t\t\t\tvar range = editor.getSelection().getRanges()[ 0 ],\n\t\t\t\t\tlink = ( range.getPreviousEditableNode() && range.getPreviousEditableNode().getAscendant( 'a', true ) ) ||\n\t\t\t\t\t\t\t( range.getNextEditableNode() && range.getNextEditableNode().getAscendant( 'a', true ) ),\n\t\t\t\t\tbookmark;\n\n\t\t\t\tif ( range.collapsed && link ) {\n\t\t\t\t\tbookmark = range.createBookmark();\n\t\t\t\t\trange.selectNodeContents( link );\n\t\t\t\t\trange.select();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvar style = new CKEDITOR.style( { element: 'a', type: CKEDITOR.STYLE_INLINE, alwaysRemoveElement: 1 } );\n\t\t\teditor.removeStyle( style );\n\n\t\t\tif ( bookmark ) {\n\t\t\t\trange.moveToBookmark( bookmark );\n\t\t\t\trange.select();\n\t\t\t}\n\t\t},\n\n\t\trefresh: function( editor, path ) {\n\t\t\t// Despite our initial hope, document.queryCommandEnabled() does not work\n\t\t\t// for this in Firefox. So we must detect the state by element paths.\n\n\t\t\tvar element = path.lastElement && path.lastElement.getAscendant( 'a', true );\n\n\t\t\tif ( element && element.getName() == 'a' && element.getAttribute( 'href' ) && element.getChildCount() )\n\t\t\t\tthis.setState( CKEDITOR.TRISTATE_OFF );\n\t\t\telse\n\t\t\t\tthis.setState( CKEDITOR.TRISTATE_DISABLED );\n\t\t},\n\n\t\tcontextSensitive: 1,\n\t\tstartDisabled: 1,\n\t\trequiredContent: 'a[href]',\n\t\teditorFocus: 1\n\t};\n\n\tCKEDITOR.removeAnchorCommand = function() {};\n\tCKEDITOR.removeAnchorCommand.prototype = {\n\t\texec: function( editor ) {\n\t\t\tvar sel = editor.getSelection(),\n\t\t\t\tbms = sel.createBookmarks(),\n\t\t\t\tanchor;\n\t\t\tif ( sel && ( anchor = sel.getSelectedElement() ) && ( !anchor.getChildCount() ? CKEDITOR.plugins.link.tryRestoreFakeAnchor( editor, anchor ) : anchor.is( 'a' ) ) )\n\t\t\t\tanchor.remove( 1 );\n\t\t\telse {\n\t\t\t\tif ( ( anchor = CKEDITOR.plugins.link.getSelectedLink( editor ) ) ) {\n\t\t\t\t\tif ( anchor.hasAttribute( 'href' ) ) {\n\t\t\t\t\t\tanchor.removeAttributes( { name: 1, 'data-cke-saved-name': 1 } );\n\t\t\t\t\t\tanchor.removeClass( 'cke_anchor' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tanchor.remove( 1 );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tsel.selectBookmarks( bms );\n\t\t},\n\t\trequiredContent: 'a[name]'\n\t};\n\n\tCKEDITOR.tools.extend( CKEDITOR.config, {\n\t\t/**\n\t\t * Whether to show the Advanced tab in the Link dialog window.\n\t\t *\n\t\t * @cfg {Boolean} [linkShowAdvancedTab=true]\n\t\t * @member CKEDITOR.config\n\t\t */\n\t\tlinkShowAdvancedTab: true,\n\n\t\t/**\n\t\t * Whether to show the Target tab in the Link dialog window.\n\t\t *\n\t\t * @cfg {Boolean} [linkShowTargetTab=true]\n\t\t * @member CKEDITOR.config\n\t\t */\n\t\tlinkShowTargetTab: true\n\n\t\t/**\n\t\t * Whether JavaScript code is allowed as a `href` attribute in an anchor tag.\n\t\t * With this option enabled it is possible to create links like:\n\t\t *\n\t\t *\t\thello world\n\t\t *\n\t\t * By default JavaScript links are not allowed and will not pass\n\t\t * the Link dialog window validation.\n\t\t *\n\t\t * @since 4.4.1\n\t\t * @cfg {Boolean} [linkJavaScriptLinksAllowed=false]\n\t\t * @member CKEDITOR.config\n\t\t */\n\t} );\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview Insert and remove numbered and bulleted lists.\n */\n\n( function() {\n\tvar listNodeNames = { ol: 1, ul: 1 };\n\n\tvar whitespaces = CKEDITOR.dom.walker.whitespaces(),\n\t\tbookmarks = CKEDITOR.dom.walker.bookmark(),\n\t\tnonEmpty = function( node ) {\n\t\t\treturn !( whitespaces( node ) || bookmarks( node ) );\n\t\t},\n\t\tblockBogus = CKEDITOR.dom.walker.bogus();\n\n\tfunction cleanUpDirection( element ) {\n\t\tvar dir, parent, parentDir;\n\t\tif ( ( dir = element.getDirection() ) ) {\n\t\t\tparent = element.getParent();\n\t\t\twhile ( parent && !( parentDir = parent.getDirection() ) )\n\t\t\t\tparent = parent.getParent();\n\n\t\t\tif ( dir == parentDir )\n\t\t\t\telement.removeAttribute( 'dir' );\n\t\t}\n\t}\n\n\t// Inherit inline styles from another element.\n\tfunction inheritInlineStyles( parent, el ) {\n\t\tvar style = parent.getAttribute( 'style' );\n\n\t\t// Put parent styles before child styles.\n\t\tstyle && el.setAttribute( 'style', style.replace( /([^;])$/, '$1;' ) + ( el.getAttribute( 'style' ) || '' ) );\n\t}\n\n\tCKEDITOR.plugins.list = {\n\t\t/**\n\t\t * Convert a DOM list tree into a data structure that is easier to\n\t\t * manipulate. This operation should be non-intrusive in the sense that it\n\t\t * does not change the DOM tree, with the exception that it may add some\n\t\t * markers to the list item nodes when database is specified.\n\t\t *\n\t\t * @member CKEDITOR.plugins.list\n\t\t * @todo params\n\t\t */\n\t\tlistToArray: function( listNode, database, baseArray, baseIndentLevel, grandparentNode ) {\n\t\t\tif ( !listNodeNames[ listNode.getName() ] )\n\t\t\t\treturn [];\n\n\t\t\tif ( !baseIndentLevel )\n\t\t\t\tbaseIndentLevel = 0;\n\t\t\tif ( !baseArray )\n\t\t\t\tbaseArray = [];\n\n\t\t\t// Iterate over all list items to and look for inner lists.\n\t\t\tfor ( var i = 0, count = listNode.getChildCount(); i < count; i++ ) {\n\t\t\t\tvar listItem = listNode.getChild( i );\n\n\t\t\t\t// Fixing malformed nested lists by moving it into a previous list item. (http://dev.ckeditor.com/ticket/6236)\n\t\t\t\tif ( listItem.type == CKEDITOR.NODE_ELEMENT && listItem.getName() in CKEDITOR.dtd.$list )\n\t\t\t\t\tCKEDITOR.plugins.list.listToArray( listItem, database, baseArray, baseIndentLevel + 1 );\n\n\t\t\t\t// It may be a text node or some funny stuff.\n\t\t\t\tif ( listItem.$.nodeName.toLowerCase() != 'li' )\n\t\t\t\t\tcontinue;\n\n\t\t\t\tvar itemObj = { 'parent': listNode, indent: baseIndentLevel, element: listItem, contents: [] };\n\t\t\t\tif ( !grandparentNode ) {\n\t\t\t\t\titemObj.grandparent = listNode.getParent();\n\t\t\t\t\tif ( itemObj.grandparent && itemObj.grandparent.$.nodeName.toLowerCase() == 'li' )\n\t\t\t\t\t\titemObj.grandparent = itemObj.grandparent.getParent();\n\t\t\t\t} else {\n\t\t\t\t\titemObj.grandparent = grandparentNode;\n\t\t\t\t}\n\n\t\t\t\tif ( database )\n\t\t\t\t\tCKEDITOR.dom.element.setMarker( database, listItem, 'listarray_index', baseArray.length );\n\t\t\t\tbaseArray.push( itemObj );\n\n\t\t\t\tfor ( var j = 0, itemChildCount = listItem.getChildCount(), child; j < itemChildCount; j++ ) {\n\t\t\t\t\tchild = listItem.getChild( j );\n\t\t\t\t\tif ( child.type == CKEDITOR.NODE_ELEMENT && listNodeNames[ child.getName() ] )\n\t\t\t\t\t// Note the recursion here, it pushes inner list items with\n\t\t\t\t\t// +1 indentation in the correct order.\n\t\t\t\t\tCKEDITOR.plugins.list.listToArray( child, database, baseArray, baseIndentLevel + 1, itemObj.grandparent );\n\t\t\t\t\telse\n\t\t\t\t\t\titemObj.contents.push( child );\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn baseArray;\n\t\t},\n\n\t\t/**\n\t\t * Convert our internal representation of a list back to a DOM forest.\n\t\t *\n\t\t * @member CKEDITOR.plugins.list\n\t\t * @todo params\n\t\t */\n\t\tarrayToList: function( listArray, database, baseIndex, paragraphMode, dir ) {\n\t\t\tif ( !baseIndex )\n\t\t\t\tbaseIndex = 0;\n\t\t\tif ( !listArray || listArray.length < baseIndex + 1 )\n\t\t\t\treturn null;\n\n\t\t\tvar i,\n\t\t\t\tdoc = listArray[ baseIndex ].parent.getDocument(),\n\t\t\t\tretval = new CKEDITOR.dom.documentFragment( doc ),\n\t\t\t\trootNode = null,\n\t\t\t\tcurrentIndex = baseIndex,\n\t\t\t\tindentLevel = Math.max( listArray[ baseIndex ].indent, 0 ),\n\t\t\t\tcurrentListItem = null,\n\t\t\t\torgDir, block,\n\t\t\t\tparagraphName = ( paragraphMode == CKEDITOR.ENTER_P ? 'p' : 'div' );\n\n\t\t\twhile ( 1 ) {\n\t\t\t\tvar item = listArray[ currentIndex ],\n\t\t\t\t\titemGrandParent = item.grandparent;\n\n\t\t\t\torgDir = item.element.getDirection( 1 );\n\n\t\t\t\tif ( item.indent == indentLevel ) {\n\t\t\t\t\tif ( !rootNode || listArray[ currentIndex ].parent.getName() != rootNode.getName() ) {\n\t\t\t\t\t\trootNode = listArray[ currentIndex ].parent.clone( false, 1 );\n\t\t\t\t\t\tdir && rootNode.setAttribute( 'dir', dir );\n\t\t\t\t\t\tretval.append( rootNode );\n\t\t\t\t\t}\n\t\t\t\t\tcurrentListItem = rootNode.append( item.element.clone( 0, 1 ) );\n\n\t\t\t\t\tif ( orgDir != rootNode.getDirection( 1 ) )\n\t\t\t\t\t\tcurrentListItem.setAttribute( 'dir', orgDir );\n\n\t\t\t\t\tfor ( i = 0; i < item.contents.length; i++ )\n\t\t\t\t\t\tcurrentListItem.append( item.contents[ i ].clone( 1, 1 ) );\n\t\t\t\t\tcurrentIndex++;\n\t\t\t\t} else if ( item.indent == Math.max( indentLevel, 0 ) + 1 ) {\n\t\t\t\t\t// Maintain original direction (http://dev.ckeditor.com/ticket/6861).\n\t\t\t\t\tvar currDir = listArray[ currentIndex - 1 ].element.getDirection( 1 ),\n\t\t\t\t\t\tlistData = CKEDITOR.plugins.list.arrayToList( listArray, null, currentIndex, paragraphMode, currDir != orgDir ? orgDir : null );\n\n\t\t\t\t\t// If the next block is an
- with another list tree as the first\n\t\t\t\t\t// child, we'll need to append a filler (
/NBSP) or the list item\n\t\t\t\t\t// wouldn't be editable. (http://dev.ckeditor.com/ticket/6724)\n\t\t\t\t\tif ( !currentListItem.getChildCount() && CKEDITOR.env.needsNbspFiller && doc.$.documentMode <= 7 )\n\t\t\t\t\t\tcurrentListItem.append( doc.createText( '\\xa0' ) );\n\t\t\t\t\tcurrentListItem.append( listData.listNode );\n\t\t\t\t\tcurrentIndex = listData.nextIndex;\n\t\t\t\t} else if ( item.indent == -1 && !baseIndex && itemGrandParent ) {\n\t\t\t\t\tif ( listNodeNames[ itemGrandParent.getName() ] ) {\n\t\t\t\t\t\tcurrentListItem = item.element.clone( false, true );\n\t\t\t\t\t\tif ( orgDir != itemGrandParent.getDirection( 1 ) )\n\t\t\t\t\t\t\tcurrentListItem.setAttribute( 'dir', orgDir );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcurrentListItem = new CKEDITOR.dom.documentFragment( doc );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Migrate all children to the new container,\n\t\t\t\t\t// apply the proper text direction.\n\t\t\t\t\tvar dirLoose = itemGrandParent.getDirection( 1 ) != orgDir,\n\t\t\t\t\t\tli = item.element,\n\t\t\t\t\t\tclassName = li.getAttribute( 'class' ),\n\t\t\t\t\t\tstyle = li.getAttribute( 'style' );\n\n\t\t\t\t\tvar needsBlock = currentListItem.type == CKEDITOR.NODE_DOCUMENT_FRAGMENT && ( paragraphMode != CKEDITOR.ENTER_BR || dirLoose || style || className );\n\n\t\t\t\t\tvar child,\n\t\t\t\t\t\tcount = item.contents.length,\n\t\t\t\t\t\tcachedBookmark;\n\n\t\t\t\t\tfor ( i = 0; i < count; i++ ) {\n\t\t\t\t\t\tchild = item.contents[ i ];\n\n\t\t\t\t\t\t// Append bookmark if we can, or cache it and append it when we'll know\n\t\t\t\t\t\t// what to do with it. Generally - we want to keep it next to its original neighbour.\n\t\t\t\t\t\t// Exception: if bookmark is the only child it hasn't got any neighbour, so handle it normally\n\t\t\t\t\t\t// (wrap with block if needed).\n\t\t\t\t\t\tif ( bookmarks( child ) && count > 1 ) {\n\t\t\t\t\t\t\t// If we don't need block, it's simple - append bookmark directly to the current list item.\n\t\t\t\t\t\t\tif ( !needsBlock )\n\t\t\t\t\t\t\t\tcurrentListItem.append( child.clone( 1, 1 ) );\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tcachedBookmark = child.clone( 1, 1 );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Block content goes directly to the current list item, without wrapping.\n\t\t\t\t\t\telse if ( child.type == CKEDITOR.NODE_ELEMENT && child.isBlockBoundary() ) {\n\t\t\t\t\t\t\t// Apply direction on content blocks.\n\t\t\t\t\t\t\tif ( dirLoose && !child.getDirection() )\n\t\t\t\t\t\t\t\tchild.setAttribute( 'dir', orgDir );\n\n\t\t\t\t\t\t\tinheritInlineStyles( li, child );\n\n\t\t\t\t\t\t\tclassName && child.addClass( className );\n\n\t\t\t\t\t\t\t// Close the block which we started for inline content.\n\t\t\t\t\t\t\tblock = null;\n\t\t\t\t\t\t\t// Append bookmark directly before current child.\n\t\t\t\t\t\t\tif ( cachedBookmark ) {\n\t\t\t\t\t\t\t\tcurrentListItem.append( cachedBookmark );\n\t\t\t\t\t\t\t\tcachedBookmark = null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Append this block element to the list item.\n\t\t\t\t\t\t\tcurrentListItem.append( child.clone( 1, 1 ) );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Some inline content was found - wrap it with block and append that\n\t\t\t\t\t\t// block to the current list item or append it to the block previously created.\n\t\t\t\t\t\telse if ( needsBlock ) {\n\t\t\t\t\t\t\t// Establish new block to hold text direction and styles.\n\t\t\t\t\t\t\tif ( !block ) {\n\t\t\t\t\t\t\t\tblock = doc.createElement( paragraphName );\n\t\t\t\t\t\t\t\tcurrentListItem.append( block );\n\t\t\t\t\t\t\t\tdirLoose && block.setAttribute( 'dir', orgDir );\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Copy over styles to new block;\n\t\t\t\t\t\t\tstyle && block.setAttribute( 'style', style );\n\t\t\t\t\t\t\tclassName && block.setAttribute( 'class', className );\n\n\t\t\t\t\t\t\t// Append bookmark directly before current child.\n\t\t\t\t\t\t\tif ( cachedBookmark ) {\n\t\t\t\t\t\t\t\tblock.append( cachedBookmark );\n\t\t\t\t\t\t\t\tcachedBookmark = null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tblock.append( child.clone( 1, 1 ) );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// E.g. BR mode - inline content appended directly to the list item.\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tcurrentListItem.append( child.clone( 1, 1 ) );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// No content after bookmark - append it to the block if we had one\n\t\t\t\t\t// or directly to the current list item if we finished directly in the current list item.\n\t\t\t\t\tif ( cachedBookmark ) {\n\t\t\t\t\t\t( block || currentListItem ).append( cachedBookmark );\n\t\t\t\t\t\tcachedBookmark = null;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( currentListItem.type == CKEDITOR.NODE_DOCUMENT_FRAGMENT && currentIndex != listArray.length - 1 ) {\n\t\t\t\t\t\tvar last;\n\n\t\t\t\t\t\t// Remove bogus
if this browser uses them.\n\t\t\t\t\t\tif ( CKEDITOR.env.needsBrFiller ) {\n\t\t\t\t\t\t\tlast = currentListItem.getLast();\n\t\t\t\t\t\t\tif ( last && last.type == CKEDITOR.NODE_ELEMENT && last.is( 'br' ) )\n\t\t\t\t\t\t\t\tlast.remove();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If the last element is not a block, append
to separate merged list items.\n\t\t\t\t\t\tlast = currentListItem.getLast( nonEmpty );\n\t\t\t\t\t\tif ( !( last && last.type == CKEDITOR.NODE_ELEMENT && last.is( CKEDITOR.dtd.$block ) ) )\n\t\t\t\t\t\t\tcurrentListItem.append( doc.createElement( 'br' ) );\n\t\t\t\t\t}\n\n\t\t\t\t\tvar currentListItemName = currentListItem.$.nodeName.toLowerCase();\n\t\t\t\t\tif ( currentListItemName == 'div' || currentListItemName == 'p' ) {\n\t\t\t\t\t\tcurrentListItem.appendBogus();\n\t\t\t\t\t}\n\t\t\t\t\tretval.append( currentListItem );\n\t\t\t\t\trootNode = null;\n\t\t\t\t\tcurrentIndex++;\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tblock = null;\n\n\t\t\t\tif ( listArray.length <= currentIndex || Math.max( listArray[ currentIndex ].indent, 0 ) < indentLevel )\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif ( database ) {\n\t\t\t\tvar currentNode = retval.getFirst();\n\n\t\t\t\twhile ( currentNode ) {\n\t\t\t\t\tif ( currentNode.type == CKEDITOR.NODE_ELEMENT ) {\n\t\t\t\t\t\t// Clear marker attributes for the new list tree made of cloned nodes, if any.\n\t\t\t\t\t\tCKEDITOR.dom.element.clearMarkers( database, currentNode );\n\n\t\t\t\t\t\t// Clear redundant direction attribute specified on list items.\n\t\t\t\t\t\tif ( currentNode.getName() in CKEDITOR.dtd.$listItem )\n\t\t\t\t\t\t\tcleanUpDirection( currentNode );\n\t\t\t\t\t}\n\n\t\t\t\t\tcurrentNode = currentNode.getNextSourceNode();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn { listNode: retval, nextIndex: currentIndex };\n\t\t}\n\t};\n\n\tfunction changeListType( editor, groupObj, database, listsCreated ) {\n\t\t// This case is easy...\n\t\t// 1. Convert the whole list into a one-dimensional array.\n\t\t// 2. Change the list type by modifying the array.\n\t\t// 3. Recreate the whole list by converting the array to a list.\n\t\t// 4. Replace the original list with the recreated list.\n\t\tvar listArray = CKEDITOR.plugins.list.listToArray( groupObj.root, database ),\n\t\t\tselectedListItems = [];\n\n\t\tfor ( var i = 0; i < groupObj.contents.length; i++ ) {\n\t\t\tvar itemNode = groupObj.contents[ i ];\n\t\t\titemNode = itemNode.getAscendant( 'li', true );\n\t\t\tif ( !itemNode || itemNode.getCustomData( 'list_item_processed' ) )\n\t\t\t\tcontinue;\n\t\t\tselectedListItems.push( itemNode );\n\t\t\tCKEDITOR.dom.element.setMarker( database, itemNode, 'list_item_processed', true );\n\t\t}\n\n\t\tvar root = groupObj.root,\n\t\t\tdoc = root.getDocument(),\n\t\t\tlistNode, newListNode;\n\n\t\tfor ( i = 0; i < selectedListItems.length; i++ ) {\n\t\t\tvar listIndex = selectedListItems[ i ].getCustomData( 'listarray_index' );\n\t\t\tlistNode = listArray[ listIndex ].parent;\n\n\t\t\t// Switch to new list node for this particular item.\n\t\t\tif ( !listNode.is( this.type ) ) {\n\t\t\t\tnewListNode = doc.createElement( this.type );\n\t\t\t\t// Copy all attributes, except from 'start' and 'type'.\n\t\t\t\tlistNode.copyAttributes( newListNode, { start: 1, type: 1 } );\n\t\t\t\t// The list-style-type property should be ignored.\n\t\t\t\tnewListNode.removeStyle( 'list-style-type' );\n\t\t\t\tlistArray[ listIndex ].parent = newListNode;\n\t\t\t}\n\t\t}\n\n\t\tvar newList = CKEDITOR.plugins.list.arrayToList( listArray, database, null, editor.config.enterMode );\n\t\tvar child,\n\t\t\tlength = newList.listNode.getChildCount();\n\t\tfor ( i = 0; i < length && ( child = newList.listNode.getChild( i ) ); i++ ) {\n\t\t\tif ( child.getName() == this.type )\n\t\t\t\tlistsCreated.push( child );\n\t\t}\n\t\tnewList.listNode.replace( groupObj.root );\n\n\t\teditor.fire( 'contentDomInvalidated' );\n\t}\n\n\tfunction createList( editor, groupObj, listsCreated ) {\n\t\tvar contents = groupObj.contents,\n\t\t\tdoc = groupObj.root.getDocument(),\n\t\t\tlistContents = [];\n\n\t\t// It is possible to have the contents returned by DomRangeIterator to be the same as the root.\n\t\t// e.g. when we're running into table cells.\n\t\t// In such a case, enclose the childNodes of contents[0] into a .\n\t\tif ( contents.length == 1 && contents[ 0 ].equals( groupObj.root ) ) {\n\t\t\tvar divBlock = doc.createElement( 'div' );\n\t\t\tcontents[ 0 ].moveChildren && contents[ 0 ].moveChildren( divBlock );\n\t\t\tcontents[ 0 ].append( divBlock );\n\t\t\tcontents[ 0 ] = divBlock;\n\t\t}\n\n\t\t// Calculate the common parent node of all content blocks.\n\t\tvar commonParent = groupObj.contents[ 0 ].getParent();\n\t\tfor ( var i = 0; i < contents.length; i++ )\n\t\t\tcommonParent = commonParent.getCommonAncestor( contents[ i ].getParent() );\n\n\t\tvar useComputedState = editor.config.useComputedState,\n\t\t\tlistDir, explicitDirection;\n\n\t\tuseComputedState = useComputedState === undefined || useComputedState;\n\n\t\t// We want to insert things that are in the same tree level only, so calculate the contents again\n\t\t// by expanding the selected blocks to the same tree level.\n\t\tfor ( i = 0; i < contents.length; i++ ) {\n\t\t\tvar contentNode = contents[ i ],\n\t\t\t\tparentNode;\n\t\t\twhile ( ( parentNode = contentNode.getParent() ) ) {\n\t\t\t\tif ( parentNode.equals( commonParent ) ) {\n\t\t\t\t\tlistContents.push( contentNode );\n\n\t\t\t\t\t// Determine the lists's direction.\n\t\t\t\t\tif ( !explicitDirection && contentNode.getDirection() )\n\t\t\t\t\t\texplicitDirection = 1;\n\n\t\t\t\t\tvar itemDir = contentNode.getDirection( useComputedState );\n\n\t\t\t\t\tif ( listDir !== null ) {\n\t\t\t\t\t\t// If at least one LI have a different direction than current listDir, we can't have listDir.\n\t\t\t\t\t\tif ( listDir && listDir != itemDir )\n\t\t\t\t\t\t\tlistDir = null;\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tlistDir = itemDir;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcontentNode = parentNode;\n\t\t\t}\n\t\t}\n\n\t\tif ( listContents.length < 1 )\n\t\t\treturn;\n\n\t\t// Insert the list to the DOM tree.\n\t\tvar insertAnchor = listContents[ listContents.length - 1 ].getNext(),\n\t\t\tlistNode = doc.createElement( this.type );\n\n\t\tlistsCreated.push( listNode );\n\n\t\tvar contentBlock, listItem;\n\n\t\twhile ( listContents.length ) {\n\t\t\tcontentBlock = listContents.shift();\n\t\t\tlistItem = doc.createElement( 'li' );\n\n\t\t\t// If current block should be preserved, append it to list item instead of\n\t\t\t// transforming it to
- element.\n\t\t\tif ( shouldPreserveBlock( contentBlock ) )\n\t\t\t\tcontentBlock.appendTo( listItem );\n\t\t\telse {\n\t\t\t\tcontentBlock.copyAttributes( listItem );\n\t\t\t\t// Remove direction attribute after it was merged into list root. (http://dev.ckeditor.com/ticket/7657)\n\t\t\t\tif ( listDir && contentBlock.getDirection() ) {\n\t\t\t\t\tlistItem.removeStyle( 'direction' );\n\t\t\t\t\tlistItem.removeAttribute( 'dir' );\n\t\t\t\t}\n\t\t\t\tcontentBlock.moveChildren( listItem );\n\t\t\t\tcontentBlock.remove();\n\t\t\t}\n\n\t\t\tlistItem.appendTo( listNode );\n\t\t}\n\n\t\t// Apply list root dir only if it has been explicitly declared.\n\t\tif ( listDir && explicitDirection )\n\t\t\tlistNode.setAttribute( 'dir', listDir );\n\n\t\tif ( insertAnchor )\n\t\t\tlistNode.insertBefore( insertAnchor );\n\t\telse\n\t\t\tlistNode.appendTo( commonParent );\n\t}\n\n\tfunction removeList( editor, groupObj, database ) {\n\t\t// This is very much like the change list type operation.\n\t\t// Except that we're changing the selected items' indent to -1 in the list array.\n\t\tvar listArray = CKEDITOR.plugins.list.listToArray( groupObj.root, database ),\n\t\t\tselectedListItems = [];\n\n\t\tfor ( var i = 0; i < groupObj.contents.length; i++ ) {\n\t\t\tvar itemNode = groupObj.contents[ i ];\n\t\t\titemNode = itemNode.getAscendant( 'li', true );\n\t\t\tif ( !itemNode || itemNode.getCustomData( 'list_item_processed' ) )\n\t\t\t\tcontinue;\n\t\t\tselectedListItems.push( itemNode );\n\t\t\tCKEDITOR.dom.element.setMarker( database, itemNode, 'list_item_processed', true );\n\t\t}\n\n\t\tvar lastListIndex = null;\n\t\tfor ( i = 0; i < selectedListItems.length; i++ ) {\n\t\t\tvar listIndex = selectedListItems[ i ].getCustomData( 'listarray_index' );\n\t\t\tlistArray[ listIndex ].indent = -1;\n\t\t\tlastListIndex = listIndex;\n\t\t}\n\n\t\t// After cutting parts of the list out with indent=-1, we still have to maintain the array list\n\t\t// model's nextItem.indent <= currentItem.indent + 1 invariant. Otherwise the array model of the\n\t\t// list cannot be converted back to a real DOM list.\n\t\tfor ( i = lastListIndex + 1; i < listArray.length; i++ ) {\n\t\t\tif ( listArray[ i ].indent > listArray[ i - 1 ].indent + 1 ) {\n\t\t\t\tvar indentOffset = listArray[ i - 1 ].indent + 1 - listArray[ i ].indent;\n\t\t\t\tvar oldIndent = listArray[ i ].indent;\n\t\t\t\twhile ( listArray[ i ] && listArray[ i ].indent >= oldIndent ) {\n\t\t\t\t\tlistArray[ i ].indent += indentOffset;\n\t\t\t\t\ti++;\n\t\t\t\t}\n\t\t\t\ti--;\n\t\t\t}\n\t\t}\n\n\t\tvar newList = CKEDITOR.plugins.list.arrayToList( listArray, database, null, editor.config.enterMode, groupObj.root.getAttribute( 'dir' ) );\n\n\t\t// Compensate
before/after the list node if the surrounds are non-blocks.(http://dev.ckeditor.com/ticket/3836)\n\t\tvar docFragment = newList.listNode,\n\t\t\tboundaryNode, siblingNode;\n\n\t\tfunction compensateBrs( isStart ) {\n\t\t\tif (\n\t\t\t\t( boundaryNode = docFragment[ isStart ? 'getFirst' : 'getLast' ]() ) &&\n\t\t\t\t!( boundaryNode.is && boundaryNode.isBlockBoundary() ) &&\n\t\t\t\t( siblingNode = groupObj.root[ isStart ? 'getPrevious' : 'getNext' ]( CKEDITOR.dom.walker.invisible( true ) ) ) &&\n\t\t\t\t!( siblingNode.is && siblingNode.isBlockBoundary( { br: 1 } ) )\n\t\t\t) {\n\t\t\t\teditor.document.createElement( 'br' )[ isStart ? 'insertBefore' : 'insertAfter' ]( boundaryNode );\n\t\t\t}\n\t\t}\n\t\tcompensateBrs( true );\n\t\tcompensateBrs();\n\n\t\tdocFragment.replace( groupObj.root );\n\n\t\teditor.fire( 'contentDomInvalidated' );\n\t}\n\n\tvar headerTagRegex = /^h[1-6]$/;\n\n\t// Checks wheather this block should be element preserved (not transformed to - ) when creating list.\n\tfunction shouldPreserveBlock( block ) {\n\t\treturn (\n\t\t\t// http://dev.ckeditor.com/ticket/5335\n\t\t\tblock.is( 'pre' ) ||\n\t\t\t// http://dev.ckeditor.com/ticket/5271 - this is a header.\n\t\t\theaderTagRegex.test( block.getName() ) ||\n\t\t\t// 11083 - this is a non-editable element.\n\t\t\tblock.getAttribute( 'contenteditable' ) == 'false'\n\t\t);\n\t}\n\n\tfunction listCommand( name, type ) {\n\t\tthis.name = name;\n\t\tthis.type = type;\n\t\tthis.context = type;\n\t\tthis.allowedContent = type + ' li';\n\t\tthis.requiredContent = type;\n\t}\n\n\tvar elementType = CKEDITOR.dom.walker.nodeType( CKEDITOR.NODE_ELEMENT );\n\n\t// Merge child nodes with direction preserved. (http://dev.ckeditor.com/ticket/7448)\n\tfunction mergeChildren( from, into, refNode, forward ) {\n\t\tvar child, itemDir;\n\t\twhile ( ( child = from[ forward ? 'getLast' : 'getFirst' ]( elementType ) ) ) {\n\t\t\tif ( ( itemDir = child.getDirection( 1 ) ) !== into.getDirection( 1 ) )\n\t\t\t\tchild.setAttribute( 'dir', itemDir );\n\n\t\t\tchild.remove();\n\n\t\t\trefNode ? child[ forward ? 'insertBefore' : 'insertAfter' ]( refNode ) : into.append( child, forward );\n\t\t}\n\t}\n\n\tlistCommand.prototype = {\n\t\texec: function( editor ) {\n\t\t\t// Run state check first of all.\n\t\t\tthis.refresh( editor, editor.elementPath() );\n\n\t\t\tvar config = editor.config,\n\t\t\t\tselection = editor.getSelection(),\n\t\t\t\tranges = selection && selection.getRanges();\n\n\t\t\t// Midas lists rule #1 says we can create a list even in an empty document.\n\t\t\t// But DOM iterator wouldn't run if the document is really empty.\n\t\t\t// So create a paragraph if the document is empty and we're going to create a list.\n\t\t\tif ( this.state == CKEDITOR.TRISTATE_OFF ) {\n\t\t\t\tvar editable = editor.editable();\n\t\t\t\tif ( !editable.getFirst( nonEmpty ) ) {\n\t\t\t\t\tconfig.enterMode == CKEDITOR.ENTER_BR ? editable.appendBogus() : ranges[ 0 ].fixBlock( 1, config.enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' );\n\n\t\t\t\t\tselection.selectRanges( ranges );\n\t\t\t\t}\n\t\t\t\t// Maybe a single range there enclosing the whole list,\n\t\t\t\t// turn on the list state manually(http://dev.ckeditor.com/ticket/4129).\n\t\t\t\telse {\n\t\t\t\t\tvar range = ranges.length == 1 && ranges[ 0 ],\n\t\t\t\t\t\tenclosedNode = range && range.getEnclosedNode();\n\t\t\t\t\tif ( enclosedNode && enclosedNode.is && this.type == enclosedNode.getName() )\n\t\t\t\t\t\tthis.setState( CKEDITOR.TRISTATE_ON );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvar bookmarks = selection.createBookmarks( true );\n\n\t\t\t// Group the blocks up because there are many cases where multiple lists have to be created,\n\t\t\t// or multiple lists have to be cancelled.\n\t\t\tvar listGroups = [],\n\t\t\t\tdatabase = {},\n\t\t\t\trangeIterator = ranges.createIterator(),\n\t\t\t\tindex = 0;\n\n\t\t\twhile ( ( range = rangeIterator.getNextRange() ) && ++index ) {\n\t\t\t\tvar boundaryNodes = range.getBoundaryNodes(),\n\t\t\t\t\tstartNode = boundaryNodes.startNode,\n\t\t\t\t\tendNode = boundaryNodes.endNode;\n\n\t\t\t\tif ( startNode.type == CKEDITOR.NODE_ELEMENT && startNode.getName() == 'td' )\n\t\t\t\t\trange.setStartAt( boundaryNodes.startNode, CKEDITOR.POSITION_AFTER_START );\n\n\t\t\t\tif ( endNode.type == CKEDITOR.NODE_ELEMENT && endNode.getName() == 'td' )\n\t\t\t\t\trange.setEndAt( boundaryNodes.endNode, CKEDITOR.POSITION_BEFORE_END );\n\n\t\t\t\tvar iterator = range.createIterator(),\n\t\t\t\t\tblock;\n\n\t\t\t\titerator.forceBrBreak = ( this.state == CKEDITOR.TRISTATE_OFF );\n\n\t\t\t\twhile ( ( block = iterator.getNextParagraph() ) ) {\n\t\t\t\t\t// Avoid duplicate blocks get processed across ranges.\n\t\t\t\t\tif ( block.getCustomData( 'list_block' ) )\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\telse\n\t\t\t\t\t\tCKEDITOR.dom.element.setMarker( database, block, 'list_block', 1 );\n\n\t\t\t\t\tvar path = editor.elementPath( block ),\n\t\t\t\t\t\tpathElements = path.elements,\n\t\t\t\t\t\tpathElementsCount = pathElements.length,\n\t\t\t\t\t\tprocessedFlag = 0,\n\t\t\t\t\t\tblockLimit = path.blockLimit,\n\t\t\t\t\t\telement;\n\n\t\t\t\t\t// First, try to group by a list ancestor.\n\t\t\t\t\tfor ( var i = pathElementsCount - 1; i >= 0 && ( element = pathElements[ i ] ); i-- ) {\n\t\t\t\t\t\t// Don't leak outside block limit (http://dev.ckeditor.com/ticket/3940).\n\t\t\t\t\t\tif ( listNodeNames[ element.getName() ] && blockLimit.contains( element ) ) {\n\t\t\t\t\t\t\t// If we've encountered a list inside a block limit\n\t\t\t\t\t\t\t// The last group object of the block limit element should\n\t\t\t\t\t\t\t// no longer be valid. Since paragraphs after the list\n\t\t\t\t\t\t\t// should belong to a different group of paragraphs before\n\t\t\t\t\t\t\t// the list. (Bug http://dev.ckeditor.com/ticket/1309)\n\t\t\t\t\t\t\tblockLimit.removeCustomData( 'list_group_object_' + index );\n\n\t\t\t\t\t\t\tvar groupObj = element.getCustomData( 'list_group_object' );\n\t\t\t\t\t\t\tif ( groupObj )\n\t\t\t\t\t\t\t\tgroupObj.contents.push( block );\n\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\tgroupObj = { root: element, contents: [ block ] };\n\t\t\t\t\t\t\t\tlistGroups.push( groupObj );\n\t\t\t\t\t\t\t\tCKEDITOR.dom.element.setMarker( database, element, 'list_group_object', groupObj );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprocessedFlag = 1;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( processedFlag )\n\t\t\t\t\t\tcontinue;\n\n\t\t\t\t\t// No list ancestor? Group by block limit, but don't mix contents from different ranges.\n\t\t\t\t\tvar root = blockLimit;\n\t\t\t\t\tif ( root.getCustomData( 'list_group_object_' + index ) )\n\t\t\t\t\t\troot.getCustomData( 'list_group_object_' + index ).contents.push( block );\n\t\t\t\t\telse {\n\t\t\t\t\t\tgroupObj = { root: root, contents: [ block ] };\n\t\t\t\t\t\tCKEDITOR.dom.element.setMarker( database, root, 'list_group_object_' + index, groupObj );\n\t\t\t\t\t\tlistGroups.push( groupObj );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Now we have two kinds of list groups, groups rooted at a list, and groups rooted at a block limit element.\n\t\t\t// We either have to build lists or remove lists, for removing a list does not makes sense when we are looking\n\t\t\t// at the group that's not rooted at lists. So we have three cases to handle.\n\t\t\tvar listsCreated = [];\n\t\t\twhile ( listGroups.length > 0 ) {\n\t\t\t\tgroupObj = listGroups.shift();\n\t\t\t\tif ( this.state == CKEDITOR.TRISTATE_OFF ) {\n\t\t\t\t\tif ( listNodeNames[ groupObj.root.getName() ] )\n\t\t\t\t\t\tchangeListType.call( this, editor, groupObj, database, listsCreated );\n\t\t\t\t\telse\n\t\t\t\t\t\tcreateList.call( this, editor, groupObj, listsCreated );\n\t\t\t\t} else if ( this.state == CKEDITOR.TRISTATE_ON && listNodeNames[ groupObj.root.getName() ] ) {\n\t\t\t\t\tremoveList.call( this, editor, groupObj, database );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// For all new lists created, merge into adjacent, same type lists.\n\t\t\tfor ( i = 0; i < listsCreated.length; i++ )\n\t\t\t\tmergeListSiblings( listsCreated[ i ] );\n\n\t\t\t// Clean up, restore selection and update toolbar button states.\n\t\t\tCKEDITOR.dom.element.clearAllMarkers( database );\n\t\t\tselection.selectBookmarks( bookmarks );\n\t\t\teditor.focus();\n\t\t},\n\n\t\trefresh: function( editor, path ) {\n\t\t\tvar list = path.contains( listNodeNames, 1 ),\n\t\t\t\tlimit = path.blockLimit || path.root;\n\n\t\t\t// 1. Only a single type of list activate.\n\t\t\t// 2. Do not show list outside of block limit.\n\t\t\tif ( list && limit.contains( list ) )\n\t\t\t\tthis.setState( list.is( this.type ) ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF );\n\t\t\telse\n\t\t\t\tthis.setState( CKEDITOR.TRISTATE_OFF );\n\t\t}\n\t};\n\n\t// Merge list adjacent, of same type lists.\n\tfunction mergeListSiblings( listNode ) {\n\n\t\tfunction mergeSibling( rtl ) {\n\t\t\tvar sibling = listNode[ rtl ? 'getPrevious' : 'getNext' ]( nonEmpty );\n\t\t\tif ( sibling && sibling.type == CKEDITOR.NODE_ELEMENT && sibling.is( listNode.getName() ) ) {\n\t\t\t\t// Move children order by merge direction.(http://dev.ckeditor.com/ticket/3820)\n\t\t\t\tmergeChildren( listNode, sibling, null, !rtl );\n\n\t\t\t\tlistNode.remove();\n\t\t\t\tlistNode = sibling;\n\t\t\t}\n\t\t}\n\n\t\tmergeSibling();\n\t\tmergeSibling( 1 );\n\t}\n\n\t// Check if node is block element that recieves text.\n\tfunction isTextBlock( node ) {\n\t\treturn node.type == CKEDITOR.NODE_ELEMENT && ( node.getName() in CKEDITOR.dtd.$block || node.getName() in CKEDITOR.dtd.$listItem ) && CKEDITOR.dtd[ node.getName() ][ '#' ];\n\t}\n\n\t// Join visually two block lines.\n\tfunction joinNextLineToCursor( editor, cursor, nextCursor ) {\n\t\teditor.fire( 'saveSnapshot' );\n\n\t\t// Merge with previous block's content.\n\t\tnextCursor.enlarge( CKEDITOR.ENLARGE_LIST_ITEM_CONTENTS );\n\t\tvar frag = nextCursor.extractContents();\n\n\t\tcursor.trim( false, true );\n\t\tvar bm = cursor.createBookmark();\n\n\t\t// Kill original bogus;\n\t\tvar currentPath = new CKEDITOR.dom.elementPath( cursor.startContainer ),\n\t\t\t\tpathBlock = currentPath.block,\n\t\t\t\tcurrentBlock = currentPath.lastElement.getAscendant( 'li', 1 ) || pathBlock,\n\t\t\t\tnextPath = new CKEDITOR.dom.elementPath( nextCursor.startContainer ),\n\t\t\t\tnextLi = nextPath.contains( CKEDITOR.dtd.$listItem ),\n\t\t\t\tnextList = nextPath.contains( CKEDITOR.dtd.$list ),\n\t\t\t\tlast;\n\n\t\t// Remove bogus node the current block/pseudo block.\n\t\tif ( pathBlock ) {\n\t\t\tvar bogus = pathBlock.getBogus();\n\t\t\tbogus && bogus.remove();\n\t\t}\n\t\telse if ( nextList ) {\n\t\t\tlast = nextList.getPrevious( nonEmpty );\n\t\t\tif ( last && blockBogus( last ) )\n\t\t\t\tlast.remove();\n\t\t}\n\n\t\t// Kill the tail br in extracted.\n\t\tlast = frag.getLast();\n\t\tif ( last && last.type == CKEDITOR.NODE_ELEMENT && last.is( 'br' ) )\n\t\t\tlast.remove();\n\n\t\t// Insert fragment at the range position.\n\t\tvar nextNode = cursor.startContainer.getChild( cursor.startOffset );\n\t\tif ( nextNode )\n\t\t\tfrag.insertBefore( nextNode );\n\t\telse\n\t\t\tcursor.startContainer.append( frag );\n\n\t\t// Move the sub list nested in the next list item.\n\t\tif ( nextLi ) {\n\t\t\tvar sublist = getSubList( nextLi );\n\t\t\tif ( sublist ) {\n\t\t\t\t// If next line is in the sub list of the current list item.\n\t\t\t\tif ( currentBlock.contains( nextLi ) ) {\n\t\t\t\t\tmergeChildren( sublist, nextLi.getParent(), nextLi );\n\t\t\t\t\tsublist.remove();\n\t\t\t\t}\n\t\t\t\t// Migrate the sub list to current list item.\n\t\t\t\telse {\n\t\t\t\t\tcurrentBlock.append( sublist );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tvar nextBlock, parent;\n\t\t// Remove any remaining zombies path blocks at the end after line merged.\n\t\twhile ( nextCursor.checkStartOfBlock() && nextCursor.checkEndOfBlock() ) {\n\t\t\tnextPath = nextCursor.startPath();\n\t\t\tnextBlock = nextPath.block;\n\n\t\t\t// Abort when nothing to be removed (http://dev.ckeditor.com/ticket/10890).\n\t\t\tif ( !nextBlock )\n\t\t\t\tbreak;\n\n\t\t\t// Check if also to remove empty list.\n\t\t\tif ( nextBlock.is( 'li' ) ) {\n\t\t\t\tparent = nextBlock.getParent();\n\t\t\t\tif ( nextBlock.equals( parent.getLast( nonEmpty ) ) && nextBlock.equals( parent.getFirst( nonEmpty ) ) )\n\t\t\t\t\tnextBlock = parent;\n\t\t\t}\n\n\t\t\tnextCursor.moveToPosition( nextBlock, CKEDITOR.POSITION_BEFORE_START );\n\t\t\tnextBlock.remove();\n\t\t}\n\n\t\t// Check if need to further merge with the list resides after the merged block. (http://dev.ckeditor.com/ticket/9080)\n\t\tvar walkerRng = nextCursor.clone(), editable = editor.editable();\n\t\twalkerRng.setEndAt( editable, CKEDITOR.POSITION_BEFORE_END );\n\t\tvar walker = new CKEDITOR.dom.walker( walkerRng );\n\t\twalker.evaluator = function( node ) {\n\t\t\treturn nonEmpty( node ) && !blockBogus( node );\n\t\t};\n\t\tvar next = walker.next();\n\t\tif ( next && next.type == CKEDITOR.NODE_ELEMENT && next.getName() in CKEDITOR.dtd.$list )\n\t\t\tmergeListSiblings( next );\n\n\t\tcursor.moveToBookmark( bm );\n\n\t\t// Make fresh selection.\n\t\tcursor.select();\n\n\t\teditor.fire( 'saveSnapshot' );\n\t}\n\n\tfunction getSubList( li ) {\n\t\tvar last = li.getLast( nonEmpty );\n\t\treturn last && last.type == CKEDITOR.NODE_ELEMENT && last.getName() in listNodeNames ? last : null;\n\t}\n\n\tCKEDITOR.plugins.add( 'list', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\trequires: 'indentlist',\n\t\tinit: function( editor ) {\n\t\t\tif ( editor.blockless )\n\t\t\t\treturn;\n\n\t\t\t// Register commands.\n\t\t\teditor.addCommand( 'numberedlist', new listCommand( 'numberedlist', 'ol' ) );\n\t\t\teditor.addCommand( 'bulletedlist', new listCommand( 'bulletedlist', 'ul' ) );\n\n\t\t\t// Register the toolbar button.\n\t\t\tif ( editor.ui.addButton ) {\n\t\t\t\teditor.ui.addButton( 'NumberedList', {\n\t\t\t\t\tlabel: editor.lang.list.numberedlist,\n\t\t\t\t\tcommand: 'numberedlist',\n\t\t\t\t\tdirectional: true,\n\t\t\t\t\ttoolbar: 'list,10'\n\t\t\t\t} );\n\t\t\t\teditor.ui.addButton( 'BulletedList', {\n\t\t\t\t\tlabel: editor.lang.list.bulletedlist,\n\t\t\t\t\tcommand: 'bulletedlist',\n\t\t\t\t\tdirectional: true,\n\t\t\t\t\ttoolbar: 'list,20'\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Handled backspace/del key to join list items. (http://dev.ckeditor.com/ticket/8248,http://dev.ckeditor.com/ticket/9080)\n\t\t\teditor.on( 'key', function( evt ) {\n\t\t\t\t// Use getKey directly in order to ignore modifiers.\n\t\t\t\t// Justification: http://dev.ckeditor.com/ticket/11861#comment:13\n\t\t\t\tvar key = evt.data.domEvent.getKey(), li;\n\n\t\t\t\t// DEl/BACKSPACE\n\t\t\t\tif ( editor.mode == 'wysiwyg' && key in { 8: 1, 46: 1 } ) {\n\t\t\t\t\tvar sel = editor.getSelection(),\n\t\t\t\t\t\trange = sel.getRanges()[ 0 ],\n\t\t\t\t\t\tpath = range && range.startPath();\n\n\t\t\t\t\tif ( !range || !range.collapsed )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\tvar isBackspace = key == 8;\n\t\t\t\t\tvar editable = editor.editable();\n\t\t\t\t\tvar walker = new CKEDITOR.dom.walker( range.clone() );\n\t\t\t\t\twalker.evaluator = function( node ) {\n\t\t\t\t\t\treturn nonEmpty( node ) && !blockBogus( node );\n\t\t\t\t\t};\n\t\t\t\t\t// Backspace/Del behavior at the start/end of table is handled in core.\n\t\t\t\t\twalker.guard = function( node, isOut ) {\n\t\t\t\t\t\treturn !( isOut && node.type == CKEDITOR.NODE_ELEMENT && node.is( 'table' ) );\n\t\t\t\t\t};\n\n\t\t\t\t\tvar cursor = range.clone();\n\n\t\t\t\t\tif ( isBackspace ) {\n\t\t\t\t\t\tvar previous, joinWith;\n\n\t\t\t\t\t\t// Join a sub list's first line, with the previous visual line in parent.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t( previous = path.contains( listNodeNames ) ) &&\n\t\t\t\t\t\t\trange.checkBoundaryOfElement( previous, CKEDITOR.START ) &&\n\t\t\t\t\t\t\t( previous = previous.getParent() ) && previous.is( 'li' ) &&\n\t\t\t\t\t\t\t( previous = getSubList( previous ) )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tjoinWith = previous;\n\t\t\t\t\t\t\tprevious = previous.getPrevious( nonEmpty );\n\t\t\t\t\t\t\t// Place cursor before the nested list.\n\t\t\t\t\t\t\tcursor.moveToPosition(\n\t\t\t\t\t\t\t\tprevious && blockBogus( previous ) ? previous : joinWith,\n\t\t\t\t\t\t\t\tCKEDITOR.POSITION_BEFORE_START );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Join any line following a list, with the last visual line of the list.\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\twalker.range.setStartAt( editable, CKEDITOR.POSITION_AFTER_START );\n\t\t\t\t\t\t\twalker.range.setEnd( range.startContainer, range.startOffset );\n\n\t\t\t\t\t\t\tprevious = walker.previous();\n\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tprevious && previous.type == CKEDITOR.NODE_ELEMENT &&\n\t\t\t\t\t\t\t\t( previous.getName() in listNodeNames ||\n\t\t\t\t\t\t\t\tprevious.is( 'li' ) )\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tif ( !previous.is( 'li' ) ) {\n\t\t\t\t\t\t\t\t\twalker.range.selectNodeContents( previous );\n\t\t\t\t\t\t\t\t\twalker.reset();\n\t\t\t\t\t\t\t\t\twalker.evaluator = isTextBlock;\n\t\t\t\t\t\t\t\t\tprevious = walker.previous();\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tjoinWith = previous;\n\t\t\t\t\t\t\t\t// Place cursor at the end of previous block.\n\t\t\t\t\t\t\t\tcursor.moveToElementEditEnd( joinWith );\n\n\t\t\t\t\t\t\t\t// And then just before end of closest block element (http://dev.ckeditor.com/ticket/12729).\n\t\t\t\t\t\t\t\tcursor.moveToPosition( cursor.endPath().block, CKEDITOR.POSITION_BEFORE_END );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( joinWith ) {\n\t\t\t\t\t\t\tjoinNextLineToCursor( editor, cursor, range );\n\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tvar list = path.contains( listNodeNames );\n\t\t\t\t\t\t\t// Backspace pressed at the start of list outdents the first list item. (http://dev.ckeditor.com/ticket/9129)\n\t\t\t\t\t\t\tif ( list && range.checkBoundaryOfElement( list, CKEDITOR.START ) ) {\n\t\t\t\t\t\t\t\tli = list.getFirst( nonEmpty );\n\n\t\t\t\t\t\t\t\tif ( range.checkBoundaryOfElement( li, CKEDITOR.START ) ) {\n\t\t\t\t\t\t\t\t\tprevious = list.getPrevious( nonEmpty );\n\n\t\t\t\t\t\t\t\t\t// Only if the list item contains a sub list, do nothing but\n\t\t\t\t\t\t\t\t\t// simply move cursor backward one character.\n\t\t\t\t\t\t\t\t\tif ( getSubList( li ) ) {\n\t\t\t\t\t\t\t\t\t\tif ( previous ) {\n\t\t\t\t\t\t\t\t\t\t\trange.moveToElementEditEnd( previous );\n\t\t\t\t\t\t\t\t\t\t\trange.select();\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\t\teditor.execCommand( 'outdent' );\n\t\t\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvar next, nextLine;\n\n\t\t\t\t\t\tli = path.contains( 'li' );\n\n\t\t\t\t\t\tif ( li ) {\n\t\t\t\t\t\t\twalker.range.setEndAt( editable, CKEDITOR.POSITION_BEFORE_END );\n\n\t\t\t\t\t\t\tvar last = li.getLast( nonEmpty );\n\t\t\t\t\t\t\tvar block = last && isTextBlock( last ) ? last : li;\n\n\t\t\t\t\t\t\t// Indicate cursor at the visual end of an list item.\n\t\t\t\t\t\t\tvar isAtEnd = 0;\n\n\t\t\t\t\t\t\tnext = walker.next();\n\n\t\t\t\t\t\t\t// When list item contains a sub list.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tnext && next.type == CKEDITOR.NODE_ELEMENT &&\n\t\t\t\t\t\t\t\tnext.getName() in listNodeNames &&\n\t\t\t\t\t\t\t\tnext.equals( last )\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tisAtEnd = 1;\n\n\t\t\t\t\t\t\t\t// Move to the first item in sub list.\n\t\t\t\t\t\t\t\tnext = walker.next();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Right at the end of list item.\n\t\t\t\t\t\t\telse if ( range.checkBoundaryOfElement( block, CKEDITOR.END ) ) {\n\t\t\t\t\t\t\t\tisAtEnd = 2;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif ( isAtEnd && next ) {\n\t\t\t\t\t\t\t\t// Put cursor range there.\n\t\t\t\t\t\t\t\tnextLine = range.clone();\n\t\t\t\t\t\t\t\tnextLine.moveToElementEditStart( next );\n\n\t\t\t\t\t\t\t\t// http://dev.ckeditor.com/ticket/13409\n\t\t\t\t\t\t\t\t// For the following case and similar\n\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t// \t- \n\t\t\t\t\t\t\t\t// \t\t
x^
\n\t\t\t\t\t\t\t\t// \t\t\n\t\t\t\t\t\t\t\t// \t\t\t- y
\n\t\t\t\t\t\t\t\t// \t\t
\n\t\t\t\t\t\t\t\t// \t \n\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\tif ( isAtEnd == 1 ) {\n\t\t\t\t\t\t\t\t\t// Move the cursor to if attached to \"x\" text node.\n\t\t\t\t\t\t\t\t\tcursor.optimize();\n\n\t\t\t\t\t\t\t\t\t// Abort if the range is attached directly in - , like\n\t\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t\t// \t- \n\t\t\t\t\t\t\t\t\t// \t\tx^\n\t\t\t\t\t\t\t\t\t// \t\t
\n\t\t\t\t\t\t\t\t\t// \t\t\t- y
\n\t\t\t\t\t\t\t\t\t// \t\t
\n\t\t\t\t\t\t\t\t\t// \t \n\t\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t\tif ( !cursor.startContainer.equals( li ) ) {\n\t\t\t\t\t\t\t\t\t\tvar node = cursor.startContainer,\n\t\t\t\t\t\t\t\t\t\t\tfarthestInlineAscendant;\n\n\t\t\t\t\t\t\t\t\t\t// Find , which is farthest from but still inline element.\n\t\t\t\t\t\t\t\t\t\twhile ( node.is( CKEDITOR.dtd.$inline ) ) {\n\t\t\t\t\t\t\t\t\t\t\tfarthestInlineAscendant = node;\n\t\t\t\t\t\t\t\t\t\t\tnode = node.getParent();\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t// Move the range so it does not contain inline elements.\n\t\t\t\t\t\t\t\t\t\t// It prevents from being included in .\n\t\t\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t\t\t// \n\t\t\t\t\t\t\t\t\t\t// \t- \n\t\t\t\t\t\t\t\t\t\t// \t\t
x^
\n\t\t\t\t\t\t\t\t\t\t// \t\t\n\t\t\t\t\t\t\t\t\t\t// \t\t\t- y
\n\t\t\t\t\t\t\t\t\t\t// \t\t
\n\t\t\t\t\t\t\t\t\t\t// \t \n\t\t\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t\t\t// so instead of\n\t\t\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t\t\t// \n\t\t\t\t\t\t\t\t\t\t// \t- \n\t\t\t\t\t\t\t\t\t\t// \t\t
x^y
\n\t\t\t\t\t\t\t\t\t\t// \t \n\t\t\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t\t\t// pressing DELETE produces\n\t\t\t\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t\t\t\t// \n\t\t\t\t\t\t\t\t\t\t// \t- \n\t\t\t\t\t\t\t\t\t\t// \t\t
x^y
\n\t\t\t\t\t\t\t\t\t\t// \t \n\t\t\t\t\t\t\t\t\t\t//
\n\t\t\t\t\t\t\t\t\t\tif ( farthestInlineAscendant ) {\n\t\t\t\t\t\t\t\t\t\t\tcursor.moveToPosition( farthestInlineAscendant, CKEDITOR.POSITION_AFTER_END );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Moving `cursor` and `next line` only when at the end literally (http://dev.ckeditor.com/ticket/12729).\n\t\t\t\t\t\t\t\tif ( isAtEnd == 2 ) {\n\t\t\t\t\t\t\t\t\tcursor.moveToPosition( cursor.endPath().block, CKEDITOR.POSITION_BEFORE_END );\n\n\t\t\t\t\t\t\t\t\t// Next line might be text node not wrapped in block element.\n\t\t\t\t\t\t\t\t\tif ( nextLine.endPath().block ) {\n\t\t\t\t\t\t\t\t\t\tnextLine.moveToPosition( nextLine.endPath().block, CKEDITOR.POSITION_AFTER_START );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tjoinNextLineToCursor( editor, cursor, nextLine );\n\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Handle Del key pressed before the list.\n\t\t\t\t\t\t\twalker.range.setEndAt( editable, CKEDITOR.POSITION_BEFORE_END );\n\t\t\t\t\t\t\tnext = walker.next();\n\n\t\t\t\t\t\t\tif ( next && next.type == CKEDITOR.NODE_ELEMENT && next.is( listNodeNames ) ) {\n\t\t\t\t\t\t\t\t// The start - \n\t\t\t\t\t\t\t\tnext = next.getFirst( nonEmpty );\n\n\t\t\t\t\t\t\t\t// Simply remove the current empty block, move cursor to the\n\t\t\t\t\t\t\t\t// subsequent list.\n\t\t\t\t\t\t\t\tif ( path.block && range.checkStartOfBlock() && range.checkEndOfBlock() ) {\n\t\t\t\t\t\t\t\t\tpath.block.remove();\n\t\t\t\t\t\t\t\t\trange.moveToElementEditStart( next );\n\t\t\t\t\t\t\t\t\trange.select();\n\t\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t// Preventing the default (merge behavior), but simply move\n\t\t\t\t\t\t\t\t// the cursor one character forward if subsequent list item\n\t\t\t\t\t\t\t\t// contains sub list.\n\t\t\t\t\t\t\t\telse if ( getSubList( next ) ) {\n\t\t\t\t\t\t\t\t\trange.moveToElementEditStart( next );\n\t\t\t\t\t\t\t\t\trange.select();\n\t\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t// Merge the first list item with the current line.\n\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\tnextLine = range.clone();\n\t\t\t\t\t\t\t\t\tnextLine.moveToElementEditStart( next );\n\t\t\t\t\t\t\t\t\tjoinNextLineToCursor( editor, cursor, nextLine );\n\t\t\t\t\t\t\t\t\tevt.cancel();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\n\t\t\t\t\t// The backspace/del could potentially put cursor at a bad position,\n\t\t\t\t\t// being it handled or not, check immediately the selection to have it fixed.\n\t\t\t\t\tsetTimeout( function() {\n\t\t\t\t\t\teditor.selectionChange( 1 );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n} )();\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview The [Magic Line](http://ckeditor.com/addon/magicline) plugin that makes it easier to access some document areas that\n * are difficult to focus.\n */\n\n'use strict';\n\n( function() {\n\tCKEDITOR.plugins.add( 'magicline', {\n\t\tinit: initPlugin\n\t} );\n\n\t// Activates the box inside of an editor.\n\tfunction initPlugin( editor ) {\n\t\t// Configurables\n\t\tvar config = editor.config,\n\t\t\ttriggerOffset = config.magicline_triggerOffset || 30,\n\t\t\tenterMode = config.enterMode,\n\t\t\tthat = {\n\t\t\t\t// Global stuff is being initialized here.\n\t\t\t\teditor: editor,\n\t\t\t\tenterMode: enterMode,\n\t\t\t\ttriggerOffset: triggerOffset,\n\t\t\t\tholdDistance: 0 | triggerOffset * ( config.magicline_holdDistance || 0.5 ),\n\t\t\t\tboxColor: config.magicline_color || '#ff0000',\n\t\t\t\trtl: config.contentsLangDirection == 'rtl',\n\t\t\t\ttabuList: [ 'data-cke-hidden-sel' ].concat( config.magicline_tabuList || [] ),\n\t\t\t\ttriggers: config.magicline_everywhere ? DTD_BLOCK : { table: 1, hr: 1, div: 1, ul: 1, ol: 1, dl: 1, form: 1, blockquote: 1 }\n\t\t\t},\n\t\t\tscrollTimeout, checkMouseTimeoutPending, checkMouseTimer;\n\n\n\t\t// Simple irrelevant elements filter.\n\t\tthat.isRelevant = function( node ) {\n\t\t\treturn isHtml( node ) && // -> Node must be an existing HTML element.\n\t\t\t\t!isLine( that, node ) && // -> Node can be neither the box nor its child.\n\t\t\t\t!isFlowBreaker( node ); // -> Node can be neither floated nor positioned nor aligned.\n\t\t};\n\n\t\teditor.on( 'contentDom', addListeners, this );\n\n\t\tfunction addListeners() {\n\t\t\tvar editable = editor.editable(),\n\t\t\t\tdoc = editor.document,\n\t\t\t\twin = editor.window;\n\n\t\t\t// Global stuff is being initialized here.\n\t\t\textend( that, {\n\t\t\t\teditable: editable,\n\t\t\t\tinInlineMode: editable.isInline(),\n\t\t\t\tdoc: doc,\n\t\t\t\twin: win,\n\t\t\t\thotNode: null\n\t\t\t}, true );\n\n\t\t\t// This is the boundary of the editor. For inline the boundary is editable itself.\n\t\t\t// For classic (`iframe`-based) editor, the HTML element is a real boundary.\n\t\t\tthat.boundary = that.inInlineMode ? that.editable : that.doc.getDocumentElement();\n\n\t\t\t// Enabling the box inside of inline editable is pointless.\n\t\t\t// There's no need to access spaces inside paragraphs, links, spans, etc.\n\t\t\tif ( editable.is( dtd.$inline ) )\n\t\t\t\treturn;\n\n\t\t\t// Handle in-line editing by setting appropriate position.\n\t\t\t// If current position is static, make it relative and clear top/left coordinates.\n\t\t\tif ( that.inInlineMode && !isPositioned( editable ) ) {\n\t\t\t\teditable.setStyles( {\n\t\t\t\t\tposition: 'relative',\n\t\t\t\t\ttop: null,\n\t\t\t\t\tleft: null\n\t\t\t\t} );\n\t\t\t}\n\t\t\t// Enable the box. Let it produce children elements, initialize\n\t\t\t// event handlers and own methods.\n\t\t\tinitLine.call( this, that );\n\n\t\t\t// Get view dimensions and scroll positions.\n\t\t\t// At this stage (before any checkMouse call) it is used mostly\n\t\t\t// by tests. Nevertheless it a crucial thing.\n\t\t\tupdateWindowSize( that );\n\n\t\t\t// Remove the box before an undo image is created.\n\t\t\t// This is important. If we didn't do that, the *undo thing* would revert the box into an editor.\n\t\t\t// Thanks to that, undo doesn't even know about the existence of the box.\n\t\t\teditable.attachListener( editor, 'beforeUndoImage', function() {\n\t\t\t\tthat.line.detach();\n\t\t\t} );\n\n\t\t\t// Removes the box HTML from editor data string if getData is called.\n\t\t\t// Thanks to that, an editor never yields data polluted by the box.\n\t\t\t// Listen with very high priority, so line will be removed before other\n\t\t\t// listeners will see it.\n\t\t\teditable.attachListener( editor, 'beforeGetData', function() {\n\t\t\t\t// If the box is in editable, remove it.\n\t\t\t\tif ( that.line.wrap.getParent() ) {\n\t\t\t\t\tthat.line.detach();\n\n\t\t\t\t\t// Restore line in the last listener for 'getData'.\n\t\t\t\t\teditor.once( 'getData', function() {\n\t\t\t\t\t\tthat.line.attach();\n\t\t\t\t\t}, null, null, 1000 );\n\t\t\t\t}\n\t\t\t}, null, null, 0 );\n\n\t\t\t// Hide the box on mouseout if mouse leaves document.\n\t\t\teditable.attachListener( that.inInlineMode ? doc : doc.getWindow().getFrame(), 'mouseout', function( event ) {\n\t\t\t\tif ( editor.mode != 'wysiwyg' )\n\t\t\t\t\treturn;\n\n\t\t\t\t// Check for inline-mode editor. If so, check mouse position\n\t\t\t\t// and remove the box if mouse outside of an editor.\n\t\t\t\tif ( that.inInlineMode ) {\n\t\t\t\t\tvar mouse = {\n\t\t\t\t\t\tx: event.data.$.clientX,\n\t\t\t\t\t\ty: event.data.$.clientY\n\t\t\t\t\t};\n\n\t\t\t\t\tupdateWindowSize( that );\n\t\t\t\t\tupdateEditableSize( that, true );\n\n\t\t\t\t\tvar size = that.view.editable,\n\t\t\t\t\t\tscroll = that.view.scroll;\n\n\t\t\t\t\t// If outside of an editor...\n\t\t\t\t\tif ( !inBetween( mouse.x, size.left - scroll.x, size.right - scroll.x ) || !inBetween( mouse.y, size.top - scroll.y, size.bottom - scroll.y ) ) {\n\t\t\t\t\t\tclearTimeout( checkMouseTimer );\n\t\t\t\t\t\tcheckMouseTimer = null;\n\t\t\t\t\t\tthat.line.detach();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\telse {\n\t\t\t\t\tclearTimeout( checkMouseTimer );\n\t\t\t\t\tcheckMouseTimer = null;\n\t\t\t\t\tthat.line.detach();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// This one deactivates hidden mode of an editor which\n\t\t\t// prevents the box from being shown.\n\t\t\teditable.attachListener( editable, 'keyup', function() {\n\t\t\t\tthat.hiddenMode = 0;\n\t\t\t} );\n\n\t\t\teditable.attachListener( editable, 'keydown', function( event ) {\n\t\t\t\tif ( editor.mode != 'wysiwyg' )\n\t\t\t\t\treturn;\n\n\t\t\t\tvar keyStroke = event.data.getKeystroke();\n\n\t\t\t\tswitch ( keyStroke ) {\n\t\t\t\t\t// Shift pressed\n\t\t\t\t\tcase 2228240: // IE\n\t\t\t\t\tcase 16:\n\t\t\t\t\t\tthat.hiddenMode = 1;\n\t\t\t\t\t\tthat.line.detach();\n\t\t\t\t}\n\n\t\t\t} );\n\n\t\t\t// This method ensures that checkMouse aren't executed\n\t\t\t// in parallel and no more frequently than specified in timeout function.\n\t\t\t// In classic (`iframe`-based) editor, document is used as a trigger, to provide magicline\n\t\t\t// functionality when mouse is below the body (short content, short body).\n\t\t\teditable.attachListener( that.inInlineMode ? editable : doc, 'mousemove', function( event ) {\n\t\t\t\tcheckMouseTimeoutPending = true;\n\n\t\t\t\tif ( editor.mode != 'wysiwyg' || editor.readOnly || checkMouseTimer )\n\t\t\t\t\treturn;\n\n\t\t\t\t// IE<9 requires this event-driven object to be created\n\t\t\t\t// outside of the setTimeout statement.\n\t\t\t\t// Otherwise it loses the event object with its properties.\n\t\t\t\tvar mouse = {\n\t\t\t\t\tx: event.data.$.clientX,\n\t\t\t\t\ty: event.data.$.clientY\n\t\t\t\t};\n\n\t\t\t\tcheckMouseTimer = setTimeout( function() {\n\t\t\t\t\tcheckMouse( mouse );\n\t\t\t\t}, 30 ); // balances performance and accessibility\n\t\t\t} );\n\n\t\t\t// This one removes box on scroll event.\n\t\t\t// It is to avoid box displacement.\n\t\t\teditable.attachListener( win, 'scroll', function() {\n\t\t\t\tif ( editor.mode != 'wysiwyg' )\n\t\t\t\t\treturn;\n\n\t\t\t\tthat.line.detach();\n\n\t\t\t\t// To figure this out just look at the mouseup\n\t\t\t\t// event handler below.\n\t\t\t\tif ( env.webkit ) {\n\t\t\t\t\tthat.hiddenMode = 1;\n\n\t\t\t\t\tclearTimeout( scrollTimeout );\n\t\t\t\t\tscrollTimeout = setTimeout( function() {\n\t\t\t\t\t\t// Don't leave hidden mode until mouse remains pressed and\n\t\t\t\t\t\t// scroll is being used, i.e. when dragging something.\n\t\t\t\t\t\tif ( !that.mouseDown )\n\t\t\t\t\t\t\tthat.hiddenMode = 0;\n\t\t\t\t\t}, 50 );\n\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// Those event handlers remove the box on mousedown\n\t\t\t// and don't reveal it until the mouse is released.\n\t\t\t// It is to prevent box insertion e.g. while scrolling\n\t\t\t// (w/ scrollbar), selecting and so on.\n\t\t\teditable.attachListener( env_ie8 ? doc : win, 'mousedown', function() {\n\t\t\t\tif ( editor.mode != 'wysiwyg' )\n\t\t\t\t\treturn;\n\n\t\t\t\tthat.line.detach();\n\t\t\t\tthat.hiddenMode = 1;\n\t\t\t\tthat.mouseDown = 1;\n\n\t\t\t} );\n\n\t\t\t// Google Chrome doesn't trigger this on the scrollbar (since 2009...)\n\t\t\t// so it is totally useless to check for scroll finish\n\t\t\t// see: http://code.google.com/p/chromium/issues/detail?id=14204\n\t\t\teditable.attachListener( env_ie8 ? doc : win, 'mouseup', function() {\n\t\t\t\tthat.hiddenMode = 0;\n\t\t\t\tthat.mouseDown = 0;\n\t\t\t} );\n\n\t\t\t// Editor commands for accessing difficult focus spaces.\n\t\t\teditor.addCommand( 'accessPreviousSpace', accessFocusSpaceCmd( that ) );\n\t\t\teditor.addCommand( 'accessNextSpace', accessFocusSpaceCmd( that, true ) );\n\n\t\t\teditor.setKeystroke( [\n\t\t\t\t[ config.magicline_keystrokePrevious, 'accessPreviousSpace' ],\n\t\t\t\t[ config.magicline_keystrokeNext, 'accessNextSpace' ]\n\t\t\t] );\n\n\t\t\t// Revert magicline hot node on undo/redo.\n\t\t\teditor.on( 'loadSnapshot', function() {\n\t\t\t\tvar elements, element, i;\n\n\t\t\t\tfor ( var t in { p: 1, br: 1, div: 1 } ) {\n\t\t\t\t\t// document.find is not available in QM (http://dev.ckeditor.com/ticket/11149).\n\t\t\t\t\telements = editor.document.getElementsByTag( t );\n\n\t\t\t\t\tfor ( i = elements.count(); i--; ) {\n\t\t\t\t\t\tif ( ( element = elements.getItem( i ) ).data( 'cke-magicline-hot' ) ) {\n\t\t\t\t\t\t\t// Restore hotNode\n\t\t\t\t\t\t\tthat.hotNode = element;\n\t\t\t\t\t\t\t// Restore last access direction\n\t\t\t\t\t\t\tthat.lastCmdDirection = element.data( 'cke-magicline-dir' ) === 'true' ? true : false;\n\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// This method handles mousemove mouse for box toggling.\n\t\t\t// It uses mouse position to determine underlying element, then\n\t\t\t// it tries to use different trigger type in order to place the box\n\t\t\t// in correct place. The following procedure is executed periodically.\n\t\t\tfunction checkMouse( mouse ) {\n\n\t\t\t\tthat.mouse = mouse;\n\t\t\t\tthat.trigger = null;\n\n\t\t\t\tcheckMouseTimer = null;\n\t\t\t\tupdateWindowSize( that );\n\n\t\t\t\tif (\n\t\t\t\t\tcheckMouseTimeoutPending &&\t\t\t\t\t\t\t\t// There must be an event pending.\n\t\t\t\t\t!that.hiddenMode &&\t\t\t\t\t\t\t\t\t\t// Can't be in hidden mode.\n\t\t\t\t\teditor.focusManager.hasFocus &&\t\t\t\t\t\t\t// Editor must have focus.\n\t\t\t\t\t!that.line.mouseNear() &&\t\t\t\t\t\t\t\t// Mouse pointer can't be close to the box.\n\t\t\t\t\t( that.element = elementFromMouse( that, true ) )\t\t// There must be valid element.\n\t\t\t\t) {\n\t\t\t\t\t// If trigger exists, and trigger is correct -> show the box.\n\t\t\t\t\t// Don't show the line if trigger is a descendant of some tabu-list element.\n\t\t\t\t\tif ( ( that.trigger = triggerEditable( that ) || triggerEdge( that ) || triggerExpand( that ) ) &&\n\t\t\t\t\t\t!isInTabu( that, that.trigger.upper || that.trigger.lower ) ) {\n\t\t\t\t\t\tthat.line.attach().place();\n\t\t\t\t\t}\n\n\t\t\t\t\t// Otherwise remove the box\n\t\t\t\t\telse {\n\t\t\t\t\t\tthat.trigger = null;\n\t\t\t\t\t\tthat.line.detach();\n\t\t\t\t\t}\n\n\n\t\t\t\t\tcheckMouseTimeoutPending = false;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t// This one allows testing and debugging. It reveals some\n\t\t\t// inner methods to the world.\n\t\t\tthis.backdoor = {\n\t\t\t\taccessFocusSpace: accessFocusSpace,\n\t\t\t\tboxTrigger: boxTrigger,\n\t\t\t\tisLine: isLine,\n\t\t\t\tgetAscendantTrigger: getAscendantTrigger,\n\t\t\t\tgetNonEmptyNeighbour: getNonEmptyNeighbour,\n\t\t\t\tgetSize: getSize,\n\t\t\t\tthat: that,\n\t\t\t\ttriggerEdge: triggerEdge,\n\t\t\t\ttriggerEditable: triggerEditable,\n\t\t\t\ttriggerExpand: triggerExpand\n\t\t\t};\n\t\t}\n\t}\n\n\t// Some shorthands for common methods to save bytes\n\tvar extend = CKEDITOR.tools.extend,\n\t\tnewElement = CKEDITOR.dom.element,\n\t\tnewElementFromHtml = newElement.createFromHtml,\n\t\tenv = CKEDITOR.env,\n\t\tenv_ie8 = CKEDITOR.env.ie && CKEDITOR.env.version < 9,\n\t\tdtd = CKEDITOR.dtd,\n\n\t\t// Global object associating enter modes with elements.\n\t\tenterElements = {},\n\n\t\t// Constant values, types and so on.\n\t\tEDGE_TOP = 128,\n\t\tEDGE_BOTTOM = 64,\n\t\tEDGE_MIDDLE = 32,\n\t\tTYPE_EDGE = 16,\n\t\tTYPE_EXPAND = 8,\n\t\tLOOK_TOP = 4,\n\t\tLOOK_BOTTOM = 2,\n\t\tLOOK_NORMAL = 1,\n\t\tWHITE_SPACE = '\\u00A0',\n\t\tDTD_LISTITEM = dtd.$listItem,\n\t\tDTD_TABLECONTENT = dtd.$tableContent,\n\t\tDTD_NONACCESSIBLE = extend( {}, dtd.$nonEditable, dtd.$empty ),\n\t\tDTD_BLOCK = dtd.$block,\n\n\t\t// Minimum time that must elapse between two update*Size calls.\n\t\t// It prevents constant getComuptedStyle calls and improves performance.\n\t\tCACHE_TIME = 100,\n\n\t\t// Shared CSS stuff for box elements\n\t\tCSS_COMMON = 'width:0px;height:0px;padding:0px;margin:0px;display:block;' + 'z-index:9999;color:#fff;position:absolute;font-size: 0px;line-height:0px;',\n\t\tCSS_TRIANGLE = CSS_COMMON + 'border-color:transparent;display:block;border-style:solid;',\n\t\tTRIANGLE_HTML = '' + WHITE_SPACE + '';\n\n\tenterElements[ CKEDITOR.ENTER_BR ] = 'br';\n\tenterElements[ CKEDITOR.ENTER_P ] = 'p';\n\tenterElements[ CKEDITOR.ENTER_DIV ] = 'div';\n\n\tfunction areSiblings( that, upper, lower ) {\n\t\treturn isHtml( upper ) && isHtml( lower ) && lower.equals( upper.getNext( function( node ) {\n\t\t\treturn !( isEmptyTextNode( node ) || isComment( node ) || isFlowBreaker( node ) );\n\t\t} ) );\n\t}\n\n\t// boxTrigger is an abstract type which describes\n\t// the relationship between elements that may result\n\t// in showing the box.\n\t//\n\t// The following type is used by numerous methods\n\t// to share information about the hypothetical box placement\n\t// and look by referring to boxTrigger properties.\n\tfunction boxTrigger( triggerSetup ) {\n\t\tthis.upper = triggerSetup[ 0 ];\n\t\tthis.lower = triggerSetup[ 1 ];\n\t\tthis.set.apply( this, triggerSetup.slice( 2 ) );\n\t}\n\n\tboxTrigger.prototype = {\n\t\tset: function( edge, type, look ) {\n\t\t\tthis.properties = edge + type + ( look || LOOK_NORMAL );\n\t\t\treturn this;\n\t\t},\n\n\t\tis: function( property ) {\n\t\t\treturn ( this.properties & property ) == property;\n\t\t}\n\t};\n\n\tvar elementFromMouse = ( function() {\n\t\tfunction elementFromPoint( doc, mouse ) {\n\t\t\tvar pointedElement = doc.$.elementFromPoint( mouse.x, mouse.y );\n\n\t\t\t// IE9QM: from times to times it will return an empty object on scroll bar hover. (http://dev.ckeditor.com/ticket/12185)\n\t\t\treturn pointedElement && pointedElement.nodeType ?\n\t\t\t\tnew CKEDITOR.dom.element( pointedElement ) :\n\t\t\t\tnull;\n\t\t}\n\n\t\treturn function( that, ignoreBox, forceMouse ) {\n\t\t\tif ( !that.mouse )\n\t\t\t\treturn null;\n\n\t\t\tvar doc = that.doc,\n\t\t\t\tlineWrap = that.line.wrap,\n\t\t\t\tmouse = forceMouse || that.mouse,\n\t\t\t\t// Note: element might be null.\n\t\t\t\telement = elementFromPoint( doc, mouse );\n\n\t\t\t// If ignoreBox is set and element is the box, it means that we\n\t\t\t// need to hide the box for a while, repeat elementFromPoint\n\t\t\t// and show it again.\n\t\t\tif ( ignoreBox && isLine( that, element ) ) {\n\t\t\t\tlineWrap.hide();\n\t\t\t\telement = elementFromPoint( doc, mouse );\n\t\t\t\tlineWrap.show();\n\t\t\t}\n\n\t\t\t// Return nothing if:\n\t\t\t//\t\\-> Element is not HTML.\n\t\t\tif ( !( element && element.type == CKEDITOR.NODE_ELEMENT && element.$ ) )\n\t\t\t\treturn null;\n\n\t\t\t// Also return nothing if:\n\t\t\t//\t\\-> We're IE<9 and element is out of the top-level element (editable for inline and HTML for classic (`iframe`-based)).\n\t\t\t//\t\tThis is due to the bug which allows IE<9 firing mouse events on element\n\t\t\t//\t\twith contenteditable=true while doing selection out (far, away) of the element.\n\t\t\t//\t\tThus we must always be sure that we stay in editable or HTML.\n\t\t\tif ( env.ie && env.version < 9 ) {\n\t\t\t\tif ( !( that.boundary.equals( element ) || that.boundary.contains( element ) ) )\n\t\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn element;\n\t\t};\n\t} )();\n\n\t// Gets the closest parent node that belongs to triggers group.\n\tfunction getAscendantTrigger( that ) {\n\t\tvar node = that.element,\n\t\t\ttrigger;\n\n\t\tif ( node && isHtml( node ) ) {\n\t\t\ttrigger = node.getAscendant( that.triggers, true );\n\n\t\t\t// If trigger is an element, neither editable nor editable's ascendant.\n\t\t\tif ( trigger && that.editable.contains( trigger ) ) {\n\t\t\t\t// Check for closest editable limit.\n\t\t\t\t// Don't consider trigger as a limit as it may be nested editable (includeSelf=false) (http://dev.ckeditor.com/ticket/12009).\n\t\t\t\tvar limit = getClosestEditableLimit( trigger );\n\n\t\t\t\t// Trigger in nested editable area.\n\t\t\t\tif ( limit.getAttribute( 'contenteditable' ) == 'true' )\n\t\t\t\t\treturn trigger;\n\t\t\t\t// Trigger in non-editable area.\n\t\t\t\telse if ( limit.is( that.triggers ) )\n\t\t\t\t\treturn limit;\n\t\t\t\telse\n\t\t\t\t\treturn null;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tfunction getMidpoint( that, upper, lower ) {\n\t\tupdateSize( that, upper );\n\t\tupdateSize( that, lower );\n\n\t\tvar upperSizeBottom = upper.size.bottom,\n\t\t\tlowerSizeTop = lower.size.top;\n\n\t\treturn upperSizeBottom && lowerSizeTop ? 0 | ( upperSizeBottom + lowerSizeTop ) / 2 : upperSizeBottom || lowerSizeTop;\n\t}\n\n\t// Get nearest node (either text or HTML), but:\n\t//\t\\->\tOmit all empty text nodes (containing white characters only).\n\t//\t\\-> Omit BR elements\n\t//\t\\-> Omit flow breakers.\n\tfunction getNonEmptyNeighbour( that, node, goBack ) {\n\t\tnode = node[ goBack ? 'getPrevious' : 'getNext' ]( function( node ) {\n\t\t\treturn ( isTextNode( node ) && !isEmptyTextNode( node ) ) ||\n\t\t\t\t( isHtml( node ) && !isFlowBreaker( node ) && !isLine( that, node ) );\n\t\t} );\n\n\t\treturn node;\n\t}\n\n\tfunction inBetween( val, lower, upper ) {\n\t\treturn val > lower && val < upper;\n\t}\n\n\t// Returns the closest ancestor that has contenteditable attribute.\n\t// Such ancestor is the limit of (non-)editable DOM branch that element\n\t// belongs to. This method omits editor editable.\n\tfunction getClosestEditableLimit( element, includeSelf ) {\n\t\tif ( element.data( 'cke-editable' ) )\n\t\t\treturn null;\n\n\t\tif ( !includeSelf )\n\t\t\telement = element.getParent();\n\n\t\twhile ( element ) {\n\t\t\tif ( element.data( 'cke-editable' ) )\n\t\t\t\treturn null;\n\n\t\t\tif ( element.hasAttribute( 'contenteditable' ) )\n\t\t\t\treturn element;\n\n\t\t\telement = element.getParent();\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t// Access space line consists of a few elements (spans):\n\t// \t\\-> Line wrapper.\n\t// \t\\-> Line.\n\t// \t\\-> Line triangles: left triangle (LT), right triangle (RT).\n\t// \t\\-> Button handler (BTN).\n\t//\n\t//\t+--------------------------------------------------- line.wrap (span) -----+\n\t//\t| +---------------------------------------------------- line (span) -----+ |\n\t//\t| | +- LT \\ +- BTN -+ / RT -+ | |\n\t//\t| | | \\ | | | / | | |\n\t//\t| | | / | <__| | \\ | | |\n\t//\t| | +-----/ +-------+ \\-----+ | |\n\t//\t| +----------------------------------------------------------------------+ |\n\t// +--------------------------------------------------------------------------+\n\t//\n\tfunction initLine( that ) {\n\t\tvar doc = that.doc,\n\t\t\t// This the main box element that holds triangles and the insertion button\n\t\t\tline = newElementFromHtml( '', doc ),\n\t\t\ticonPath = CKEDITOR.getUrl( this.path + 'images/' + ( env.hidpi ? 'hidpi/' : '' ) + 'icon' + ( that.rtl ? '-rtl' : '' ) + '.png' );\n\n\t\textend( line, {\n\n\t\t\tattach: function() {\n\t\t\t\t// Only if not already attached\n\t\t\t\tif ( !this.wrap.getParent() )\n\t\t\t\t\tthis.wrap.appendTo( that.editable, true );\n\n\t\t\t\treturn this;\n\t\t\t},\n\n\t\t\t// Looks are as follows: [ LOOK_TOP, LOOK_BOTTOM, LOOK_NORMAL ].\n\t\t\tlineChildren: [\n\t\t\t\textend(\n\t\t\t\t\tnewElementFromHtml(\n\t\t\t\t\t\t'↵', doc\n\t\t\t\t\t), {\n\t\t\t\t\t\tbase: CSS_COMMON + 'height:17px;width:17px;' + ( that.rtl ? 'left' : 'right' ) + ':17px;' +\n\t\t\t\t\t\t\t\t'background:url(' + iconPath + ') center no-repeat ' + that.boxColor + ';cursor:pointer;' +\n\t\t\t\t\t\t\t\t( env.hc ? 'font-size: 15px;line-height:14px;border:1px solid #fff;text-align:center;' : '' ) +\n\t\t\t\t\t\t\t\t( env.hidpi ? 'background-size: 9px 10px;' : '' ),\n\t\t\t\t\t\tlooks: [\n\t\t\t\t\t\t\t'top:-8px; border-radius: 2px;',\n\t\t\t\t\t\t\t'top:-17px; border-radius: 2px 2px 0px 0px;',\n\t\t\t\t\t\t\t'top:-1px; border-radius: 0px 0px 2px 2px;'\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\textend( newElementFromHtml( TRIANGLE_HTML, doc ), {\n\t\t\t\t\tbase: CSS_TRIANGLE + 'left:0px;border-left-color:' + that.boxColor + ';',\n\t\t\t\t\tlooks: [\n\t\t\t\t\t\t'border-width:8px 0 8px 8px;top:-8px',\n\t\t\t\t\t\t'border-width:8px 0 0 8px;top:-8px',\n\t\t\t\t\t\t'border-width:0 0 8px 8px;top:0px'\n\t\t\t\t\t]\n\t\t\t\t} ),\n\t\t\t\textend( newElementFromHtml( TRIANGLE_HTML, doc ), {\n\t\t\t\t\tbase: CSS_TRIANGLE + 'right:0px;border-right-color:' + that.boxColor + ';',\n\t\t\t\t\tlooks: [\n\t\t\t\t\t\t'border-width:8px 8px 8px 0;top:-8px',\n\t\t\t\t\t\t'border-width:8px 8px 0 0;top:-8px',\n\t\t\t\t\t\t'border-width:0 8px 8px 0;top:0px'\n\t\t\t\t\t]\n\t\t\t\t} )\n\t\t\t],\n\n\t\t\tdetach: function() {\n\t\t\t\t// Detach only if already attached.\n\t\t\t\tif ( this.wrap.getParent() )\n\t\t\t\t\tthis.wrap.remove();\n\n\t\t\t\treturn this;\n\t\t\t},\n\n\t\t\t// Checks whether mouseY is around an element by comparing boundaries and considering\n\t\t\t// an offset distance.\n\t\t\tmouseNear: function() {\n\n\t\t\t\tupdateSize( that, this );\n\t\t\t\tvar offset = that.holdDistance,\n\t\t\t\t\tsize = this.size;\n\n\t\t\t\t// Determine neighborhood by element dimensions and offsets.\n\t\t\t\tif ( size && inBetween( that.mouse.y, size.top - offset, size.bottom + offset ) && inBetween( that.mouse.x, size.left - offset, size.right + offset ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t},\n\n\t\t\t// Adjusts position of the box according to the trigger properties.\n\t\t\t// If also affects look of the box depending on the type of the trigger.\n\t\t\tplace: function() {\n\t\t\t\tvar view = that.view,\n\t\t\t\t\teditable = that.editable,\n\t\t\t\t\ttrigger = that.trigger,\n\t\t\t\t\tupper = trigger.upper,\n\t\t\t\t\tlower = trigger.lower,\n\t\t\t\t\tany = upper || lower,\n\t\t\t\t\tparent = any.getParent(),\n\t\t\t\t\tstyleSet = {};\n\n\t\t\t\t// Save recent trigger for further insertion.\n\t\t\t\t// It is necessary due to the fact, that that.trigger may\n\t\t\t\t// contain different boxTrigger at the moment of insertion\n\t\t\t\t// or may be even null.\n\t\t\t\tthis.trigger = trigger;\n\n\t\t\t\tupper && updateSize( that, upper, true );\n\t\t\t\tlower && updateSize( that, lower, true );\n\t\t\t\tupdateSize( that, parent, true );\n\n\t\t\t\t// Yeah, that's gonna be useful in inline-mode case.\n\t\t\t\tif ( that.inInlineMode )\n\t\t\t\t\tupdateEditableSize( that, true );\n\n\t\t\t\t// Set X coordinate (left, right, width).\n\t\t\t\tif ( parent.equals( editable ) ) {\n\t\t\t\t\tstyleSet.left = view.scroll.x;\n\t\t\t\t\tstyleSet.right = -view.scroll.x;\n\t\t\t\t\tstyleSet.width = '';\n\t\t\t\t} else {\n\t\t\t\t\tstyleSet.left = any.size.left - any.size.margin.left + view.scroll.x - ( that.inInlineMode ? view.editable.left + view.editable.border.left : 0 );\n\t\t\t\t\tstyleSet.width = any.size.outerWidth + any.size.margin.left + any.size.margin.right + view.scroll.x;\n\t\t\t\t\tstyleSet.right = '';\n\t\t\t\t}\n\n\t\t\t\t// Set Y coordinate (top) for trigger consisting of two elements.\n\t\t\t\tif ( upper && lower ) {\n\t\t\t\t\t// No margins at all or they're equal. Place box right between.\n\t\t\t\t\tif ( upper.size.margin.bottom === lower.size.margin.top )\n\t\t\t\t\t\tstyleSet.top = 0 | ( upper.size.bottom + upper.size.margin.bottom / 2 );\n\t\t\t\t\telse {\n\t\t\t\t\t\t// Upper margin < lower margin. Place at lower margin.\n\t\t\t\t\t\tif ( upper.size.margin.bottom < lower.size.margin.top )\n\t\t\t\t\t\t\tstyleSet.top = upper.size.bottom + upper.size.margin.bottom;\n\t\t\t\t\t\t// Upper margin > lower margin. Place at upper margin - lower margin.\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tstyleSet.top = upper.size.bottom + upper.size.margin.bottom - lower.size.margin.top;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Set Y coordinate (top) for single-edge trigger.\n\t\t\t\telse if ( !upper )\n\t\t\t\t\tstyleSet.top = lower.size.top - lower.size.margin.top;\n\t\t\t\telse if ( !lower ) {\n\t\t\t\t\tstyleSet.top = upper.size.bottom + upper.size.margin.bottom;\n\t\t\t\t}\n\n\t\t\t\t// Set box button modes if close to the viewport horizontal edge\n\t\t\t\t// or look forced by the trigger.\n\t\t\t\tif ( trigger.is( LOOK_TOP ) || inBetween( styleSet.top, view.scroll.y - 15, view.scroll.y + 5 ) ) {\n\t\t\t\t\tstyleSet.top = that.inInlineMode ? 0 : view.scroll.y;\n\t\t\t\t\tthis.look( LOOK_TOP );\n\t\t\t\t} else if ( trigger.is( LOOK_BOTTOM ) || inBetween( styleSet.top, view.pane.bottom - 5, view.pane.bottom + 15 ) ) {\n\t\t\t\t\tstyleSet.top = that.inInlineMode ? (\n\t\t\t\t\t\t\tview.editable.height + view.editable.padding.top + view.editable.padding.bottom\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tview.pane.bottom - 1\n\t\t\t\t\t\t);\n\n\t\t\t\t\tthis.look( LOOK_BOTTOM );\n\t\t\t\t} else {\n\t\t\t\t\tif ( that.inInlineMode )\n\t\t\t\t\t\tstyleSet.top -= view.editable.top + view.editable.border.top;\n\n\t\t\t\t\tthis.look( LOOK_NORMAL );\n\t\t\t\t}\n\n\t\t\t\tif ( that.inInlineMode ) {\n\t\t\t\t\t// 1px bug here...\n\t\t\t\t\tstyleSet.top--;\n\n\t\t\t\t\t// Consider the editable to be an element with overflow:scroll\n\t\t\t\t\t// and non-zero scrollTop/scrollLeft value.\n\t\t\t\t\t// For example: divarea editable. (http://dev.ckeditor.com/ticket/9383)\n\t\t\t\t\tstyleSet.top += view.editable.scroll.top;\n\t\t\t\t\tstyleSet.left += view.editable.scroll.left;\n\t\t\t\t}\n\n\t\t\t\t// Append `px` prefixes.\n\t\t\t\tfor ( var style in styleSet )\n\t\t\t\t\tstyleSet[ style ] = CKEDITOR.tools.cssLength( styleSet[ style ] );\n\n\t\t\t\tthis.setStyles( styleSet );\n\t\t\t},\n\n\t\t\t// Changes look of the box according to current needs.\n\t\t\t// Three different styles are available: [ LOOK_TOP, LOOK_BOTTOM, LOOK_NORMAL ].\n\t\t\tlook: function( look ) {\n\t\t\t\tif ( this.oldLook == look )\n\t\t\t\t\treturn;\n\n\t\t\t\tfor ( var i = this.lineChildren.length, child; i--; )\n\t\t\t\t\t( child = this.lineChildren[ i ] ).setAttribute( 'style', child.base + child.looks[ 0 | look / 2 ] );\n\n\t\t\t\tthis.oldLook = look;\n\t\t\t},\n\n\t\t\twrap: new newElement( 'span', that.doc )\n\n\t\t} );\n\n\t\t// Insert children into the box.\n\t\tfor ( var i = line.lineChildren.length; i--; )\n\t\t\tline.lineChildren[ i ].appendTo( line );\n\n\t\t// Set default look of the box.\n\t\tline.look( LOOK_NORMAL );\n\n\t\t// Using that wrapper prevents IE (8,9) from resizing editable area at the moment\n\t\t// of box insertion. This works thanks to the fact, that positioned box is wrapped by\n\t\t// an inline element. So much tricky.\n\t\tline.appendTo( line.wrap );\n\n\t\t// Make the box unselectable.\n\t\tline.unselectable();\n\n\t\t// Handle accessSpace node insertion.\n\t\tline.lineChildren[ 0 ].on( 'mouseup', function( event ) {\n\t\t\tline.detach();\n\n\t\t\taccessFocusSpace( that, function( accessNode ) {\n\t\t\t\t// Use old trigger that was saved by 'place' method. Look: line.place\n\t\t\t\tvar trigger = that.line.trigger;\n\n\t\t\t\taccessNode[ trigger.is( EDGE_TOP ) ? 'insertBefore' : 'insertAfter' ](\n\t\t\t\t\ttrigger.is( EDGE_TOP ) ? trigger.lower : trigger.upper );\n\t\t\t}, true );\n\n\t\t\tthat.editor.focus();\n\n\t\t\tif ( !env.ie && that.enterMode != CKEDITOR.ENTER_BR )\n\t\t\t\tthat.hotNode.scrollIntoView();\n\n\t\t\tevent.data.preventDefault( true );\n\t\t} );\n\n\t\t// Prevents IE9 from displaying the resize box and disables drag'n'drop functionality.\n\t\tline.on( 'mousedown', function( event ) {\n\t\t\tevent.data.preventDefault( true );\n\t\t} );\n\n\t\tthat.line = line;\n\t}\n\n\t// This function allows accessing any focus space according to the insert function:\n\t// \t* For enterMode ENTER_P it creates P element filled with dummy white-space.\n\t// \t* For enterMode ENTER_DIV it creates DIV element filled with dummy white-space.\n\t// \t* For enterMode ENTER_BR it creates BR element or in IE.\n\t//\n\t// The node is being inserted according to insertFunction. Finally the method\n\t// selects the non-breaking space making the node ready for typing.\n\tfunction accessFocusSpace( that, insertFunction, doSave ) {\n\t\tvar range = new CKEDITOR.dom.range( that.doc ),\n\t\t\teditor = that.editor,\n\t\t\taccessNode;\n\n\t\t// IE requires text node of in ENTER_BR mode.\n\t\tif ( env.ie && that.enterMode == CKEDITOR.ENTER_BR )\n\t\t\taccessNode = that.doc.createText( WHITE_SPACE );\n\n\t\t// In other cases a regular element is used.\n\t\telse {\n\t\t\t// Use the enterMode of editable's limit or editor's\n\t\t\t// enter mode if not in nested editable.\n\t\t\tvar limit = getClosestEditableLimit( that.element, true ),\n\n\t\t\t\t// This is an enter mode for the context. We cannot use\n\t\t\t\t// editor.activeEnterMode because the focused nested editable will\n\t\t\t\t// have a different enterMode as editor but magicline will be inserted\n\t\t\t\t// directly into editor's editable.\n\t\t\t\tenterMode = limit && limit.data( 'cke-enter-mode' ) || that.enterMode;\n\n\t\t\taccessNode = new newElement( enterElements[ enterMode ], that.doc );\n\n\t\t\tif ( !accessNode.is( 'br' ) ) {\n\t\t\t\tvar dummy = that.doc.createText( WHITE_SPACE );\n\t\t\t\tdummy.appendTo( accessNode );\n\t\t\t}\n\t\t}\n\n\t\tdoSave && editor.fire( 'saveSnapshot' );\n\n\t\tinsertFunction( accessNode );\n\t\t//dummy.appendTo( accessNode );\n\t\trange.moveToPosition( accessNode, CKEDITOR.POSITION_AFTER_START );\n\t\teditor.getSelection().selectRanges( [ range ] );\n\t\tthat.hotNode = accessNode;\n\n\t\tdoSave && editor.fire( 'saveSnapshot' );\n\t}\n\n\t// Access focus space on demand by taking an element under the caret as a reference.\n\t// The space is accessed provided the element under the caret is trigger AND:\n\t//\n\t// 1. First/last-child of its parent:\n\t//\t\t+----------------------- Parent element -+\n\t//\t\t| +------------------------------ DIV -+ |\t<-- Access before\n\t//\t\t| | Foo^ | |\n\t//\t\t| | | |\n\t//\t\t| +------------------------------------+ |\t<-- Access after\n\t//\t\t+----------------------------------------+\n\t//\n\t// OR\n\t//\n\t// 2. It has a direct sibling element, which is also a trigger:\n\t//\t\t+-------------------------------- DIV#1 -+\n\t//\t\t| Foo^ |\n\t//\t\t| |\n\t//\t\t+----------------------------------------+\n\t// \t<-- Access here\n\t//\t\t+-------------------------------- DIV#2 -+\n\t//\t\t| Bar |\n\t//\t\t| |\n\t//\t\t+----------------------------------------+\n\t//\n\t// OR\n\t//\n\t// 3. It has a direct sibling, which is a trigger and has a valid neighbour trigger,\n\t// but belongs to dtd.$.empty/nonEditable:\n\t//\t\t+------------------------------------ P -+\n\t//\t\t| Foo^ |\n\t//\t\t| |\n\t//\t\t+----------------------------------------+\n\t//\t\t+----------------------------------- HR -+\n\t// \t<-- Access here\n\t//\t\t+-------------------------------- DIV#2 -+\n\t//\t\t| Bar |\n\t//\t\t| |\n\t//\t\t+----------------------------------------+\n\t//\n\tfunction accessFocusSpaceCmd( that, insertAfter ) {\n\t\treturn {\n\t\t\tcanUndo: true,\n\t\t\tmodes: { wysiwyg: 1 },\n\t\t\texec: ( function() {\n\n\t\t\t\t// Inserts line (accessNode) at the position by taking target node as a reference.\n\t\t\t\tfunction doAccess( target ) {\n\t\t\t\t\t// Remove old hotNode under certain circumstances.\n\t\t\t\t\tvar hotNodeChar = ( env.ie && env.version < 9 ? ' ' : WHITE_SPACE ),\n\t\t\t\t\t\tremoveOld = that.hotNode &&\t\t\t\t\t\t\t// Old hotNode must exist.\n\t\t\t\t\t\t\tthat.hotNode.getText() == hotNodeChar &&\t\t// Old hotNode hasn't been changed.\n\t\t\t\t\t\t\tthat.element.equals( that.hotNode ) &&\t\t\t// Caret is inside old hotNode.\n\t\t\t\t\t\t\t// Command is executed in the same direction.\n\t\t\t\t\t\t\tthat.lastCmdDirection === !!insertAfter; // jshint ignore:line\n\n\t\t\t\t\taccessFocusSpace( that, function( accessNode ) {\n\t\t\t\t\t\tif ( removeOld && that.hotNode )\n\t\t\t\t\t\t\tthat.hotNode.remove();\n\n\t\t\t\t\t\taccessNode[ insertAfter ? 'insertAfter' : 'insertBefore' ]( target );\n\n\t\t\t\t\t\t// Make this element distinguishable. Also remember the direction\n\t\t\t\t\t\t// it's been inserted into document.\n\t\t\t\t\t\taccessNode.setAttributes( {\n\t\t\t\t\t\t\t'data-cke-magicline-hot': 1,\n\t\t\t\t\t\t\t'data-cke-magicline-dir': !!insertAfter\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// Save last direction of the command (is insertAfter?).\n\t\t\t\t\t\tthat.lastCmdDirection = !!insertAfter;\n\t\t\t\t\t} );\n\n\t\t\t\t\tif ( !env.ie && that.enterMode != CKEDITOR.ENTER_BR )\n\t\t\t\t\t\tthat.hotNode.scrollIntoView();\n\n\t\t\t\t\t// Detach the line if was visible (previously triggered by mouse).\n\t\t\t\t\tthat.line.detach();\n\t\t\t\t}\n\n\t\t\t\treturn function( editor ) {\n\t\t\t\t\tvar selected = editor.getSelection().getStartElement(),\n\t\t\t\t\t\tlimit;\n\n\t\t\t\t\t// (http://dev.ckeditor.com/ticket/9833) Go down to the closest non-inline element in DOM structure\n\t\t\t\t\t// since inline elements don't participate in in magicline.\n\t\t\t\t\tselected = selected.getAscendant( DTD_BLOCK, 1 );\n\n\t\t\t\t\t// Stop if selected is a child of a tabu-list element.\n\t\t\t\t\tif ( isInTabu( that, selected ) )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\t// Sometimes it may happen that there's no parent block below selected element\n\t\t\t\t\t// or, for example, getAscendant reaches editable or editable parent.\n\t\t\t\t\t// We must avoid such pathological cases.\n\t\t\t\t\tif ( !selected || selected.equals( that.editable ) || selected.contains( that.editable ) )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\t// Executing the command directly in nested editable should\n\t\t\t\t\t// access space before/after it.\n\t\t\t\t\tif ( ( limit = getClosestEditableLimit( selected ) ) && limit.getAttribute( 'contenteditable' ) == 'false' )\n\t\t\t\t\t\tselected = limit;\n\n\t\t\t\t\t// That holds element from mouse. Replace it with the\n\t\t\t\t\t// element under the caret.\n\t\t\t\t\tthat.element = selected;\n\n\t\t\t\t\t// (3.) Handle the following cases where selected neighbour\n\t\t\t\t\t// is a trigger inaccessible for the caret AND:\n\t\t\t\t\t//\t- Is first/last-child\n\t\t\t\t\t//\tOR\n\t\t\t\t\t//\t- Has a sibling, which is also a trigger.\n\t\t\t\t\tvar neighbor = getNonEmptyNeighbour( that, selected, !insertAfter ),\n\t\t\t\t\t\tneighborSibling;\n\n\t\t\t\t\t// Check for a neighbour that belongs to triggers.\n\t\t\t\t\t// Consider only non-accessible elements (they cannot have any children)\n\t\t\t\t\t// since they cannot be given a caret inside, to run the command\n\t\t\t\t\t// the regular way (1. & 2.).\n\t\t\t\t\tif (\n\t\t\t\t\t\tisHtml( neighbor ) && neighbor.is( that.triggers ) && neighbor.is( DTD_NONACCESSIBLE ) &&\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t// Check whether neighbor is first/last-child.\n\t\t\t\t\t\t\t!getNonEmptyNeighbour( that, neighbor, !insertAfter ) ||\n\t\t\t\t\t\t\t// Check for a sibling of a neighbour that also is a trigger.\n\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t( neighborSibling = getNonEmptyNeighbour( that, neighbor, !insertAfter ) ) &&\n\t\t\t\t\t\t\t\tisHtml( neighborSibling ) &&\n\t\t\t\t\t\t\t\tneighborSibling.is( that.triggers )\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\tdoAccess( neighbor );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Look for possible target element DOWN \"selected\" DOM branch (towards editable)\n\t\t\t\t\t// that belong to that.triggers\n\t\t\t\t\tvar target = getAscendantTrigger( that, selected );\n\n\t\t\t\t\t// No HTML target -> no access.\n\t\t\t\t\tif ( !isHtml( target ) )\n\t\t\t\t\t\treturn;\n\n\t\t\t\t\t// (1.) Target is first/last child -> access.\n\t\t\t\t\tif ( !getNonEmptyNeighbour( that, target, !insertAfter ) ) {\n\t\t\t\t\t\tdoAccess( target );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar sibling = getNonEmptyNeighbour( that, target, !insertAfter );\n\n\t\t\t\t\t// (2.) Target has a sibling that belongs to that.triggers -> access.\n\t\t\t\t\tif ( sibling && isHtml( sibling ) && sibling.is( that.triggers ) ) {\n\t\t\t\t\t\tdoAccess( target );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t} )()\n\t\t};\n\t}\n\n\tfunction isLine( that, node ) {\n\t\tif ( !( node && node.type == CKEDITOR.NODE_ELEMENT && node.$ ) )\n\t\t\treturn false;\n\n\t\tvar line = that.line;\n\n\t\treturn line.wrap.equals( node ) || line.wrap.contains( node );\n\t}\n\n\t// Is text node containing white-spaces only?\n\tvar isEmptyTextNode = CKEDITOR.dom.walker.whitespaces();\n\n\t// Is fully visible HTML node?\n\tfunction isHtml( node ) {\n\t\treturn node && node.type == CKEDITOR.NODE_ELEMENT && node.$;\t// IE requires that\n\t}\n\n\tfunction isFloated( element ) {\n\t\tif ( !isHtml( element ) )\n\t\t\treturn false;\n\n\t\tvar options = { left: 1, right: 1, center: 1 };\n\n\t\treturn !!( options[ element.getComputedStyle( 'float' ) ] || options[ element.getAttribute( 'align' ) ] );\n\t}\n\n\tfunction isFlowBreaker( element ) {\n\t\tif ( !isHtml( element ) )\n\t\t\treturn false;\n\n\t\treturn isPositioned( element ) || isFloated( element );\n\t}\n\n\t// Isn't node of NODE_COMMENT type?\n\tvar isComment = CKEDITOR.dom.walker.nodeType( CKEDITOR.NODE_COMMENT );\n\n\tfunction isPositioned( element ) {\n\t\treturn !!{ absolute: 1, fixed: 1 }[ element.getComputedStyle( 'position' ) ];\n\t}\n\n\t// Is text node?\n\tfunction isTextNode( node ) {\n\t\treturn node && node.type == CKEDITOR.NODE_TEXT;\n\t}\n\n\tfunction isTrigger( that, element ) {\n\t\treturn isHtml( element ) ? element.is( that.triggers ) : null;\n\t}\n\n\tfunction isInTabu( that, element ) {\n\t\tif ( !element )\n\t\t\treturn false;\n\n\t\tvar parents = element.getParents( 1 );\n\n\t\tfor ( var i = parents.length ; i-- ; ) {\n\t\t\tfor ( var j = that.tabuList.length ; j-- ; ) {\n\t\t\t\tif ( parents[ i ].hasAttribute( that.tabuList[ j ] ) )\n\t\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t// This function checks vertically is there's a relevant child between element's edge\n\t// and the pointer.\n\t//\t\\-> Table contents are omitted.\n\tfunction isChildBetweenPointerAndEdge( that, parent, edgeBottom ) {\n\t\tvar edgeChild = parent[ edgeBottom ? 'getLast' : 'getFirst' ]( function( node ) {\n\t\t\treturn that.isRelevant( node ) && !node.is( DTD_TABLECONTENT );\n\t\t} );\n\n\t\tif ( !edgeChild )\n\t\t\treturn false;\n\n\t\tupdateSize( that, edgeChild );\n\n\t\treturn edgeBottom ? edgeChild.size.top > that.mouse.y : edgeChild.size.bottom < that.mouse.y;\n\t}\n\n\t// This method handles edge cases:\n\t// \t\\-> Mouse is around upper or lower edge of view pane.\n\t// \t\\-> Also scroll position is either minimal or maximal.\n\t// \t\\-> It's OK to show LOOK_TOP(BOTTOM) type line.\n\t//\n\t// This trigger doesn't need additional post-filtering.\n\t//\n\t//\t+----------------------------- Editable -+ /--\n\t//\t| +---------------------- First child -+ | | <-- Top edge (first child)\n\t//\t| | | | |\n\t//\t| | | | |\t * Mouse activation area *\n\t//\t| | | | |\n\t//\t| | ... | |\t\\-- Top edge + trigger offset\n\t//\t| . . |\n\t//\t| |\n\t//\t| . . |\n\t//\t| | ... | | /-- Bottom edge - trigger offset\n\t//\t| | | | |\n\t//\t| | | | |\t * Mouse activation area *\n\t//\t| | | | |\n\t//\t| +----------------------- Last child -+ | | <-- Bottom edge (last child)\n\t//\t+----------------------------------------+ \\--\n\t//\n\tfunction triggerEditable( that ) {\n\n\t\tvar editable = that.editable,\n\t\t\tmouse = that.mouse,\n\t\t\tview = that.view,\n\t\t\ttriggerOffset = that.triggerOffset,\n\t\t\ttriggerLook;\n\n\t\t// Update editable dimensions.\n\t\tupdateEditableSize( that );\n\n\t\t// This flag determines whether checking bottom trigger.\n\t\tvar bottomTrigger = mouse.y > (\n\t\t\t\tthat.inInlineMode ? (\n\t\t\t\t\tview.editable.top + view.editable.height / 2\n\t\t\t\t) : (\n\t\t\t\t\t// This is to handle case when editable.height / 2 <<< pane.height.\n\t\t\t\t\tMath.min( view.editable.height, view.pane.height ) / 2\n\t\t\t\t)\n\t\t\t),\n\n\t\t// Edge node according to bottomTrigger.\n\t\tedgeNode = editable[ bottomTrigger ? 'getLast' : 'getFirst' ]( function( node ) {\n\t\t\treturn !( isEmptyTextNode( node ) || isComment( node ) );\n\t\t} );\n\n\t\t// There's no edge node. Abort.\n\t\tif ( !edgeNode ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// If the edgeNode in editable is ML, get the next one.\n\t\tif ( isLine( that, edgeNode ) ) {\n\t\t\tedgeNode = that.line.wrap[ bottomTrigger ? 'getPrevious' : 'getNext' ]( function( node ) {\n\t\t\t\treturn !( isEmptyTextNode( node ) || isComment( node ) );\n\t\t\t} );\n\t\t}\n\n\t\t// Exclude bad nodes (no ML needed then):\n\t\t//\t\\-> Edge node is text.\n\t\t//\t\\-> Edge node is floated, etc.\n\t\t//\n\t\t// Edge node *must be* a valid trigger at this stage as well.\n\t\tif ( !isHtml( edgeNode ) || isFlowBreaker( edgeNode ) || !isTrigger( that, edgeNode ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Update size of edge node. Dimensions will be necessary.\n\t\tupdateSize( that, edgeNode );\n\n\t\t// Return appropriate trigger according to bottomTrigger.\n\t\t// \\->\tTop edge trigger case first.\n\t\tif ( !bottomTrigger &&\t\t\t\t\t\t\t\t\t\t\t\t\t// Top trigger case.\n\t\t\tedgeNode.size.top >= 0 &&\t\t\t\t\t\t\t\t\t\t\t// Check if the first element is fully visible.\n\t\t\tinBetween( mouse.y, 0, edgeNode.size.top + triggerOffset ) ) {\t\t// Check if mouse in [0, edgeNode.top + triggerOffset].\n\n\t\t\t// Determine trigger look.\n\t\t\ttriggerLook = that.inInlineMode || view.scroll.y === 0 ?\n\t\t\t\tLOOK_TOP : LOOK_NORMAL;\n\n\n\t\t\treturn new boxTrigger( [ null, edgeNode,\n\t\t\t\tEDGE_TOP,\n\t\t\t\tTYPE_EDGE,\n\t\t\t\ttriggerLook\n\t\t\t] );\n\t\t}\n\n\t\t// \\->\tBottom case.\n\t\telse if ( bottomTrigger &&\n\t\t\tedgeNode.size.bottom <= view.pane.height &&\t\t\t\t\t\t\t// Check if the last element is fully visible\n\t\t\tinBetween( mouse.y,\t\t\t\t\t\t\t\t\t\t\t\t\t// Check if mouse in...\n\t\t\t\tedgeNode.size.bottom - triggerOffset, view.pane.height ) ) {\t// [ edgeNode.bottom - triggerOffset, paneHeight ]\n\n\t\t\t// Determine trigger look.\n\t\t\ttriggerLook = that.inInlineMode ||\n\t\t\t\tinBetween( edgeNode.size.bottom, view.pane.height - triggerOffset, view.pane.height ) ?\n\t\t\t\t\tLOOK_BOTTOM : LOOK_NORMAL;\n\n\n\t\t\treturn new boxTrigger( [ edgeNode, null,\n\t\t\t\tEDGE_BOTTOM,\n\t\t\t\tTYPE_EDGE,\n\t\t\t\ttriggerLook\n\t\t\t] );\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t// This method covers cases *inside* of an element:\n\t// \t\\->\tThe pointer is in the top (bottom) area of an element and there's\n\t//\t\tHTML node before (after) this element.\n\t// \t\\-> An element being the first or last child of its parent.\n\t//\n\t//\t+----------------------- Parent element -+\n\t//\t| +----------------------- Element #1 -+ | /--\n\t//\t| | | | |\t * Mouse activation area (as first child) *\n\t//\t| | | | \\--\n\t//\t| | | | /--\n\t//\t| | | | |\t * Mouse activation area (Element #2) *\n\t//\t| +------------------------------------+ | \\--\n\t//\t| |\n\t//\t| +----------------------- Element #2 -+ | /--\n\t//\t| | | | |\t * Mouse activation area (Element #1) *\n\t//\t| | | | \\--\n\t//\t| | | |\n\t//\t| +------------------------------------+ |\n\t//\t| |\n\t//\t| Text node is here. |\n\t//\t| |\n\t//\t| +----------------------- Element #3 -+ |\n\t//\t| | | |\n\t//\t| | | |\n\t//\t| | | | /--\n\t//\t| | | | |\t * Mouse activation area (as last child) *\n\t//\t| +------------------------------------+ | \\--\n\t//\t+----------------------------------------+\n\t//\n\tfunction triggerEdge( that ) {\n\n\t\tvar mouse = that.mouse,\n\t\t\tview = that.view,\n\t\t\ttriggerOffset = that.triggerOffset;\n\n\t\t// Get the ascendant trigger basing on elementFromMouse.\n\t\tvar element = getAscendantTrigger( that );\n\n\n\t\t// Abort if there's no appropriate element.\n\t\tif ( !element ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Dimensions will be necessary.\n\t\tupdateSize( that, element );\n\n\t\t// If triggerOffset is larger than a half of element's height,\n\t\t// use an offset of 1/2 of element's height. If the offset wasn't reduced,\n\t\t// top area would cover most (all) cases.\n\t\tvar fixedOffset = Math.min( triggerOffset,\n\t\t\t\t0 | ( element.size.outerHeight / 2 ) ),\n\n\t\t// This variable will hold the trigger to be returned.\n\t\t\ttriggerSetup = [],\n\t\t\ttriggerLook,\n\n\t\t// This flag determines whether dealing with a bottom trigger.\n\t\t\tbottomTrigger;\n\n\t\t//\t\\-> Top trigger.\n\t\tif ( inBetween( mouse.y, element.size.top - 1, element.size.top + fixedOffset ) )\n\t\t\tbottomTrigger = false;\n\t\t//\t\\-> Bottom trigger.\n\t\telse if ( inBetween( mouse.y, element.size.bottom - fixedOffset, element.size.bottom + 1 ) )\n\t\t\tbottomTrigger = true;\n\t\t//\t\\-> Abort. Not in a valid trigger space.\n\t\telse {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Reject wrong elements.\n\t\t// \t\\-> Reject an element which is a flow breaker.\n\t\t// \t\\-> Reject an element which has a child above/below the mouse pointer.\n\t\t//\t\\-> Reject an element which belongs to list items.\n\t\tif (\n\t\t\tisFlowBreaker( element ) ||\n\t\t\tisChildBetweenPointerAndEdge( that, element, bottomTrigger ) ||\n\t\t\telement.getParent().is( DTD_LISTITEM )\n\t\t) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Get sibling according to bottomTrigger.\n\t\tvar elementSibling = getNonEmptyNeighbour( that, element, !bottomTrigger );\n\n\t\t// No sibling element.\n\t\t// This is a first or last child case.\n\t\tif ( !elementSibling ) {\n\t\t\t// No need to reject the element as it has already been done before.\n\t\t\t// Prepare a trigger.\n\n\t\t\t// Determine trigger look.\n\t\t\tif ( element.equals( that.editable[ bottomTrigger ? 'getLast' : 'getFirst' ]( that.isRelevant ) ) ) {\n\t\t\t\tupdateEditableSize( that );\n\n\t\t\t\tif (\n\t\t\t\t\tbottomTrigger && inBetween( mouse.y,\n\t\t\t\t\telement.size.bottom - fixedOffset, view.pane.height ) &&\n\t\t\t\t\tinBetween( element.size.bottom, view.pane.height - fixedOffset, view.pane.height )\n\t\t\t\t) {\n\t\t\t\t\ttriggerLook = LOOK_BOTTOM;\n\t\t\t\t} else if ( inBetween( mouse.y, 0, element.size.top + fixedOffset ) ) {\n\t\t\t\t\ttriggerLook = LOOK_TOP;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttriggerLook = LOOK_NORMAL;\n\t\t\t}\n\n\t\t\ttriggerSetup = [ null, element ][ bottomTrigger ? 'reverse' : 'concat' ]().concat( [\n\t\t\t\tbottomTrigger ? EDGE_BOTTOM : EDGE_TOP,\n\t\t\t\tTYPE_EDGE,\n\t\t\t\ttriggerLook,\n\t\t\t\telement.equals( that.editable[ bottomTrigger ? 'getLast' : 'getFirst' ]( that.isRelevant ) ) ?\n\t\t\t\t\t\t( bottomTrigger ? LOOK_BOTTOM : LOOK_TOP ) : LOOK_NORMAL\n\t\t\t] );\n\n\t\t}\n\n\t\t// Abort. Sibling is a text element.\n\t\telse if ( isTextNode( elementSibling ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Check if the sibling is a HTML element.\n\t\t// If so, create an TYPE_EDGE, EDGE_MIDDLE trigger.\n\t\telse if ( isHtml( elementSibling ) ) {\n\t\t\t// Reject wrong elementSiblings.\n\t\t\t// \t\\-> Reject an elementSibling which is a flow breaker.\n\t\t\t//\t\\-> Reject an elementSibling which isn't a trigger.\n\t\t\t//\t\\-> Reject an elementSibling which belongs to list items.\n\t\t\tif (\n\t\t\t\tisFlowBreaker( elementSibling ) ||\n\t\t\t\t!isTrigger( that, elementSibling ) ||\n\t\t\t\telementSibling.getParent().is( DTD_LISTITEM )\n\t\t\t) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\t// Prepare a trigger.\n\t\t\ttriggerSetup = [ elementSibling, element ][ bottomTrigger ? 'reverse' : 'concat' ]().concat( [\n\t\t\t\tEDGE_MIDDLE,\n\t\t\t\tTYPE_EDGE\n\t\t\t] );\n\n\t\t}\n\n\t\tif ( 0 in triggerSetup ) {\n\t\t\treturn new boxTrigger( triggerSetup );\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t// Checks iteratively up and down in search for elements using elementFromMouse method.\n\t// Useful if between two triggers.\n\t//\n\t//\t+----------------------- Parent element -+\n\t//\t| +----------------------- Element #1 -+ |\n\t//\t| | | |\n\t//\t| | | |\n\t//\t| | | |\n\t//\t| +------------------------------------+ |\n\t//\t| | /--\n\t//\t| . | |\n\t//\t| . +-- Floated -+ | |\n\t//\t| | | | | |\t* Mouse activation area *\n\t//\t| | | IGNORE | | |\n\t//\t| X | | | |\tMethod searches vertically for sibling elements.\n\t//\t| | +------------+ | |\tStart point is X (mouse-y coordinate).\n\t//\t| | | |\tFloated elements, comments and empty text nodes are omitted.\n\t//\t| . | |\n\t//\t| . | |\n\t//\t| | \\--\n\t//\t| +----------------------- Element #2 -+ |\n\t//\t| | | |\n\t//\t| | | |\n\t//\t| | | |\n\t//\t| | | |\n\t//\t| +------------------------------------+ |\n\t//\t+----------------------------------------+\n\t//\n\tvar triggerExpand = ( function() {\n\t\t// The heart of the procedure. This method creates triggers that are\n\t\t// filtered by expandFilter method.\n\t\tfunction expandEngine( that ) {\n\n\t\t\tvar startElement = that.element,\n\t\t\t\tupper, lower, trigger;\n\n\t\t\tif ( !isHtml( startElement ) || startElement.contains( that.editable ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\t// Stop searching if element is in non-editable branch of DOM.\n\t\t\tif ( startElement.isReadOnly() )\n\t\t\t\treturn null;\n\n\t\t\ttrigger = verticalSearch( that,\n\t\t\t\tfunction( current, startElement ) {\n\t\t\t\t\treturn !startElement.equals( current );\t// stop when start element and the current one differ\n\t\t\t\t}, function( that, mouse ) {\n\t\t\t\t\treturn elementFromMouse( that, true, mouse );\n\t\t\t\t}, startElement ),\n\n\t\t\tupper = trigger.upper,\n\t\t\tlower = trigger.lower;\n\n\n\t\t\t// Success: two siblings have been found\n\t\t\tif ( areSiblings( that, upper, lower ) ) {\n\t\t\t\treturn trigger.set( EDGE_MIDDLE, TYPE_EXPAND );\n\t\t\t}\n\n\n\t\t\t// Danger. Dragons ahead.\n\t\t\t// No siblings have been found during previous phase, post-processing may be necessary.\n\t\t\t// We can traverse DOM until a valid pair of elements around the pointer is found.\n\n\t\t\t// Prepare for post-processing:\n\t\t\t// \t1. Determine if upper and lower are children of startElement.\n\t\t\t// \t\t1.1. If so, find their ascendants that are closest to startElement (one level deeper than startElement).\n\t\t\t// \t\t1.2. Otherwise use first/last-child of the startElement as upper/lower. Why?:\n\t\t\t// \t\t\ta) \tupper/lower belongs to another branch of the DOM tree.\n\t\t\t// \t\t\tb) \tverticalSearch encountered an edge of the viewport and failed.\n\t\t\t// \t\t1.3. Make sure upper and lower still exist. Why?:\n\t\t\t// \t\t\ta) \tUpper and lower may be not belong to the branch of the startElement (may not exist at all) and\n\t\t\t// \t\t\t\tstartElement has no children.\n\t\t\t// \t2. Perform the post-processing.\n\t\t\t// \t\t2.1. Gather dimensions of an upper element.\n\t\t\t// \t\t2.2. Abort if lower edge of upper is already under the mouse pointer. Why?:\n\t\t\t// \t\t\ta) \tWe expect upper to be above and lower below the mouse pointer.\n\t\t\t// \t3. Perform iterative search while upper != lower.\n\t\t\t// \t\t3.1. Find the upper-next element. If there's no such element, break current search. Why?:\n\t\t\t// \t\t\ta)\tThere's no point in further search if there are only text nodes ahead.\n\t\t\t// \t\t3.2. Calculate the distance between the middle point of ( upper, upperNext ) and mouse-y.\n\t\t\t// \t\t3.3. If the distance is shorter than the previous best, save it (save upper, upperNext as well).\n\t\t\t// \t\t3.4. If the optimal pair is found, assign it back to the trigger.\n\n\t\t\t// 1.1., 1.2.\n\t\t\tif ( upper && startElement.contains( upper ) ) {\n\t\t\t\twhile ( !upper.getParent().equals( startElement ) )\n\t\t\t\t\tupper = upper.getParent();\n\t\t\t} else {\n\t\t\t\tupper = startElement.getFirst( function( node ) {\n\t\t\t\t\treturn expandSelector( that, node );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( lower && startElement.contains( lower ) ) {\n\t\t\t\twhile ( !lower.getParent().equals( startElement ) )\n\t\t\t\t\tlower = lower.getParent();\n\t\t\t} else {\n\t\t\t\tlower = startElement.getLast( function( node ) {\n\t\t\t\t\treturn expandSelector( that, node );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// 1.3.\n\t\t\tif ( !upper || !lower ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\t// 2.1.\n\t\t\tupdateSize( that, upper );\n\t\t\tupdateSize( that, lower );\n\n\t\t\tif ( !checkMouseBetweenElements( that, upper, lower ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tvar minDistance = Number.MAX_VALUE,\n\t\t\t\tcurrentDistance, upperNext, minElement, minElementNext;\n\n\t\t\twhile ( lower && !lower.equals( upper ) ) {\n\t\t\t\t// 3.1.\n\t\t\t\tif ( !( upperNext = upper.getNext( that.isRelevant ) ) )\n\t\t\t\t\tbreak;\n\n\t\t\t\t// 3.2.\n\t\t\t\tcurrentDistance = Math.abs( getMidpoint( that, upper, upperNext ) - that.mouse.y );\n\n\t\t\t\t// 3.3.\n\t\t\t\tif ( currentDistance < minDistance ) {\n\t\t\t\t\tminDistance = currentDistance;\n\t\t\t\t\tminElement = upper;\n\t\t\t\t\tminElementNext = upperNext;\n\t\t\t\t}\n\n\t\t\t\tupper = upperNext;\n\t\t\t\tupdateSize( that, upper );\n\t\t\t}\n\n\n\t\t\t// 3.4.\n\t\t\tif ( !minElement || !minElementNext ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tif ( !checkMouseBetweenElements( that, minElement, minElementNext ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\t// An element of minimal distance has been found. Assign it to the trigger.\n\t\t\ttrigger.upper = minElement;\n\t\t\ttrigger.lower = minElementNext;\n\n\t\t\t// Success: post-processing revealed a pair of elements.\n\t\t\treturn trigger.set( EDGE_MIDDLE, TYPE_EXPAND );\n\t\t}\n\n\t\t// This is default element selector used by the engine.\n\t\tfunction expandSelector( that, node ) {\n\t\t\treturn !( isTextNode( node ) ||\n\t\t\t\tisComment( node ) ||\n\t\t\t\tisFlowBreaker( node ) ||\n\t\t\t\tisLine( that, node ) ||\n\t\t\t\t( node.type == CKEDITOR.NODE_ELEMENT && node.$ && node.is( 'br' ) ) );\n\t\t}\n\n\t\t// This method checks whether mouse-y is between the top edge of upper\n\t\t// and bottom edge of lower.\n\t\t//\n\t\t// NOTE: This method assumes that updateSize has already been called\n\t\t// for the elements and is up-to-date.\n\t\t//\n\t\t//\t+---------------------------- Upper -+ /--\n\t\t//\t| | |\n\t\t//\t+------------------------------------+ |\n\t\t// |\n\t\t// ... |\n\t\t// |\n\t\t//\t\t\t\t\t\tX |\t* Return true for mouse-y in this range *\n\t\t// |\n\t\t// ... |\n\t\t// |\n\t\t//\t+---------------------------- Lower -+ |\n\t\t//\t| | |\n\t\t//\t+------------------------------------+ \\--\n\t\t//\n\t\tfunction checkMouseBetweenElements( that, upper, lower ) {\n\t\t\treturn inBetween( that.mouse.y, upper.size.top, lower.size.bottom );\n\t\t}\n\n\t\t// A method for trigger filtering. Accepts or rejects trigger pairs\n\t\t// by their location in DOM etc.\n\t\tfunction expandFilter( that, trigger ) {\n\n\t\t\tvar upper = trigger.upper,\n\t\t\t\tlower = trigger.lower;\n\n\t\t\tif (\n\t\t\t\t!upper || !lower ||\t\t\t\t\t\t\t\t\t\t\t// NOT: EDGE_MIDDLE trigger ALWAYS has two elements.\n\t\t\t\tisFlowBreaker( lower ) || isFlowBreaker( upper ) ||\t\t\t// NOT: one of the elements is floated or positioned\n\t\t\t\tlower.equals( upper ) || upper.equals( lower ) ||\t\t\t// NOT: two trigger elements, one equals another.\n\t\t\t\tlower.contains( upper ) || upper.contains( lower )\n\t\t\t) {\t// NOT: two trigger elements, one contains another.\n\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// YES: two trigger elements, pure siblings.\n\t\t\telse if ( isTrigger( that, upper ) && isTrigger( that, lower ) && areSiblings( that, upper, lower ) ) {\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\n\t\t\treturn false;\n\t\t}\n\n\t\t// Simple wrapper for expandEngine and expandFilter.\n\t\treturn function( that ) {\n\n\t\t\tvar trigger = expandEngine( that );\n\n\t\t\treturn trigger && expandFilter( that, trigger ) ? trigger : null;\n\t\t};\n\t} )();\n\n\t// Collects dimensions of an element.\n\tvar sizePrefixes = [ 'top', 'left', 'right', 'bottom' ];\n\n\tfunction getSize( that, element, ignoreScroll, force ) {\n\t\tvar docPosition = element.getDocumentPosition(),\n\t\t\tborder = {},\n\t\t\tmargin = {},\n\t\t\tpadding = {},\n\t\t\tbox = {};\n\n\t\tfor ( var i = sizePrefixes.length; i--; ) {\n\t\t\tborder[ sizePrefixes[ i ] ] = parseInt( getStyle( 'border-' + sizePrefixes[ i ] + '-width' ), 10 ) || 0;\n\t\t\tpadding[ sizePrefixes[ i ] ] = parseInt( getStyle( 'padding-' + sizePrefixes[ i ] ), 10 ) || 0;\n\t\t\tmargin[ sizePrefixes[ i ] ] = parseInt( getStyle( 'margin-' + sizePrefixes[ i ] ), 10 ) || 0;\n\t\t}\n\n\t\t// updateWindowSize if forced to do so OR NOT ignoring scroll.\n\t\tif ( !ignoreScroll || force )\n\t\t\tupdateWindowSize( that, force );\n\n\t\tbox.top = docPosition.y - ( ignoreScroll ? 0 : that.view.scroll.y ), box.left = docPosition.x - ( ignoreScroll ? 0 : that.view.scroll.x ),\n\n\t\t// w/ borders and paddings.\n\t\tbox.outerWidth = element.$.offsetWidth, box.outerHeight = element.$.offsetHeight,\n\n\t\t// w/o borders and paddings.\n\t\tbox.height = box.outerHeight - ( padding.top + padding.bottom + border.top + border.bottom ), box.width = box.outerWidth - ( padding.left + padding.right + border.left + border.right ),\n\n\t\tbox.bottom = box.top + box.outerHeight, box.right = box.left + box.outerWidth;\n\n\t\tif ( that.inInlineMode ) {\n\t\t\tbox.scroll = {\n\t\t\t\ttop: element.$.scrollTop,\n\t\t\t\tleft: element.$.scrollLeft\n\t\t\t};\n\t\t}\n\n\t\treturn extend( {\n\t\t\tborder: border,\n\t\t\tpadding: padding,\n\t\t\tmargin: margin,\n\t\t\tignoreScroll: ignoreScroll\n\t\t}, box, true );\n\n\t\tfunction getStyle( propertyName ) {\n\t\t\treturn element.getComputedStyle.call( element, propertyName );\n\t\t}\n\t}\n\n\tfunction updateSize( that, element, ignoreScroll ) {\n\t\tif ( !isHtml( element ) ) // i.e. an element is hidden\n\t\t\treturn ( element.size = null ); //\t-> reset size to make it useless for other methods\n\n\t\tif ( !element.size )\n\t\t\telement.size = {};\n\n\t\t// Abort if there was a similar query performed recently.\n\t\t// This kind of caching provides great performance improvement.\n\t\telse if ( element.size.ignoreScroll == ignoreScroll && element.size.date > new Date() - CACHE_TIME ) {\n\t\t\treturn null;\n\t\t}\n\n\n\t\treturn extend( element.size, getSize( that, element, ignoreScroll ), {\n\t\t\tdate: +new Date()\n\t\t}, true );\n\t}\n\n\t// Updates that.view.editable object.\n\t// This one must be called separately outside of updateWindowSize\n\t// to prevent cyclic dependency getSize<->updateWindowSize.\n\t// It calls getSize with force flag to avoid getWindowSize cache (look: getSize).\n\tfunction updateEditableSize( that, ignoreScroll ) {\n\t\tthat.view.editable = getSize( that, that.editable, ignoreScroll, true );\n\t}\n\n\tfunction updateWindowSize( that, force ) {\n\t\tif ( !that.view )\n\t\t\tthat.view = {};\n\n\t\tvar view = that.view;\n\n\t\tif ( !force && view && view.date > new Date() - CACHE_TIME ) {\n\t\t\treturn;\n\t\t}\n\n\n\t\tvar win = that.win,\n\t\t\tscroll = win.getScrollPosition(),\n\t\t\tpaneSize = win.getViewPaneSize();\n\n\t\textend( that.view, {\n\t\t\tscroll: {\n\t\t\t\tx: scroll.x,\n\t\t\t\ty: scroll.y,\n\t\t\t\twidth: that.doc.$.documentElement.scrollWidth - paneSize.width,\n\t\t\t\theight: that.doc.$.documentElement.scrollHeight - paneSize.height\n\t\t\t},\n\t\t\tpane: {\n\t\t\t\twidth: paneSize.width,\n\t\t\t\theight: paneSize.height,\n\t\t\t\tbottom: paneSize.height + scroll.y\n\t\t\t},\n\t\t\tdate: +new Date()\n\t\t}, true );\n\t}\n\n\t// This method searches document vertically using given\n\t// select criterion until stop criterion is fulfilled.\n\tfunction verticalSearch( that, stopCondition, selectCriterion, startElement ) {\n\t\tvar upper = startElement,\n\t\t\tlower = startElement,\n\t\t\tmouseStep = 0,\n\t\t\tupperFound = false,\n\t\t\tlowerFound = false,\n\t\t\tviewPaneHeight = that.view.pane.height,\n\t\t\tmouse = that.mouse;\n\n\t\twhile ( mouse.y + mouseStep < viewPaneHeight && mouse.y - mouseStep > 0 ) {\n\t\t\tif ( !upperFound )\n\t\t\t\tupperFound = stopCondition( upper, startElement );\n\n\t\t\tif ( !lowerFound )\n\t\t\t\tlowerFound = stopCondition( lower, startElement );\n\n\t\t\t// Still not found...\n\t\t\tif ( !upperFound && mouse.y - mouseStep > 0 )\n\t\t\t\tupper = selectCriterion( that, { x: mouse.x, y: mouse.y - mouseStep } );\n\n\t\t\tif ( !lowerFound && mouse.y + mouseStep < viewPaneHeight )\n\t\t\t\tlower = selectCriterion( that, { x: mouse.x, y: mouse.y + mouseStep } );\n\n\t\t\tif ( upperFound && lowerFound )\n\t\t\t\tbreak;\n\n\t\t\t// Instead of ++ to reduce the number of invocations by half.\n\t\t\t// It's trades off accuracy in some edge cases for improved performance.\n\t\t\tmouseStep += 2;\n\t\t}\n\n\t\treturn new boxTrigger( [ upper, lower, null, null ] );\n\t}\n\n} )();\n\n/**\n * Sets the default vertical distance between the edge of the element and the mouse pointer that\n * causes the magic line to appear. This option accepts a value in pixels, without the unit (for example:\n * `15` for 15 pixels).\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Changes the offset to 15px.\n *\t\tCKEDITOR.config.magicline_triggerOffset = 15;\n *\n * @cfg {Number} [magicline_triggerOffset=30]\n * @member CKEDITOR.config\n * @see CKEDITOR.config#magicline_holdDistance\n */\n\n/**\n * Defines the distance between the mouse pointer and the box within\n * which the magic line stays revealed and no other focus space is offered to be accessed.\n * This value is relative to {@link #magicline_triggerOffset}.\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Increases the distance to 80% of CKEDITOR.config.magicline_triggerOffset.\n *\t\tCKEDITOR.config.magicline_holdDistance = .8;\n *\n * @cfg {Number} [magicline_holdDistance=0.5]\n * @member CKEDITOR.config\n * @see CKEDITOR.config#magicline_triggerOffset\n */\n\n/**\n * Defines the default keystroke that accesses the closest unreachable focus space **before**\n * the caret (start of the selection). If there is no focus space available, the selection remains unchanged.\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Changes the default keystroke to \"Ctrl + ,\".\n *\t\tCKEDITOR.config.magicline_keystrokePrevious = CKEDITOR.CTRL + 188;\n *\n * @cfg {Number} [magicline_keystrokePrevious=CKEDITOR.CTRL + CKEDITOR.SHIFT + 51 (CTRL + SHIFT + 3)]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.magicline_keystrokePrevious = CKEDITOR.CTRL + CKEDITOR.SHIFT + 51; // CTRL + SHIFT + 3\n\n/**\n * Defines the default keystroke that accesses the closest unreachable focus space **after**\n * the caret (start of the selection). If there is no focus space available, the selection remains unchanged.\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Changes keystroke to \"Ctrl + .\".\n *\t\tCKEDITOR.config.magicline_keystrokeNext = CKEDITOR.CTRL + 190;\n *\n * @cfg {Number} [magicline_keystrokeNext=CKEDITOR.CTRL + CKEDITOR.SHIFT + 52 (CTRL + SHIFT + 4)]\n * @member CKEDITOR.config\n */\nCKEDITOR.config.magicline_keystrokeNext = CKEDITOR.CTRL + CKEDITOR.SHIFT + 52; // CTRL + SHIFT + 4\n\n/**\n * Defines a list of attributes that, if assigned to some elements, prevent the magic line from being\n * used within these elements.\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Adds the \"data-tabu\" attribute to the magic line tabu list.\n *\t\tCKEDITOR.config.magicline_tabuList = [ 'data-tabu' ];\n *\n * @cfg {Number} [magicline_tabuList=[ 'data-widget-wrapper' ]]\n * @member CKEDITOR.config\n */\n\n/**\n * Defines the color of the magic line. The color may be adjusted to enhance readability.\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Changes magic line color to blue.\n *\t\tCKEDITOR.config.magicline_color = '#0000FF';\n *\n * @cfg {String} [magicline_color='#FF0000']\n * @member CKEDITOR.config\n */\n\n/**\n * Activates the special all-encompassing mode that considers all focus spaces between\n * {@link CKEDITOR.dtd#$block} elements as accessible by the magic line.\n *\n * Read more in the [documentation](#!/guide/dev_magicline)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/magicline.html).\n *\n *\t\t// Enables the greedy \"put everywhere\" mode.\n *\t\tCKEDITOR.config.magicline_everywhere = true;\n *\n * @cfg {Boolean} [magicline_everywhere=false]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\tfunction protectFormStyles( formElement ) {\n\t\tif ( !formElement || formElement.type != CKEDITOR.NODE_ELEMENT || formElement.getName() != 'form' )\n\t\t\treturn [];\n\n\t\tvar hijackRecord = [],\n\t\t\thijackNames = [ 'style', 'className' ];\n\t\tfor ( var i = 0; i < hijackNames.length; i++ ) {\n\t\t\tvar name = hijackNames[ i ];\n\t\t\tvar $node = formElement.$.elements.namedItem( name );\n\t\t\tif ( $node ) {\n\t\t\t\tvar hijackNode = new CKEDITOR.dom.element( $node );\n\t\t\t\thijackRecord.push( [ hijackNode, hijackNode.nextSibling ] );\n\t\t\t\thijackNode.remove();\n\t\t\t}\n\t\t}\n\n\t\treturn hijackRecord;\n\t}\n\n\tfunction restoreFormStyles( formElement, hijackRecord ) {\n\t\tif ( !formElement || formElement.type != CKEDITOR.NODE_ELEMENT || formElement.getName() != 'form' )\n\t\t\treturn;\n\n\t\tif ( hijackRecord.length > 0 ) {\n\t\t\tfor ( var i = hijackRecord.length - 1; i >= 0; i-- ) {\n\t\t\t\tvar node = hijackRecord[ i ][ 0 ];\n\t\t\t\tvar sibling = hijackRecord[ i ][ 1 ];\n\t\t\t\tif ( sibling )\n\t\t\t\t\tnode.insertBefore( sibling );\n\t\t\t\telse\n\t\t\t\t\tnode.appendTo( formElement );\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction saveStyles( element, isInsideEditor ) {\n\t\tvar data = protectFormStyles( element );\n\t\tvar retval = {};\n\n\t\tvar $element = element.$;\n\n\t\tif ( !isInsideEditor ) {\n\t\t\tretval[ 'class' ] = $element.className || '';\n\t\t\t$element.className = '';\n\t\t}\n\n\t\tretval.inline = $element.style.cssText || '';\n\t\tif ( !isInsideEditor ) // Reset any external styles that might interfere. (http://dev.ckeditor.com/ticket/2474)\n\t\t$element.style.cssText = 'position: static; overflow: visible';\n\n\t\trestoreFormStyles( data );\n\t\treturn retval;\n\t}\n\n\tfunction restoreStyles( element, savedStyles ) {\n\t\tvar data = protectFormStyles( element );\n\t\tvar $element = element.$;\n\t\tif ( 'class' in savedStyles )\n\t\t\t$element.className = savedStyles[ 'class' ];\n\t\tif ( 'inline' in savedStyles )\n\t\t\t$element.style.cssText = savedStyles.inline;\n\t\trestoreFormStyles( data );\n\t}\n\n\tfunction refreshCursor( editor ) {\n\t\tif ( editor.editable().isInline() )\n\t\t\treturn;\n\n\t\t// Refresh all editor instances on the page (http://dev.ckeditor.com/ticket/5724).\n\t\tvar all = CKEDITOR.instances;\n\t\tfor ( var i in all ) {\n\t\t\tvar one = all[ i ];\n\t\t\tif ( one.mode == 'wysiwyg' && !one.readOnly ) {\n\t\t\t\tvar body = one.document.getBody();\n\t\t\t\t// Refresh 'contentEditable' otherwise\n\t\t\t\t// DOM lifting breaks design mode. (http://dev.ckeditor.com/ticket/5560)\n\t\t\t\tbody.setAttribute( 'contentEditable', false );\n\t\t\t\tbody.setAttribute( 'contentEditable', true );\n\t\t\t}\n\t\t}\n\n\t\tif ( editor.editable().hasFocus ) {\n\t\t\teditor.toolbox.focus();\n\t\t\teditor.focus();\n\t\t}\n\t}\n\n\tCKEDITOR.plugins.add( 'maximize', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\t// Maximize plugin isn't available in inline mode yet.\n\t\t\tif ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )\n\t\t\t\treturn;\n\n\t\t\tvar lang = editor.lang;\n\t\t\tvar mainDocument = CKEDITOR.document,\n\t\t\t\tmainWindow = mainDocument.getWindow();\n\n\t\t\t// Saved selection and scroll position for the editing area.\n\t\t\tvar savedSelection, savedScroll;\n\n\t\t\t// Saved scroll position for the outer window.\n\t\t\tvar outerScroll;\n\n\t\t\t// Saved resize handler function.\n\t\t\tfunction resizeHandler() {\n\t\t\t\tvar viewPaneSize = mainWindow.getViewPaneSize();\n\t\t\t\teditor.resize( viewPaneSize.width, viewPaneSize.height, null, true );\n\t\t\t}\n\n\t\t\t// Retain state after mode switches.\n\t\t\tvar savedState = CKEDITOR.TRISTATE_OFF;\n\n\t\t\teditor.addCommand( 'maximize', {\n\t\t\t\t// Disabled on iOS (http://dev.ckeditor.com/ticket/8307).\n\t\t\t\tmodes: { wysiwyg: !CKEDITOR.env.iOS, source: !CKEDITOR.env.iOS },\n\t\t\t\treadOnly: 1,\n\t\t\t\teditorFocus: false,\n\t\t\t\texec: function() {\n\t\t\t\t\tvar container = editor.container.getFirst( function( node ) {\n\t\t\t\t\t\treturn node.type == CKEDITOR.NODE_ELEMENT && node.hasClass( 'cke_inner' );\n\t\t\t\t\t} );\n\t\t\t\t\tvar contents = editor.ui.space( 'contents' );\n\n\t\t\t\t\t// Save current selection and scroll position in editing area.\n\t\t\t\t\tif ( editor.mode == 'wysiwyg' ) {\n\t\t\t\t\t\tvar selection = editor.getSelection();\n\t\t\t\t\t\tsavedSelection = selection && selection.getRanges();\n\t\t\t\t\t\tsavedScroll = mainWindow.getScrollPosition();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvar $textarea = editor.editable().$;\n\t\t\t\t\t\tsavedSelection = !CKEDITOR.env.ie && [ $textarea.selectionStart, $textarea.selectionEnd ];\n\t\t\t\t\t\tsavedScroll = [ $textarea.scrollLeft, $textarea.scrollTop ];\n\t\t\t\t\t}\n\n\t\t\t\t\t// Go fullscreen if the state is off.\n\t\t\t\t\tif ( this.state == CKEDITOR.TRISTATE_OFF ) {\n\t\t\t\t\t\t// Add event handler for resizing.\n\t\t\t\t\t\tmainWindow.on( 'resize', resizeHandler );\n\n\t\t\t\t\t\t// Save the scroll bar position.\n\t\t\t\t\t\touterScroll = mainWindow.getScrollPosition();\n\n\t\t\t\t\t\t// Save and reset the styles for the entire node tree.\n\t\t\t\t\t\tvar currentNode = editor.container;\n\t\t\t\t\t\twhile ( ( currentNode = currentNode.getParent() ) ) {\n\t\t\t\t\t\t\tcurrentNode.setCustomData( 'maximize_saved_styles', saveStyles( currentNode ) );\n\t\t\t\t\t\t\t// Show under floatpanels (-1) and context menu (-2).\n\t\t\t\t\t\t\tcurrentNode.setStyle( 'z-index', editor.config.baseFloatZIndex - 5 );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcontents.setCustomData( 'maximize_saved_styles', saveStyles( contents, true ) );\n\t\t\t\t\t\tcontainer.setCustomData( 'maximize_saved_styles', saveStyles( container, true ) );\n\n\t\t\t\t\t\t// Hide scroll bars.\n\t\t\t\t\t\tvar styles = {\n\t\t\t\t\t\t\toverflow: CKEDITOR.env.webkit ? '' : 'hidden', // http://dev.ckeditor.com/ticket/6896\n\t\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\t\theight: 0\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tmainDocument.getDocumentElement().setStyles( styles );\n\t\t\t\t\t\t!CKEDITOR.env.gecko && mainDocument.getDocumentElement().setStyle( 'position', 'fixed' );\n\t\t\t\t\t\t!( CKEDITOR.env.gecko && CKEDITOR.env.quirks ) && mainDocument.getBody().setStyles( styles );\n\n\t\t\t\t\t\t// Scroll to the top left (IE needs some time for it - http://dev.ckeditor.com/ticket/4923).\n\t\t\t\t\t\tCKEDITOR.env.ie ? setTimeout( function() {\n\t\t\t\t\t\t\tmainWindow.$.scrollTo( 0, 0 );\n\t\t\t\t\t\t}, 0 ) : mainWindow.$.scrollTo( 0, 0 );\n\n\t\t\t\t\t\t// Resize and move to top left.\n\t\t\t\t\t\t// Special treatment for FF Quirks (http://dev.ckeditor.com/ticket/7284)\n\t\t\t\t\t\tcontainer.setStyle( 'position', CKEDITOR.env.gecko && CKEDITOR.env.quirks ? 'fixed' : 'absolute' );\n\t\t\t\t\t\tcontainer.$.offsetLeft; // SAFARI BUG: See http://dev.ckeditor.com/ticket/2066.\n\t\t\t\t\t\tcontainer.setStyles( {\n\t\t\t\t\t\t\t// Show under floatpanels (-1) and context menu (-2).\n\t\t\t\t\t\t\t'z-index': editor.config.baseFloatZIndex - 5,\n\t\t\t\t\t\t\tleft: '0px',\n\t\t\t\t\t\t\ttop: '0px'\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// Add cke_maximized class before resize handle since that will change things sizes (http://dev.ckeditor.com/ticket/5580)\n\t\t\t\t\t\tcontainer.addClass( 'cke_maximized' );\n\n\t\t\t\t\t\tresizeHandler();\n\n\t\t\t\t\t\t// Still not top left? Fix it. (Bug http://dev.ckeditor.com/ticket/174)\n\t\t\t\t\t\tvar offset = container.getDocumentPosition();\n\t\t\t\t\t\tcontainer.setStyles( {\n\t\t\t\t\t\t\tleft: ( -1 * offset.x ) + 'px',\n\t\t\t\t\t\t\ttop: ( -1 * offset.y ) + 'px'\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// Fixing positioning editor chrome in Firefox break design mode. (http://dev.ckeditor.com/ticket/5149)\n\t\t\t\t\t\tCKEDITOR.env.gecko && refreshCursor( editor );\n\t\t\t\t\t}\n\t\t\t\t\t// Restore from fullscreen if the state is on.\n\t\t\t\t\telse if ( this.state == CKEDITOR.TRISTATE_ON ) {\n\t\t\t\t\t\t// Remove event handler for resizing.\n\t\t\t\t\t\tmainWindow.removeListener( 'resize', resizeHandler );\n\n\t\t\t\t\t\t// Restore CSS styles for the entire node tree.\n\t\t\t\t\t\tvar editorElements = [ contents, container ];\n\t\t\t\t\t\tfor ( var i = 0; i < editorElements.length; i++ ) {\n\t\t\t\t\t\t\trestoreStyles( editorElements[ i ], editorElements[ i ].getCustomData( 'maximize_saved_styles' ) );\n\t\t\t\t\t\t\teditorElements[ i ].removeCustomData( 'maximize_saved_styles' );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcurrentNode = editor.container;\n\t\t\t\t\t\twhile ( ( currentNode = currentNode.getParent() ) ) {\n\t\t\t\t\t\t\trestoreStyles( currentNode, currentNode.getCustomData( 'maximize_saved_styles' ) );\n\t\t\t\t\t\t\tcurrentNode.removeCustomData( 'maximize_saved_styles' );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Restore the window scroll position.\n\t\t\t\t\t\tCKEDITOR.env.ie ? setTimeout( function() {\n\t\t\t\t\t\t\tmainWindow.$.scrollTo( outerScroll.x, outerScroll.y );\n\t\t\t\t\t\t}, 0 ) : mainWindow.$.scrollTo( outerScroll.x, outerScroll.y );\n\n\t\t\t\t\t\t// Remove cke_maximized class.\n\t\t\t\t\t\tcontainer.removeClass( 'cke_maximized' );\n\n\t\t\t\t\t\t// Webkit requires a re-layout on editor chrome. (http://dev.ckeditor.com/ticket/6695)\n\t\t\t\t\t\tif ( CKEDITOR.env.webkit ) {\n\t\t\t\t\t\t\tcontainer.setStyle( 'display', 'inline' );\n\t\t\t\t\t\t\tsetTimeout( function() {\n\t\t\t\t\t\t\t\tcontainer.setStyle( 'display', 'block' );\n\t\t\t\t\t\t\t}, 0 );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Emit a resize event, because this time the size is modified in\n\t\t\t\t\t\t// restoreStyles.\n\t\t\t\t\t\teditor.fire( 'resize', {\n\t\t\t\t\t\t\touterHeight: editor.container.$.offsetHeight,\n\t\t\t\t\t\t\tcontentsHeight: contents.$.offsetHeight,\n\t\t\t\t\t\t\touterWidth: editor.container.$.offsetWidth\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.toggleState();\n\n\t\t\t\t\t// Toggle button label.\n\t\t\t\t\tvar button = this.uiItems[ 0 ];\n\t\t\t\t\t// Only try to change the button if it exists (http://dev.ckeditor.com/ticket/6166)\n\t\t\t\t\tif ( button ) {\n\t\t\t\t\t\tvar label = ( this.state == CKEDITOR.TRISTATE_OFF ) ? lang.maximize.maximize : lang.maximize.minimize;\n\t\t\t\t\t\tvar buttonNode = CKEDITOR.document.getById( button._.id );\n\t\t\t\t\t\tbuttonNode.getChild( 1 ).setHtml( label );\n\t\t\t\t\t\tbuttonNode.setAttribute( 'title', label );\n\t\t\t\t\t\tbuttonNode.setAttribute( 'href', 'javascript:void(\"' + label + '\");' ); // jshint ignore:line\n\t\t\t\t\t}\n\n\t\t\t\t\t// Restore selection and scroll position in editing area.\n\t\t\t\t\tif ( editor.mode == 'wysiwyg' ) {\n\t\t\t\t\t\tif ( savedSelection ) {\n\t\t\t\t\t\t\t// Fixing positioning editor chrome in Firefox break design mode. (http://dev.ckeditor.com/ticket/5149)\n\t\t\t\t\t\t\tCKEDITOR.env.gecko && refreshCursor( editor );\n\n\t\t\t\t\t\t\teditor.getSelection().selectRanges( savedSelection );\n\t\t\t\t\t\t\tvar element = editor.getSelection().getStartElement();\n\t\t\t\t\t\t\telement && element.scrollIntoView( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tmainWindow.$.scrollTo( savedScroll.x, savedScroll.y );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif ( savedSelection ) {\n\t\t\t\t\t\t\t$textarea.selectionStart = savedSelection[ 0 ];\n\t\t\t\t\t\t\t$textarea.selectionEnd = savedSelection[ 1 ];\n\t\t\t\t\t\t}\n\t\t\t\t\t\t$textarea.scrollLeft = savedScroll[ 0 ];\n\t\t\t\t\t\t$textarea.scrollTop = savedScroll[ 1 ];\n\t\t\t\t\t}\n\n\t\t\t\t\tsavedSelection = savedScroll = null;\n\t\t\t\t\tsavedState = this.state;\n\n\t\t\t\t\teditor.fire( 'maximize', this.state );\n\t\t\t\t},\n\t\t\t\tcanUndo: false\n\t\t\t} );\n\n\t\t\teditor.ui.addButton && editor.ui.addButton( 'Maximize', {\n\t\t\t\tlabel: lang.maximize.maximize,\n\t\t\t\tcommand: 'maximize',\n\t\t\t\ttoolbar: 'tools,10'\n\t\t\t} );\n\n\t\t\t// Restore the command state after mode change, unless it has been changed to disabled (http://dev.ckeditor.com/ticket/6467)\n\t\t\teditor.on( 'mode', function() {\n\t\t\t\tvar command = editor.getCommand( 'maximize' );\n\t\t\t\tcommand.setState( command.state == CKEDITOR.TRISTATE_DISABLED ? CKEDITOR.TRISTATE_DISABLED : savedState );\n\t\t\t}, null, null, 100 );\n\t\t}\n\t} );\n} )();\n\n/**\n * Event fired when the maximize command is called.\n * It also indicates whether an editor is maximized or not.\n *\n * @event maximize\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param {Number} data Current state of the command. See {@link CKEDITOR#TRISTATE_ON} and {@link CKEDITOR#TRISTATE_OFF}.\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n( function() {\n\t/* global confirm */\n\n\tCKEDITOR.plugins.add( 'pastefromword', {\n\t\trequires: 'clipboard',\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\t// Flag indicate this command is actually been asked instead of a generic pasting.\n\t\t\tvar forceFromWord = 0,\n\t\t\t\tpath = this.path;\n\n\t\t\teditor.addCommand( 'pastefromword', {\n\t\t\t\t// Snapshots are done manually by editable.insertXXX methods.\n\t\t\t\tcanUndo: false,\n\t\t\t\tasync: true,\n\n\t\t\t\t/**\n\t\t\t\t * The Paste from Word command. It will determine its pasted content from Word automatically if possible.\n\t\t\t\t *\n\t\t\t\t * At the time of writing it was working correctly only in Internet Explorer browsers, due to their\n\t\t\t\t * `paste` support in `document.execCommand`.\n\t\t\t\t *\n\t\t\t\t * @private\n\t\t\t\t * @param {CKEDITOR.editor} editor An instance of the editor where the command is being executed.\n\t\t\t\t * @param {Object} [data] The options object.\n\t\t\t\t * @param {Boolean/String} [data.notification=true] Content for a notification shown after an unsuccessful\n\t\t\t\t * paste attempt. If `false`, the notification will not be displayed. This parameter was added in 4.7.0.\n\t\t\t\t * @member CKEDITOR.editor.commands.pastefromword\n\t\t\t\t */\n\t\t\t\texec: function( editor, data ) {\n\t\t\t\t\tforceFromWord = 1;\n\t\t\t\t\teditor.execCommand( 'paste', {\n\t\t\t\t\t\ttype: 'html',\n\t\t\t\t\t\tnotification: data && typeof data.notification !== 'undefined' ? data.notification : true\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// Register the toolbar button.\n\t\t\teditor.ui.addButton && editor.ui.addButton( 'PasteFromWord', {\n\t\t\t\tlabel: editor.lang.pastefromword.toolbar,\n\t\t\t\tcommand: 'pastefromword',\n\t\t\t\ttoolbar: 'clipboard,50'\n\t\t\t} );\n\n\t\t\t// Features brought by this command beside the normal process:\n\t\t\t// 1. No more bothering of user about the clean-up.\n\t\t\t// 2. Perform the clean-up even if content is not from Microsoft Word.\n\t\t\t// (e.g. from a Microsoft Word similar application.)\n\t\t\t// 3. Listen with high priority (3), so clean up is done before content\n\t\t\t// type sniffing (priority = 6).\n\t\t\teditor.on( 'paste', function( evt ) {\n\t\t\t\tvar data = evt.data,\n\t\t\t\t\tdataTransferHtml = CKEDITOR.plugins.clipboard.isCustomDataTypesSupported ?\n\t\t\t\t\t\tdata.dataTransfer.getData( 'text/html', true ) : null,\n\t\t\t\t\t// Some commands fire paste event without setting dataTransfer property. In such case\n\t\t\t\t\t// dataValue should be used.\n\t\t\t\t\tmswordHtml = dataTransferHtml || data.dataValue,\n\t\t\t\t\tpfwEvtData = { dataValue: mswordHtml },\n\t\t\t\t\tofficeMetaRegexp = /|<\\/font>)/,\n\t\t\t\t\tisOfficeContent = officeMetaRegexp.test( mswordHtml ) || wordRegexp.test( mswordHtml );\n\n\t\t\t\tif ( !mswordHtml || !( forceFromWord || isOfficeContent ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// PFW might still get prevented, if it's not forced.\n\t\t\t\tif ( editor.fire( 'pasteFromWord', pfwEvtData ) === false && !forceFromWord ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Do not apply paste filter to data filtered by the Word filter (http://dev.ckeditor.com/ticket/13093).\n\t\t\t\tdata.dontFilter = true;\n\n\t\t\t\t// If filter rules aren't loaded then cancel 'paste' event,\n\t\t\t\t// load them and when they'll get loaded fire new paste event\n\t\t\t\t// for which data will be filtered in second execution of\n\t\t\t\t// this listener.\n\t\t\t\tvar isLazyLoad = loadFilterRules( editor, path, function() {\n\t\t\t\t\t// Event continuation with the original data.\n\t\t\t\t\tif ( isLazyLoad ) {\n\t\t\t\t\t\teditor.fire( 'paste', data );\n\t\t\t\t\t} else if ( !editor.config.pasteFromWordPromptCleanup || ( forceFromWord || confirm( editor.lang.pastefromword.confirmCleanup ) ) ) {\n\t\t\t\t\t\tpfwEvtData.dataValue = CKEDITOR.cleanWord( pfwEvtData.dataValue, editor );\n\n\t\t\t\t\t\teditor.fire( 'afterPasteFromWord', pfwEvtData );\n\n\t\t\t\t\t\tdata.dataValue = pfwEvtData.dataValue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Reset forceFromWord.\n\t\t\t\t\tforceFromWord = 0;\n\t\t\t\t} );\n\n\t\t\t\t// The cleanup rules are to be loaded, we should just cancel\n\t\t\t\t// this event.\n\t\t\t\tisLazyLoad && evt.cancel();\n\t\t\t}, null, null, 3 );\n\t\t}\n\n\t} );\n\n\tfunction loadFilterRules( editor, path, callback ) {\n\t\tvar isLoaded = CKEDITOR.cleanWord;\n\n\t\tif ( isLoaded )\n\t\t\tcallback();\n\t\telse {\n\t\t\tvar filterFilePath = CKEDITOR.getUrl( editor.config.pasteFromWordCleanupFile || ( path + 'filter/default.js' ) );\n\n\t\t\t// Load with busy indicator.\n\t\t\tCKEDITOR.scriptLoader.load( filterFilePath, callback, null, true );\n\t\t}\n\n\t\treturn !isLoaded;\n\t}\n} )();\n\n\n/**\n * Whether to prompt the user about the clean up of content being pasted from Microsoft Word.\n *\n *\t\tconfig.pasteFromWordPromptCleanup = true;\n *\n * @since 3.1\n * @cfg {Boolean} [pasteFromWordPromptCleanup=false]\n * @member CKEDITOR.config\n */\n\n/**\n * The file that provides the Microsoft Word cleanup function for pasting operations.\n *\n * **Note:** This is a global configuration shared by all editor instances present\n * on the page.\n *\n *\t\t// Load from the 'pastefromword' plugin 'filter' sub folder (custom.js file) using a path relative to the CKEditor installation folder.\n *\t\tCKEDITOR.config.pasteFromWordCleanupFile = 'plugins/pastefromword/filter/custom.js';\n *\n *\t\t// Load from the 'pastefromword' plugin 'filter' sub folder (custom.js file) using a full path (including the CKEditor installation folder).\n *\t\tCKEDITOR.config.pasteFromWordCleanupFile = '/ckeditor/plugins/pastefromword/filter/custom.js';\n *\n *\t\t// Load custom.js file from the 'customFilters' folder (located in server's root) using the full URL.\n *\t\tCKEDITOR.config.pasteFromWordCleanupFile = 'http://my.example.com/customFilters/custom.js';\n *\n * @since 3.1\n * @cfg {String} [pasteFromWordCleanupFile= + 'filter/default.js']\n * @member CKEDITOR.config\n */\n\n/**\n * Fired when the pasted content was recognized as Microsoft Word content.\n *\n * This event is cancellable. If canceled, it will prevent Paste from Word processing.\n *\n * @since 4.6.0\n * @event pasteFromWord\n * @param data\n * @param {String} data.dataValue Pasted content. Changes to this property will affect the pasted content.\n * @member CKEDITOR.editor\n */\n\n/**\n * Fired after the Paste form Word filters have been applied.\n *\n * @since 4.6.0\n * @event afterPasteFromWord\n * @param data\n * @param {String} data.dataValue Pasted content after processing. Changes to this property will affect the pasted content.\n * @member CKEDITOR.editor\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview Paste as plain text plugin.\n */\n\n( function() {\n\t// The pastetext command definition.\n\tvar pasteTextCmd = {\n\t\t// Snapshots are done manually by editable.insertXXX methods.\n\t\tcanUndo: false,\n\t\tasync: true,\n\n\t\t/**\n\t\t * The Paste as plain text command. It will determine its pasted text automatically if possible.\n\t\t *\n\t\t * At the time of writing it was working correctly only in Internet Explorer browsers, due to their\n\t\t * `paste` support in `document.execCommand`.\n\t\t *\n\t\t * @private\n\t\t * @param {CKEDITOR.editor} editor An instance of the editor where the command is being executed.\n\t\t * @param {Object} [data] The options object.\n\t\t * @param {Boolean/String} [data.notification=true] Content for a notification shown after an unsuccessful\n\t\t * paste attempt. If `false`, the notification will not be displayed. This parameter was added in 4.7.0.\n\t\t * @member CKEDITOR.editor.commands.pastetext\n\t\t */\n\t\texec: function( editor, data ) {\n\t\t\tvar lang = editor.lang,\n\t\t\t\t// In IE we must display keystroke for `paste` command as blocked `pastetext`\n\t\t\t\t// can fallback only to native paste.\n\t\t\t\tkeyInfo = CKEDITOR.tools.keystrokeToString( lang.common.keyboard,\n\t\t\t\t\teditor.getCommandKeystroke( CKEDITOR.env.ie ? editor.commands.paste : this ) ),\n\t\t\t\tnotification = ( data && typeof data.notification !== 'undefined' ) ? data.notification :\n\t\t\t\t\t!data || !data.from || ( data.from === 'keystrokeHandler' && CKEDITOR.env.ie ),\n\t\t\t\tmsg = ( notification && typeof notification === 'string' ) ? notification : lang.pastetext.pasteNotification\n\t\t\t\t\t.replace( /%1/, '' + keyInfo.display + '' );\n\n\t\t\teditor.execCommand( 'paste', {\n\t\t\t\ttype: 'text',\n\t\t\t\tnotification: notification ? msg : false\n\t\t\t} );\n\t\t}\n\t};\n\n\t// Register the plugin.\n\tCKEDITOR.plugins.add( 'pastetext', {\n\t\trequires: 'clipboard',\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\tvar commandName = 'pastetext',\n\t\t\t\tpasteKeystroke = !CKEDITOR.env.safari ? CKEDITOR.CTRL + CKEDITOR.SHIFT + 86 : // Ctrl + Shift + V\n\t\t\t\t\tCKEDITOR.CTRL + CKEDITOR.ALT + CKEDITOR.SHIFT + 86; // Ctrl + Shift + Alt + V\n\n\t\t\teditor.addCommand( commandName, pasteTextCmd );\n\n\t\t\teditor.setKeystroke( pasteKeystroke, commandName );\n\n\t\t\teditor.ui.addButton && editor.ui.addButton( 'PasteText', {\n\t\t\t\tlabel: editor.lang.pastetext.button,\n\t\t\t\tcommand: commandName,\n\t\t\t\ttoolbar: 'clipboard,40'\n\t\t\t} );\n\n\t\t\tif ( editor.config.forcePasteAsPlainText ) {\n\t\t\t\teditor.on( 'beforePaste', function( evt ) {\n\t\t\t\t\t// Do NOT overwrite if HTML format is explicitly requested.\n\t\t\t\t\t// This allows pastefromword dominates over pastetext.\n\t\t\t\t\tif ( evt.data.type != 'html' )\n\t\t\t\t\t\tevt.data.type = 'text';\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\teditor.on( 'pasteState', function( evt ) {\n\t\t\t\teditor.getCommand( commandName ).setState( evt.data );\n\t\t\t} );\n\t\t}\n\t} );\n} )();\n\n\n/**\n * Whether to force all pasting operations to insert on plain text into the\n * editor, loosing any formatting information possibly available in the source\n * text.\n *\n * **Note:** paste from word (dialog) is not affected by this configuration.\n *\n *\t\tconfig.forcePasteAsPlainText = true;\n *\n * @cfg {Boolean} [forcePasteAsPlainText=false]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'removeformat', {\n\t// jscs:disable maximumLineLength\n\t// jscs:enable maximumLineLength\n\tinit: function( editor ) {\n\t\teditor.addCommand( 'removeFormat', CKEDITOR.plugins.removeformat.commands.removeformat );\n\t\teditor.ui.addButton && editor.ui.addButton( 'RemoveFormat', {\n\t\t\tlabel: editor.lang.removeformat.toolbar,\n\t\t\tcommand: 'removeFormat',\n\t\t\ttoolbar: 'cleanup,10'\n\t\t} );\n\t}\n} );\n\nCKEDITOR.plugins.removeformat = {\n\tcommands: {\n\t\tremoveformat: {\n\t\t\texec: function( editor ) {\n\t\t\t\tvar tagsRegex = editor._.removeFormatRegex || ( editor._.removeFormatRegex = new RegExp( '^(?:' + editor.config.removeFormatTags.replace( /,/g, '|' ) + ')$', 'i' ) );\n\n\t\t\t\tvar removeAttributes = editor._.removeAttributes || ( editor._.removeAttributes = editor.config.removeFormatAttributes.split( ',' ) ),\n\t\t\t\t\tfilter = CKEDITOR.plugins.removeformat.filter,\n\t\t\t\t\tranges = editor.getSelection().getRanges(),\n\t\t\t\t\titerator = ranges.createIterator(),\n\t\t\t\t\tisElement = function( element ) {\n\t\t\t\t\t\treturn element.type == CKEDITOR.NODE_ELEMENT;\n\t\t\t\t\t},\n\t\t\t\t\trange;\n\n\t\t\t\twhile ( ( range = iterator.getNextRange() ) ) {\n\t\t\t\t\tif ( !range.collapsed )\n\t\t\t\t\t\trange.enlarge( CKEDITOR.ENLARGE_ELEMENT );\n\n\t\t\t\t\t// Bookmark the range so we can re-select it after processing.\n\t\t\t\t\tvar bookmark = range.createBookmark(),\n\t\t\t\t\t\t// The style will be applied within the bookmark boundaries.\n\t\t\t\t\t\tstartNode = bookmark.startNode,\n\t\t\t\t\t\tendNode = bookmark.endNode,\n\t\t\t\t\t\tcurrentNode;\n\n\t\t\t\t\t// We need to check the selection boundaries (bookmark spans) to break\n\t\t\t\t\t// the code in a way that we can properly remove partially selected nodes.\n\t\t\t\t\t// For example, removing a style from\n\t\t\t\t\t//\t\tThis is [some text to show the] problem\n\t\t\t\t\t// ... where [ and ] represent the selection, must result:\n\t\t\t\t\t//\t\tThis is [some text to show the] problem\n\t\t\t\t\t// The strategy is simple, we just break the partial nodes before the\n\t\t\t\t\t// removal logic, having something that could be represented this way:\n\t\t\t\t\t//\t\tThis is [some text to show the] problem\n\n\t\t\t\t\tvar breakParent = function( node ) {\n\t\t\t\t\t\t\t// Let's start checking the start boundary.\n\t\t\t\t\t\t\tvar path = editor.elementPath( node ),\n\t\t\t\t\t\t\t\tpathElements = path.elements;\n\n\t\t\t\t\t\t\tfor ( var i = 1, pathElement; pathElement = pathElements[ i ]; i++ ) {\n\t\t\t\t\t\t\t\tif ( pathElement.equals( path.block ) || pathElement.equals( path.blockLimit ) )\n\t\t\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\t\t\t// If this element can be removed (even partially).\n\t\t\t\t\t\t\t\tif ( tagsRegex.test( pathElement.getName() ) && filter( editor, pathElement ) )\n\t\t\t\t\t\t\t\t\tnode.breakParent( pathElement );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t};\n\n\t\t\t\t\tbreakParent( startNode );\n\t\t\t\t\tif ( endNode ) {\n\t\t\t\t\t\tbreakParent( endNode );\n\n\t\t\t\t\t\t// Navigate through all nodes between the bookmarks.\n\t\t\t\t\t\tcurrentNode = startNode.getNextSourceNode( true, CKEDITOR.NODE_ELEMENT );\n\n\t\t\t\t\t\twhile ( currentNode ) {\n\t\t\t\t\t\t\t// If we have reached the end of the selection, stop looping.\n\t\t\t\t\t\t\tif ( currentNode.equals( endNode ) )\n\t\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\t\tif ( currentNode.isReadOnly() ) {\n\t\t\t\t\t\t\t\t// In case of non-editable we're skipping to the next sibling *elmenet*.\n\n\t\t\t\t\t\t\t\t// We need to be aware that endNode can be nested within current non-editable.\n\t\t\t\t\t\t\t\t// This condition tests if currentNode (non-editable) contains endNode. If it does\n\t\t\t\t\t\t\t\t// then we should break the filtering\n\t\t\t\t\t\t\t\tif ( currentNode.getPosition( endNode ) & CKEDITOR.POSITION_CONTAINS ) {\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tcurrentNode = currentNode.getNext( isElement );\n\t\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Cache the next node to be processed. Do it now, because\n\t\t\t\t\t\t\t// currentNode may be removed.\n\t\t\t\t\t\t\tvar nextNode = currentNode.getNextSourceNode( false, CKEDITOR.NODE_ELEMENT ),\n\t\t\t\t\t\t\t\tisFakeElement = currentNode.getName() == 'img' && currentNode.data( 'cke-realelement' );\n\n\t\t\t\t\t\t\t// This node must not be a fake element, and must not be read-only.\n\t\t\t\t\t\t\tif ( !isFakeElement && filter( editor, currentNode ) ) {\n\t\t\t\t\t\t\t\t// Remove elements nodes that match with this style rules.\n\t\t\t\t\t\t\t\tif ( tagsRegex.test( currentNode.getName() ) )\n\t\t\t\t\t\t\t\t\tcurrentNode.remove( 1 );\n\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\tcurrentNode.removeAttributes( removeAttributes );\n\t\t\t\t\t\t\t\t\teditor.fire( 'removeFormatCleanup', currentNode );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tcurrentNode = nextNode;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\trange.moveToBookmark( bookmark );\n\t\t\t\t}\n\n\t\t\t\t// The selection path may not changed, but we should force a selection\n\t\t\t\t// change event to refresh command states, due to the above attribution change. (http://dev.ckeditor.com/ticket/9238)\n\t\t\t\teditor.forceNextSelectionCheck();\n\t\t\t\teditor.getSelection().selectRanges( ranges );\n\t\t\t}\n\t\t}\n\t},\n\n\t// Perform the remove format filters on the passed element.\n\t// @param {CKEDITOR.editor} editor\n\t// @param {CKEDITOR.dom.element} element\n\tfilter: function( editor, element ) {\n\t\t// If editor#addRemoveFotmatFilter hasn't been executed yet value is not initialized.\n\t\tvar filters = editor._.removeFormatFilters || [];\n\t\tfor ( var i = 0; i < filters.length; i++ ) {\n\t\t\tif ( filters[ i ]( element ) === false )\n\t\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n};\n\n/**\n * Add to a collection of functions to decide whether a specific\n * element should be considered as formatting element and thus\n * could be removed during `removeFormat` command.\n *\n * **Note:** Only available with the existence of `removeformat` plugin.\n *\n *\t\t// Don't remove empty span.\n *\t\teditor.addRemoveFormatFilter( function( element ) {\n *\t\t\treturn !( element.is( 'span' ) && CKEDITOR.tools.isEmpty( element.getAttributes() ) );\n *\t\t} );\n *\n * @since 3.3\n * @member CKEDITOR.editor\n * @param {Function} func The function to be called, which will be passed a {CKEDITOR.dom.element} element to test.\n */\nCKEDITOR.editor.prototype.addRemoveFormatFilter = function( func ) {\n\tif ( !this._.removeFormatFilters )\n\t\tthis._.removeFormatFilters = [];\n\n\tthis._.removeFormatFilters.push( func );\n};\n\n/**\n * A comma separated list of elements to be removed when executing the `remove\n * format` command. Note that only inline elements are allowed.\n *\n * @cfg\n * @member CKEDITOR.config\n */\nCKEDITOR.config.removeFormatTags = 'b,big,cite,code,del,dfn,em,font,i,ins,kbd,q,s,samp,small,span,strike,strong,sub,sup,tt,u,var';\n\n/**\n * A comma separated list of elements attributes to be removed when executing\n * the `remove format` command.\n *\n * @cfg\n * @member CKEDITOR.config\n */\nCKEDITOR.config.removeFormatAttributes = 'class,style,lang,width,height,align,hspace,valign';\n\n/**\n * Fired after an element was cleaned by the removeFormat plugin.\n *\n * @event removeFormatCleanup\n * @member CKEDITOR.editor\n * @param {CKEDITOR.editor} editor This editor instance.\n * @param data\n * @param {CKEDITOR.dom.element} data.element The element that was cleaned up.\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\nCKEDITOR.plugins.add( 'resize', {\n\tinit: function( editor ) {\n\t\tfunction dragHandler( evt ) {\n\t\t\tvar dx = evt.data.$.screenX - origin.x,\n\t\t\tdy = evt.data.$.screenY - origin.y,\n\t\t\twidth = startSize.width,\n\t\t\theight = startSize.height,\n\t\t\tinternalWidth = width + dx * ( resizeDir == 'rtl' ? -1 : 1 ),\n\t\t\tinternalHeight = height + dy;\n\n\t\t\tif ( resizeHorizontal )\n\t\t\t\twidth = Math.max( config.resize_minWidth, Math.min( internalWidth, config.resize_maxWidth ) );\n\n\t\t\tif ( resizeVertical )\n\t\t\t\theight = Math.max( config.resize_minHeight, Math.min( internalHeight, config.resize_maxHeight ) );\n\n\t\t\t// DO NOT impose fixed size with single direction resize. (http://dev.ckeditor.com/ticket/6308)\n\t\t\teditor.resize( resizeHorizontal ? width : null, height );\n\t\t}\n\n\t\tfunction dragEndHandler() {\n\t\t\tCKEDITOR.document.removeListener( 'mousemove', dragHandler );\n\t\t\tCKEDITOR.document.removeListener( 'mouseup', dragEndHandler );\n\n\t\t\tif ( editor.document ) {\n\t\t\t\teditor.document.removeListener( 'mousemove', dragHandler );\n\t\t\t\teditor.document.removeListener( 'mouseup', dragEndHandler );\n\t\t\t}\n\t\t}\n\n\t\tvar config = editor.config;\n\t\tvar spaceId = editor.ui.spaceId( 'resizer' );\n\n\t\t// Resize in the same direction of chrome,\n\t\t// which is identical to dir of editor element. (http://dev.ckeditor.com/ticket/6614)\n\t\tvar resizeDir = editor.element ? editor.element.getDirection( 1 ) : 'ltr';\n\n\t\t!config.resize_dir && ( config.resize_dir = 'vertical' );\n\t\t( config.resize_maxWidth === undefined ) && ( config.resize_maxWidth = 3000 );\n\t\t( config.resize_maxHeight === undefined ) && ( config.resize_maxHeight = 3000 );\n\t\t( config.resize_minWidth === undefined ) && ( config.resize_minWidth = 750 );\n\t\t( config.resize_minHeight === undefined ) && ( config.resize_minHeight = 250 );\n\n\t\tif ( config.resize_enabled !== false ) {\n\t\t\tvar container = null,\n\t\t\t\torigin, startSize,\n\t\t\t\tresizeHorizontal = ( config.resize_dir == 'both' || config.resize_dir == 'horizontal' ) && ( config.resize_minWidth != config.resize_maxWidth ),\n\t\t\t\tresizeVertical = ( config.resize_dir == 'both' || config.resize_dir == 'vertical' ) && ( config.resize_minHeight != config.resize_maxHeight );\n\n\t\t\tvar mouseDownFn = CKEDITOR.tools.addFunction( function( $event ) {\n\t\t\t\tif ( !container )\n\t\t\t\t\tcontainer = editor.getResizable();\n\n\t\t\t\tstartSize = { width: container.$.offsetWidth || 0, height: container.$.offsetHeight || 0 };\n\t\t\t\torigin = { x: $event.screenX, y: $event.screenY };\n\n\t\t\t\tconfig.resize_minWidth > startSize.width && ( config.resize_minWidth = startSize.width );\n\t\t\t\tconfig.resize_minHeight > startSize.height && ( config.resize_minHeight = startSize.height );\n\n\t\t\t\tCKEDITOR.document.on( 'mousemove', dragHandler );\n\t\t\t\tCKEDITOR.document.on( 'mouseup', dragEndHandler );\n\n\t\t\t\tif ( editor.document ) {\n\t\t\t\t\teditor.document.on( 'mousemove', dragHandler );\n\t\t\t\t\teditor.document.on( 'mouseup', dragEndHandler );\n\t\t\t\t}\n\n\t\t\t\t$event.preventDefault && $event.preventDefault();\n\t\t\t} );\n\n\t\t\teditor.on( 'destroy', function() {\n\t\t\t\tCKEDITOR.tools.removeFunction( mouseDownFn );\n\t\t\t} );\n\n\t\t\teditor.on( 'uiSpace', function( event ) {\n\t\t\t\tif ( event.data.space == 'bottom' ) {\n\t\t\t\t\tvar direction = '';\n\t\t\t\t\tif ( resizeHorizontal && !resizeVertical )\n\t\t\t\t\t\tdirection = ' cke_resizer_horizontal';\n\t\t\t\t\tif ( !resizeHorizontal && resizeVertical )\n\t\t\t\t\t\tdirection = ' cke_resizer_vertical';\n\n\t\t\t\t\tvar resizerHtml =\n\t\t\t\t\t\t'' +\n\t\t\t\t\t\t// BLACK LOWER RIGHT TRIANGLE (ltr)\n\t\t\t\t\t\t// BLACK LOWER LEFT TRIANGLE (rtl)\n\t\t\t\t\t\t( resizeDir == 'ltr' ? '\\u25E2' : '\\u25E3' ) +\n\t\t\t\t\t\t'
';\n\n\t\t\t\t\t// Always sticks the corner of botttom space.\n\t\t\t\t\tresizeDir == 'ltr' && direction == 'ltr' ? event.data.html += resizerHtml : event.data.html = resizerHtml + event.data.html;\n\t\t\t\t}\n\t\t\t}, editor, null, 100 );\n\n\t\t\t// Toggle the visibility of the resizer when an editor is being maximized or minimized.\n\t\t\teditor.on( 'maximize', function( event ) {\n\t\t\t\teditor.ui.space( 'resizer' )[ event.data == CKEDITOR.TRISTATE_ON ? 'hide' : 'show' ]();\n\t\t\t} );\n\t\t}\n\t}\n} );\n\n/**\n * The minimum editor width, in pixels, when resizing the editor interface by using the resize handle.\n * Note: It falls back to editor's actual width if it is smaller than the default value.\n *\n * Read more in the [documentation](#!/guide/dev_resize)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\n *\n *\t\tconfig.resize_minWidth = 500;\n *\n * @cfg {Number} [resize_minWidth=750]\n * @member CKEDITOR.config\n */\n\n/**\n * The minimum editor height, in pixels, when resizing the editor interface by using the resize handle.\n * Note: It falls back to editor's actual height if it is smaller than the default value.\n *\n * Read more in the [documentation](#!/guide/dev_resize)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\n *\n *\t\tconfig.resize_minHeight = 600;\n *\n * @cfg {Number} [resize_minHeight=250]\n * @member CKEDITOR.config\n */\n\n/**\n * The maximum editor width, in pixels, when resizing the editor interface by using the resize handle.\n *\n * Read more in the [documentation](#!/guide/dev_resize)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\n *\n *\t\tconfig.resize_maxWidth = 750;\n *\n * @cfg {Number} [resize_maxWidth=3000]\n * @member CKEDITOR.config\n */\n\n/**\n * The maximum editor height, in pixels, when resizing the editor interface by using the resize handle.\n *\n * Read more in the [documentation](#!/guide/dev_resize)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\n *\n *\t\tconfig.resize_maxHeight = 600;\n *\n * @cfg {Number} [resize_maxHeight=3000]\n * @member CKEDITOR.config\n */\n\n/**\n * Whether to enable the resizing feature. If this feature is disabled, the resize handle will not be visible.\n *\n * Read more in the [documentation](#!/guide/dev_resize)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\n *\n *\t\tconfig.resize_enabled = false;\n *\n * @cfg {Boolean} [resize_enabled=true]\n * @member CKEDITOR.config\n */\n\n/**\n * The dimensions for which the editor resizing is enabled. Possible values\n * are `both`, `vertical`, and `horizontal`.\n *\n * Read more in the [documentation](#!/guide/dev_resize)\n * and see the [SDK sample](http://sdk.ckeditor.com/samples/resize.html).\n *\n *\t\tconfig.resize_dir = 'both';\n *\n * @since 3.3\n * @cfg {String} [resize_dir='vertical']\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview The \"show border\" plugin. The command display visible outline\n * border line around all table elements if table doesn't have a none-zero 'border' attribute specified.\n */\n\n( function() {\n\tvar commandDefinition = {\n\t\tpreserveState: true,\n\t\teditorFocus: false,\n\t\treadOnly: 1,\n\n\t\texec: function( editor ) {\n\t\t\tthis.toggleState();\n\t\t\tthis.refresh( editor );\n\t\t},\n\n\t\trefresh: function( editor ) {\n\t\t\tif ( editor.document ) {\n\t\t\t\tvar funcName = ( this.state == CKEDITOR.TRISTATE_ON ) ? 'attachClass' : 'removeClass';\n\t\t\t\teditor.editable()[ funcName ]( 'cke_show_borders' );\n\t\t\t}\n\t\t}\n\t};\n\n\tvar showBorderClassName = 'cke_show_border';\n\n\tCKEDITOR.plugins.add( 'showborders', {\n\t\tmodes: { 'wysiwyg': 1 },\n\n\t\tonLoad: function() {\n\t\t\tvar cssStyleText,\n\t\t\t\tcssTemplate =\n\t\t\t// TODO: For IE6, we don't have child selector support,\n\t\t\t// where nested table cells could be incorrect.\n\t\t\t( CKEDITOR.env.ie6Compat ? [\n\t\t\t\t'.%1 table.%2,',\n\t\t\t\t'.%1 table.%2 td, .%1 table.%2 th',\n\t\t\t\t'{',\n\t\t\t\t'border : #d3d3d3 1px dotted',\n\t\t\t\t'}'\n\t\t\t] : [\n\t\t\t\t'.%1 table.%2,',\n\t\t\t\t'.%1 table.%2 > tr > td, .%1 table.%2 > tr > th,',\n\t\t\t\t'.%1 table.%2 > tbody > tr > td, .%1 table.%2 > tbody > tr > th,',\n\t\t\t\t'.%1 table.%2 > thead > tr > td, .%1 table.%2 > thead > tr > th,',\n\t\t\t\t'.%1 table.%2 > tfoot > tr > td, .%1 table.%2 > tfoot > tr > th',\n\t\t\t\t'{',\n\t\t\t\t'border : #d3d3d3 1px dotted',\n\t\t\t\t'}'\n\t\t\t] ).join( '' );\n\n\t\t\tcssStyleText = cssTemplate.replace( /%2/g, showBorderClassName ).replace( /%1/g, 'cke_show_borders ' );\n\n\t\t\tCKEDITOR.addCss( cssStyleText );\n\t\t},\n\n\t\tinit: function( editor ) {\n\n\t\t\tvar command = editor.addCommand( 'showborders', commandDefinition );\n\t\t\tcommand.canUndo = false;\n\n\t\t\tif ( editor.config.startupShowBorders !== false )\n\t\t\t\tcommand.setState( CKEDITOR.TRISTATE_ON );\n\n\t\t\t// Refresh the command on setData.\n\t\t\teditor.on( 'mode', function() {\n\t\t\t\tif ( command.state != CKEDITOR.TRISTATE_DISABLED )\n\t\t\t\t\tcommand.refresh( editor );\n\t\t\t}, null, null, 100 );\n\n\t\t\t// Refresh the command on wysiwyg frame reloads.\n\t\t\teditor.on( 'contentDom', function() {\n\t\t\t\tif ( command.state != CKEDITOR.TRISTATE_DISABLED )\n\t\t\t\t\tcommand.refresh( editor );\n\t\t\t} );\n\n\t\t\teditor.on( 'removeFormatCleanup', function( evt ) {\n\t\t\t\tvar element = evt.data;\n\t\t\t\tif ( editor.getCommand( 'showborders' ).state == CKEDITOR.TRISTATE_ON && element.is( 'table' ) && ( !element.hasAttribute( 'border' ) || parseInt( element.getAttribute( 'border' ), 10 ) <= 0 ) )\n\t\t\t\t\telement.addClass( showBorderClassName );\n\t\t\t} );\n\t\t},\n\n\t\tafterInit: function( editor ) {\n\t\t\tvar dataProcessor = editor.dataProcessor,\n\t\t\t\tdataFilter = dataProcessor && dataProcessor.dataFilter,\n\t\t\t\thtmlFilter = dataProcessor && dataProcessor.htmlFilter;\n\n\t\t\tif ( dataFilter ) {\n\t\t\t\tdataFilter.addRules( {\n\t\t\t\t\telements: {\n\t\t\t\t\t\t'table': function( element ) {\n\t\t\t\t\t\t\tvar attributes = element.attributes,\n\t\t\t\t\t\t\t\tcssClass = attributes[ 'class' ],\n\t\t\t\t\t\t\t\tborder = parseInt( attributes.border, 10 );\n\n\t\t\t\t\t\t\tif ( ( !border || border <= 0 ) && ( !cssClass || cssClass.indexOf( showBorderClassName ) == -1 ) )\n\t\t\t\t\t\t\t\tattributes[ 'class' ] = ( cssClass || '' ) + ' ' + showBorderClassName;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( htmlFilter ) {\n\t\t\t\thtmlFilter.addRules( {\n\t\t\t\t\telements: {\n\t\t\t\t\t\t'table': function( table ) {\n\t\t\t\t\t\t\tvar attributes = table.attributes,\n\t\t\t\t\t\t\t\tcssClass = attributes[ 'class' ];\n\n\t\t\t\t\t\t\tcssClass && ( attributes[ 'class' ] = cssClass.replace( showBorderClassName, '' ).replace( /\\s{2}/, ' ' ).replace( /^\\s+|\\s+$/, '' ) );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t} );\n\n\t// Table dialog must be aware of it.\n\tCKEDITOR.on( 'dialogDefinition', function( ev ) {\n\t\tvar dialogName = ev.data.name;\n\n\t\tif ( dialogName == 'table' || dialogName == 'tableProperties' ) {\n\t\t\tvar dialogDefinition = ev.data.definition,\n\t\t\t\tinfoTab = dialogDefinition.getContents( 'info' ),\n\t\t\t\tborderField = infoTab.get( 'txtBorder' ),\n\t\t\t\toriginalCommit = borderField.commit;\n\n\t\t\tborderField.commit = CKEDITOR.tools.override( originalCommit, function( org ) {\n\t\t\t\treturn function( data, selectedTable ) {\n\t\t\t\t\torg.apply( this, arguments );\n\t\t\t\t\tvar value = parseInt( this.getValue(), 10 );\n\t\t\t\t\tselectedTable[ ( !value || value <= 0 ) ? 'addClass' : 'removeClass' ]( showBorderClassName );\n\t\t\t\t};\n\t\t\t} );\n\n\t\t\tvar advTab = dialogDefinition.getContents( 'advanced' ),\n\t\t\t\tclassField = advTab && advTab.get( 'advCSSClasses' );\n\n\t\t\tif ( classField ) {\n\t\t\t\tclassField.setup = CKEDITOR.tools.override( classField.setup, function( originalSetup ) {\n\t\t\t\t\treturn function() {\n\t\t\t\t\t\toriginalSetup.apply( this, arguments );\n\t\t\t\t\t\tthis.setValue( this.getValue().replace( /cke_show_border/, '' ) );\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\tclassField.commit = CKEDITOR.tools.override( classField.commit, function( originalCommit ) {\n\t\t\t\t\treturn function( data, element ) {\n\t\t\t\t\t\toriginalCommit.apply( this, arguments );\n\n\t\t\t\t\t\tif ( !parseInt( element.getAttribute( 'border' ), 10 ) )\n\t\t\t\t\t\t\telement.addClass( 'cke_show_border' );\n\t\t\t\t\t};\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t} );\n\n} )();\n\n/**\n * Whether to automatically enable the \"show borders\" command when the editor loads.\n *\n *\t\tconfig.startupShowBorders = false;\n *\n * @cfg {Boolean} [startupShowBorders=true]\n * @member CKEDITOR.config\n */\n\n/**\n * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or http://ckeditor.com/license\n */\n\n/**\n * @fileOverview The Source Editing Area plugin. It registers the \"source\" editing\n *\t\tmode, which displays raw HTML data being edited in the editor.\n */\n\n( function() {\n\tCKEDITOR.plugins.add( 'sourcearea', {\n\t\t// jscs:disable maximumLineLength\n\t\t// jscs:enable maximumLineLength\n\t\tinit: function( editor ) {\n\t\t\t// Source mode in inline editors is only available through the \"sourcedialog\" plugin.\n\t\t\tif ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )\n\t\t\t\treturn;\n\n\t\t\tvar sourcearea = CKEDITOR.plugins.sourcearea;\n\n\t\t\teditor.addMode( 'source', function( callback ) {\n\t\t\t\tvar contentsSpace = editor.ui.space( 'contents' ),\n\t\t\t\t\ttextarea = contentsSpace.getDocument().createElement( 'textarea' );\n\n\t\t\t\ttextarea.setStyles(\n\t\t\t\t\tCKEDITOR.tools.extend( {\n\t\t\t\t\t\t// IE7 has overflow the