Upgrade to 4.5.7 and add some plugin

[perso/Immae/Projets/packagist/connexionswing-ckeditor-component.git] / sources / plugins / enterkey / plugin.js

/**\r
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
( function() {\r
	CKEDITOR.plugins.add( 'enterkey', {\r
		init: function( editor ) {\r
			editor.addCommand( 'enter', {\r
				modes: { wysiwyg: 1 },\r
				editorFocus: false,\r
				exec: function( editor ) {\r
					enter( editor );\r
				}\r
			} );\r
\r
			editor.addCommand( 'shiftEnter', {\r
				modes: { wysiwyg: 1 },\r
				editorFocus: false,\r
				exec: function( editor ) {\r
					shiftEnter( editor );\r
				}\r
			} );\r
\r
			editor.setKeystroke( [\r
				[ 13, 'enter' ],\r
				[ CKEDITOR.SHIFT + 13, 'shiftEnter' ]\r
			] );\r
		}\r
	} );\r
\r
	var whitespaces = CKEDITOR.dom.walker.whitespaces(),\r
		bookmark = CKEDITOR.dom.walker.bookmark();\r
\r
	CKEDITOR.plugins.enterkey = {\r
		enterBlock: function( editor, mode, range, forceMode ) {\r
			// Get the range for the current selection.\r
			range = range || getRange( editor );\r
\r
			// We may not have valid ranges to work on, like when inside a\r
			// contenteditable=false element.\r
			if ( !range )\r
				return;\r
\r
			// When range is in nested editable, we have to replace range with this one,\r
			// which have root property set to closest editable, to make auto paragraphing work. (#12162)\r
			range = replaceRangeWithClosestEditableRoot( range );\r
\r
			var doc = range.document;\r
\r
			var atBlockStart = range.checkStartOfBlock(),\r
				atBlockEnd = range.checkEndOfBlock(),\r
				path = editor.elementPath( range.startContainer ),\r
				block = path.block,\r
\r
				// Determine the block element to be used.\r
				blockTag = ( mode == CKEDITOR.ENTER_DIV ? 'div' : 'p' ),\r
\r
				newBlock;\r
\r
			// Exit the list when we're inside an empty list item block. (#5376)\r
			if ( atBlockStart && atBlockEnd ) {\r
				// Exit the list when we're inside an empty list item block. (#5376)\r
				if ( block && ( block.is( 'li' ) || block.getParent().is( 'li' ) ) ) {\r
					// Make sure to point to the li when dealing with empty list item.\r
					if ( !block.is( 'li' ) )\r
						block = block.getParent();\r
\r
					var blockParent = block.getParent(),\r
						blockGrandParent = blockParent.getParent(),\r
\r
						firstChild = !block.hasPrevious(),\r
						lastChild = !block.hasNext(),\r
\r
						selection = editor.getSelection(),\r
						bookmarks = selection.createBookmarks(),\r
\r
						orgDir = block.getDirection( 1 ),\r
						className = block.getAttribute( 'class' ),\r
						style = block.getAttribute( 'style' ),\r
						dirLoose = blockGrandParent.getDirection( 1 ) != orgDir,\r
\r
						enterMode = editor.enterMode,\r
						needsBlock = enterMode != CKEDITOR.ENTER_BR || dirLoose || style || className,\r
\r
						child;\r
\r
					if ( blockGrandParent.is( 'li' ) ) {\r
\r
						// If block is the first or the last child of the parent\r
						// list, degrade it and move to the outer list:\r
						// before the parent list if block is first child and after\r
						// the parent list if block is the last child, respectively.\r
						//\r
						//  <ul>                         =>      <ul>\r
						//      <li>                     =>          <li>\r
						//          <ul>                 =>              <ul>\r
						//              <li>x</li>       =>                  <li>x</li>\r
						//              <li>^</li>       =>              </ul>\r
						//          </ul>                =>          </li>\r
						//      </li>                    =>          <li>^</li>\r
						//  </ul>                        =>      </ul>\r
						//\r
						//                              AND\r
						//\r
						//  <ul>                         =>      <ul>\r
						//      <li>                     =>          <li>^</li>\r
						//          <ul>                 =>          <li>\r
						//              <li>^</li>       =>              <ul>\r
						//              <li>x</li>       =>                  <li>x</li>\r
						//          </ul>                =>              </ul>\r
						//      </li>                    =>          </li>\r
						//  </ul>                        =>      </ul>\r
\r
						if ( firstChild || lastChild ) {\r
\r
							// If it's only child, we don't want to keep perent ul anymore.\r
							if ( firstChild && lastChild ) {\r
								blockParent.remove();\r
							}\r
\r
							block[lastChild ? 'insertAfter' : 'insertBefore']( blockGrandParent );\r
\r
							// If the empty block is neither first nor last child\r
							// then split the list and the block as an element\r
							// of outer list.\r
							//\r
							//                              =>      <ul>\r
							//                              =>          <li>\r
							//  <ul>                        =>              <ul>\r
							//      <li>                    =>                  <li>x</li>\r
							//          <ul>                =>              </ul>\r
							//              <li>x</li>      =>          </li>\r
							//              <li>^</li>      =>          <li>^</li>\r
							//              <li>y</li>      =>          <li>\r
							//          </ul>               =>              <ul>\r
							//      </li>                   =>                  <li>y</li>\r
							//  </ul>                       =>              </ul>\r
							//                              =>          </li>\r
							//                              =>      </ul>\r
\r
						} else {\r
							block.breakParent( blockGrandParent );\r
						}\r
					}\r
\r
					else if ( !needsBlock ) {\r
						block.appendBogus( true );\r
\r
						// If block is the first or last child of the parent\r
						// list, move all block's children out of the list:\r
						// before the list if block is first child and after the list\r
						// if block is the last child, respectively.\r
						//\r
						//  <ul>                       =>      <ul>\r
						//      <li>x</li>             =>          <li>x</li>\r
						//      <li>^</li>             =>      </ul>\r
						//  </ul>                      =>      ^\r
						//\r
						//                            AND\r
						//\r
						//  <ul>                       =>      ^\r
						//      <li>^</li>             =>      <ul>\r
						//      <li>x</li>             =>          <li>x</li>\r
						//  </ul>                      =>      </ul>\r
\r
						if ( firstChild || lastChild ) {\r
							while ( ( child = block[ firstChild ? 'getFirst' : 'getLast' ]() ) )\r
								child[ firstChild ? 'insertBefore' : 'insertAfter' ]( blockParent );\r
						}\r
\r
						// If the empty block is neither first nor last child\r
						// then split the list and put all the block contents\r
						// between two lists.\r
						//\r
						//  <ul>                       =>      <ul>\r
						//      <li>x</li>             =>          <li>x</li>\r
						//      <li>^</li>             =>      </ul>\r
						//      <li>y</li>             =>      ^\r
						//  </ul>                      =>      <ul>\r
						//                             =>          <li>y</li>\r
						//                             =>      </ul>\r
\r
						else {\r
							block.breakParent( blockParent );\r
\r
							while ( ( child = block.getLast() ) )\r
								child.insertAfter( blockParent );\r
						}\r
\r
						block.remove();\r
					} else {\r
						// Original path block is the list item, create new block for the list item content.\r
						if ( path.block.is( 'li' ) ) {\r
							// Use <div> block for ENTER_BR and ENTER_DIV.\r
							newBlock = doc.createElement( mode == CKEDITOR.ENTER_P ? 'p' : 'div' );\r
\r
							if ( dirLoose )\r
								newBlock.setAttribute( 'dir', orgDir );\r
\r
							style && newBlock.setAttribute( 'style', style );\r
							className && newBlock.setAttribute( 'class', className );\r
\r
							// Move all the child nodes to the new block.\r
							block.moveChildren( newBlock );\r
						}\r
						// The original path block is not a list item, just copy the block to out side of the list.\r
						else {\r
							newBlock = path.block;\r
						}\r
\r
						// If block is the first or last child of the parent\r
						// list, move it out of the list:\r
						// before the list if block is first child and after the list\r
						// if block is the last child, respectively.\r
						//\r
						//  <ul>                       =>      <ul>\r
						//      <li>x</li>             =>          <li>x</li>\r
						//      <li>^</li>             =>      </ul>\r
						//  </ul>                      =>      <p>^</p>\r
						//\r
						//                            AND\r
						//\r
						//  <ul>                       =>      <p>^</p>\r
						//      <li>^</li>             =>      <ul>\r
						//      <li>x</li>             =>          <li>x</li>\r
						//  </ul>                      =>      </ul>\r
\r
						if ( firstChild || lastChild )\r
							newBlock[ firstChild ? 'insertBefore' : 'insertAfter' ]( blockParent );\r
\r
						// If the empty block is neither first nor last child\r
						// then split the list and put the new block between\r
						// two lists.\r
						//\r
						//                             =>       <ul>\r
						//     <ul>                    =>           <li>x</li>\r
						//         <li>x</li>          =>       </ul>\r
						//         <li>^</li>          =>       <p>^</p>\r
						//         <li>y</li>          =>       <ul>\r
						//     </ul>                   =>           <li>y</li>\r
						//                             =>       </ul>\r
\r
						else {\r
							block.breakParent( blockParent );\r
							newBlock.insertAfter( blockParent );\r
						}\r
\r
						block.remove();\r
					}\r
\r
					selection.selectBookmarks( bookmarks );\r
\r
					return;\r
				}\r
\r
				if ( block && block.getParent().is( 'blockquote' ) ) {\r
					block.breakParent( block.getParent() );\r
\r
					// If we were at the start of <blockquote>, there will be an empty element before it now.\r
					if ( !block.getPrevious().getFirst( CKEDITOR.dom.walker.invisible( 1 ) ) )\r
						block.getPrevious().remove();\r
\r
					// If we were at the end of <blockquote>, there will be an empty element after it now.\r
					if ( !block.getNext().getFirst( CKEDITOR.dom.walker.invisible( 1 ) ) )\r
						block.getNext().remove();\r
\r
					range.moveToElementEditStart( block );\r
					range.select();\r
					return;\r
				}\r
			}\r
			// Don't split <pre> if we're in the middle of it, act as shift enter key.\r
			else if ( block && block.is( 'pre' ) ) {\r
				if ( !atBlockEnd ) {\r
					enterBr( editor, mode, range, forceMode );\r
					return;\r
				}\r
			}\r
\r
			// Split the range.\r
			var splitInfo = range.splitBlock( blockTag );\r
\r
			if ( !splitInfo )\r
				return;\r
\r
			// Get the current blocks.\r
			var previousBlock = splitInfo.previousBlock,\r
				nextBlock = splitInfo.nextBlock;\r
\r
			var isStartOfBlock = splitInfo.wasStartOfBlock,\r
				isEndOfBlock = splitInfo.wasEndOfBlock;\r
\r
			var node;\r
\r
			// If this is a block under a list item, split it as well. (#1647)\r
			if ( nextBlock ) {\r
				node = nextBlock.getParent();\r
				if ( node.is( 'li' ) ) {\r
					nextBlock.breakParent( node );\r
					nextBlock.move( nextBlock.getNext(), 1 );\r
				}\r
			} else if ( previousBlock && ( node = previousBlock.getParent() ) && node.is( 'li' ) ) {\r
				previousBlock.breakParent( node );\r
				node = previousBlock.getNext();\r
				range.moveToElementEditStart( node );\r
				previousBlock.move( previousBlock.getPrevious() );\r
			}\r
\r
			// If we have both the previous and next blocks, it means that the\r
			// boundaries were on separated blocks, or none of them where on the\r
			// block limits (start/end).\r
			if ( !isStartOfBlock && !isEndOfBlock ) {\r
				// If the next block is an <li> with another list tree as the first\r
				// child, we'll need to append a filler (<br>/NBSP) or the list item\r
				// wouldn't be editable. (#1420)\r
				if ( nextBlock.is( 'li' ) ) {\r
					var walkerRange = range.clone();\r
					walkerRange.selectNodeContents( nextBlock );\r
					var walker = new CKEDITOR.dom.walker( walkerRange );\r
					walker.evaluator = function( node ) {\r
						return !( bookmark( node ) || whitespaces( node ) || node.type == CKEDITOR.NODE_ELEMENT && node.getName() in CKEDITOR.dtd.$inline && !( node.getName() in CKEDITOR.dtd.$empty ) );\r
					};\r
\r
					node = walker.next();\r
					if ( node && node.type == CKEDITOR.NODE_ELEMENT && node.is( 'ul', 'ol' ) )\r
						( CKEDITOR.env.needsBrFiller ? doc.createElement( 'br' ) : doc.createText( '\xa0' ) ).insertBefore( node );\r
				}\r
\r
				// Move the selection to the end block.\r
				if ( nextBlock )\r
					range.moveToElementEditStart( nextBlock );\r
			} else {\r
				var newBlockDir;\r
\r
				if ( previousBlock ) {\r
					// Do not enter this block if it's a header tag, or we are in\r
					// a Shift+Enter (#77). Create a new block element instead\r
					// (later in the code).\r
					if ( previousBlock.is( 'li' ) || !( headerTagRegex.test( previousBlock.getName() ) || previousBlock.is( 'pre' ) ) ) {\r
						// Otherwise, duplicate the previous block.\r
						newBlock = previousBlock.clone();\r
					}\r
				} else if ( nextBlock ) {\r
					newBlock = nextBlock.clone();\r
				}\r
\r
				if ( !newBlock ) {\r
					// We have already created a new list item. (#6849)\r
					if ( node && node.is( 'li' ) )\r
						newBlock = node;\r
					else {\r
						newBlock = doc.createElement( blockTag );\r
						if ( previousBlock && ( newBlockDir = previousBlock.getDirection() ) )\r
							newBlock.setAttribute( 'dir', newBlockDir );\r
					}\r
				}\r
				// Force the enter block unless we're talking of a list item.\r
				else if ( forceMode && !newBlock.is( 'li' ) ) {\r
					newBlock.renameNode( blockTag );\r
				}\r
\r
				// Recreate the inline elements tree, which was available\r
				// before hitting enter, so the same styles will be available in\r
				// the new block.\r
				var elementPath = splitInfo.elementPath;\r
				if ( elementPath ) {\r
					for ( var i = 0, len = elementPath.elements.length; i < len; i++ ) {\r
						var element = elementPath.elements[ i ];\r
\r
						if ( element.equals( elementPath.block ) || element.equals( elementPath.blockLimit ) )\r
							break;\r
\r
						if ( CKEDITOR.dtd.$removeEmpty[ element.getName() ] ) {\r
							element = element.clone();\r
							newBlock.moveChildren( element );\r
							newBlock.append( element );\r
						}\r
					}\r
				}\r
\r
				newBlock.appendBogus();\r
\r
				if ( !newBlock.getParent() )\r
					range.insertNode( newBlock );\r
\r
				// list item start number should not be duplicated (#7330), but we need\r
				// to remove the attribute after it's onto the DOM tree because of old IEs (#7581).\r
				newBlock.is( 'li' ) && newBlock.removeAttribute( 'value' );\r
\r
				// This is tricky, but to make the new block visible correctly\r
				// we must select it.\r
				// The previousBlock check has been included because it may be\r
				// empty if we have fixed a block-less space (like ENTER into an\r
				// empty table cell).\r
				if ( CKEDITOR.env.ie && isStartOfBlock && ( !isEndOfBlock || !previousBlock.getChildCount() ) ) {\r
					// Move the selection to the new block.\r
					range.moveToElementEditStart( isEndOfBlock ? previousBlock : newBlock );\r
					range.select();\r
				}\r
\r
				// Move the selection to the new block.\r
				range.moveToElementEditStart( isStartOfBlock && !isEndOfBlock ? nextBlock : newBlock );\r
			}\r
\r
			range.select();\r
			range.scrollIntoView();\r
		},\r
\r
		enterBr: function( editor, mode, range, forceMode ) {\r
			// Get the range for the current selection.\r
			range = range || getRange( editor );\r
\r
			// We may not have valid ranges to work on, like when inside a\r
			// contenteditable=false element.\r
			if ( !range )\r
				return;\r
\r
			var doc = range.document;\r
\r
			var isEndOfBlock = range.checkEndOfBlock();\r
\r
			var elementPath = new CKEDITOR.dom.elementPath( editor.getSelection().getStartElement() );\r
\r
			var startBlock = elementPath.block,\r
				startBlockTag = startBlock && elementPath.block.getName();\r
\r
			if ( !forceMode && startBlockTag == 'li' ) {\r
				enterBlock( editor, mode, range, forceMode );\r
				return;\r
			}\r
\r
			// If we are at the end of a header block.\r
			if ( !forceMode && isEndOfBlock && headerTagRegex.test( startBlockTag ) ) {\r
				var newBlock, newBlockDir;\r
\r
				if ( ( newBlockDir = startBlock.getDirection() ) ) {\r
					newBlock = doc.createElement( 'div' );\r
					newBlock.setAttribute( 'dir', newBlockDir );\r
					newBlock.insertAfter( startBlock );\r
					range.setStart( newBlock, 0 );\r
				} else {\r
					// Insert a <br> after the current paragraph.\r
					doc.createElement( 'br' ).insertAfter( startBlock );\r
\r
					// A text node is required by Gecko only to make the cursor blink.\r
					if ( CKEDITOR.env.gecko )\r
						doc.createText( '' ).insertAfter( startBlock );\r
\r
					// IE has different behaviors regarding position.\r
					range.setStartAt( startBlock.getNext(), CKEDITOR.env.ie ? CKEDITOR.POSITION_BEFORE_START : CKEDITOR.POSITION_AFTER_START );\r
				}\r
			} else {\r
				var lineBreak;\r
\r
				// IE<8 prefers text node as line-break inside of <pre> (#4711).\r
				if ( startBlockTag == 'pre' && CKEDITOR.env.ie && CKEDITOR.env.version < 8 )\r
					lineBreak = doc.createText( '\r' );\r
				else\r
					lineBreak = doc.createElement( 'br' );\r
\r
				range.deleteContents();\r
				range.insertNode( lineBreak );\r
\r
				// Old IEs have different behavior regarding position.\r
				if ( !CKEDITOR.env.needsBrFiller )\r
					range.setStartAt( lineBreak, CKEDITOR.POSITION_AFTER_END );\r
				else {\r
					// A text node is required by Gecko only to make the cursor blink.\r
					// We need some text inside of it, so the bogus <br> is properly\r
					// created.\r
					doc.createText( '\ufeff' ).insertAfter( lineBreak );\r
\r
					// If we are at the end of a block, we must be sure the bogus node is available in that block.\r
					if ( isEndOfBlock ) {\r
						// In most situations we've got an elementPath.block (e.g. <p>), but in a\r
						// blockless editor or when autoP is false that needs to be a block limit.\r
						( startBlock || elementPath.blockLimit ).appendBogus();\r
					}\r
\r
					// Now we can remove the text node contents, so the caret doesn't\r
					// stop on it.\r
					lineBreak.getNext().$.nodeValue = '';\r
\r
					range.setStartAt( lineBreak.getNext(), CKEDITOR.POSITION_AFTER_START );\r
\r
				}\r
			}\r
\r
			// This collapse guarantees the cursor will be blinking.\r
			range.collapse( true );\r
\r
			range.select();\r
			range.scrollIntoView();\r
		}\r
	};\r
\r
	var plugin = CKEDITOR.plugins.enterkey,\r
		enterBr = plugin.enterBr,\r
		enterBlock = plugin.enterBlock,\r
		headerTagRegex = /^h[1-6]$/;\r
\r
	function shiftEnter( editor ) {\r
		// On SHIFT+ENTER:\r
		// 1. We want to enforce the mode to be respected, instead\r
		// of cloning the current block. (#77)\r
		return enter( editor, editor.activeShiftEnterMode, 1 );\r
	}\r
\r
	function enter( editor, mode, forceMode ) {\r
		forceMode = editor.config.forceEnterMode || forceMode;\r
\r
		// Only effective within document.\r
		if ( editor.mode != 'wysiwyg' )\r
			return;\r
\r
		if ( !mode )\r
			mode = editor.activeEnterMode;\r
\r
		// TODO this should be handled by setting editor.activeEnterMode on selection change.\r
		// Check path block specialities:\r
		// 1. Cannot be a un-splittable element, e.g. table caption;\r
		var path = editor.elementPath();\r
		if ( !path.isContextFor( 'p' ) ) {\r
			mode = CKEDITOR.ENTER_BR;\r
			forceMode = 1;\r
		}\r
\r
		editor.fire( 'saveSnapshot' ); // Save undo step.\r
\r
		if ( mode == CKEDITOR.ENTER_BR )\r
			enterBr( editor, mode, null, forceMode );\r
		else\r
			enterBlock( editor, mode, null, forceMode );\r
\r
		editor.fire( 'saveSnapshot' );\r
	}\r
\r
	function getRange( editor ) {\r
		// Get the selection ranges.\r
		var ranges = editor.getSelection().getRanges( true );\r
\r
		// Delete the contents of all ranges except the first one.\r
		for ( var i = ranges.length - 1; i > 0; i-- ) {\r
			ranges[ i ].deleteContents();\r
		}\r
\r
		// Return the first range.\r
		return ranges[ 0 ];\r
	}\r
\r
	function replaceRangeWithClosestEditableRoot( range ) {\r
		var closestEditable = range.startContainer.getAscendant( function( node ) {\r
			return node.type == CKEDITOR.NODE_ELEMENT && node.getAttribute( 'contenteditable' ) == 'true';\r
		}, true );\r
\r
		if ( range.root.equals( closestEditable ) ) {\r
			return range;\r
		} else {\r
			var newRange = new CKEDITOR.dom.range( closestEditable );\r
\r
			newRange.moveToRange( range );\r
			return newRange;\r
		}\r
	}\r
} )();\r