From c63493c899de714b05b0521bb38aab60d19030ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Isma=C3=ABl=20Bouya?= Date: Fri, 20 Jan 2017 00:55:51 +0100 Subject: Validation initiale --- sources/plugins/enterkey/plugin.js | 566 +++++++++++++++++++++++++++++++++++++ 1 file changed, 566 insertions(+) create mode 100644 sources/plugins/enterkey/plugin.js (limited to 'sources/plugins/enterkey/plugin.js') diff --git a/sources/plugins/enterkey/plugin.js b/sources/plugins/enterkey/plugin.js new file mode 100644 index 0000000..9410bbd --- /dev/null +++ b/sources/plugins/enterkey/plugin.js @@ -0,0 +1,566 @@ +/** + * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. + * For licensing, see LICENSE.md or http://ckeditor.com/license + */ + +( function() { + CKEDITOR.plugins.add( 'enterkey', { + init: function( editor ) { + editor.addCommand( 'enter', { + modes: { wysiwyg: 1 }, + editorFocus: false, + exec: function( editor ) { + enter( editor ); + } + } ); + + editor.addCommand( 'shiftEnter', { + modes: { wysiwyg: 1 }, + editorFocus: false, + exec: function( editor ) { + shiftEnter( editor ); + } + } ); + + editor.setKeystroke( [ + [ 13, 'enter' ], + [ CKEDITOR.SHIFT + 13, 'shiftEnter' ] + ] ); + } + } ); + + var whitespaces = CKEDITOR.dom.walker.whitespaces(), + bookmark = CKEDITOR.dom.walker.bookmark(); + + CKEDITOR.plugins.enterkey = { + enterBlock: function( editor, mode, range, forceMode ) { + // Get the range for the current selection. + range = range || getRange( editor ); + + // We may not have valid ranges to work on, like when inside a + // contenteditable=false element. + if ( !range ) + return; + + // When range is in nested editable, we have to replace range with this one, + // which have root property set to closest editable, to make auto paragraphing work. (#12162) + range = replaceRangeWithClosestEditableRoot( range ); + + var doc = range.document; + + var atBlockStart = range.checkStartOfBlock(), + atBlockEnd = range.checkEndOfBlock(), + path = editor.elementPath( range.startContainer ), + block = path.block, + + // Determine the block element to be used. + blockTag = ( mode == CKEDITOR.ENTER_DIV ? 'div' : 'p' ), + + newBlock; + + // Exit the list when we're inside an empty list item block. (#5376) + if ( atBlockStart && atBlockEnd ) { + // Exit the list when we're inside an empty list item block. (#5376) + if ( block && ( block.is( 'li' ) || block.getParent().is( 'li' ) ) ) { + // Make sure to point to the li when dealing with empty list item. + if ( !block.is( 'li' ) ) + block = block.getParent(); + + var blockParent = block.getParent(), + blockGrandParent = blockParent.getParent(), + + firstChild = !block.hasPrevious(), + lastChild = !block.hasNext(), + + selection = editor.getSelection(), + bookmarks = selection.createBookmarks(), + + orgDir = block.getDirection( 1 ), + className = block.getAttribute( 'class' ), + style = block.getAttribute( 'style' ), + dirLoose = blockGrandParent.getDirection( 1 ) != orgDir, + + enterMode = editor.enterMode, + needsBlock = enterMode != CKEDITOR.ENTER_BR || dirLoose || style || className, + + child; + + if ( blockGrandParent.is( 'li' ) ) { + + // If block is the first or the last child of the parent + // list, degrade it and move to the outer list: + // before the parent list if block is first child and after + // the parent list if block is the last child, respectively. + // + // + // + // AND + // + // + + if ( firstChild || lastChild ) { + + // If it's only child, we don't want to keep perent ul anymore. + if ( firstChild && lastChild ) { + blockParent.remove(); + } + + block[lastChild ? 'insertAfter' : 'insertBefore']( blockGrandParent ); + + // If the empty block is neither first nor last child + // then split the list and the block as an element + // of outer list. + // + // => + + } else { + block.breakParent( blockGrandParent ); + } + } + + else if ( !needsBlock ) { + block.appendBogus( true ); + + // If block is the first or last child of the parent + // list, move all block's children out of the list: + // before the list if block is first child and after the list + // if block is the last child, respectively. + // + // => ^ + // + // AND + // + // + + if ( firstChild || lastChild ) { + while ( ( child = block[ firstChild ? 'getFirst' : 'getLast' ]() ) ) + child[ firstChild ? 'insertBefore' : 'insertAfter' ]( blockParent ); + } + + // If the empty block is neither first nor last child + // then split the list and put all the block contents + // between two lists. + // + // => + + else { + block.breakParent( blockParent ); + + while ( ( child = block.getLast() ) ) + child.insertAfter( blockParent ); + } + + block.remove(); + } else { + // Original path block is the list item, create new block for the list item content. + if ( path.block.is( 'li' ) ) { + // Use
block for ENTER_BR and ENTER_DIV. + newBlock = doc.createElement( mode == CKEDITOR.ENTER_P ? 'p' : 'div' ); + + if ( dirLoose ) + newBlock.setAttribute( 'dir', orgDir ); + + style && newBlock.setAttribute( 'style', style ); + className && newBlock.setAttribute( 'class', className ); + + // Move all the child nodes to the new block. + block.moveChildren( newBlock ); + } + // The original path block is not a list item, just copy the block to out side of the list. + else { + newBlock = path.block; + } + + // If block is the first or last child of the parent + // list, move it out of the list: + // before the list if block is first child and after the list + // if block is the last child, respectively. + // + // =>

^

+ // + // AND + // + // + + if ( firstChild || lastChild ) + newBlock[ firstChild ? 'insertBefore' : 'insertAfter' ]( blockParent ); + + // If the empty block is neither first nor last child + // then split the list and put the new block between + // two lists. + // + // => + + else { + block.breakParent( blockParent ); + newBlock.insertAfter( blockParent ); + } + + block.remove(); + } + + selection.selectBookmarks( bookmarks ); + + return; + } + + if ( block && block.getParent().is( 'blockquote' ) ) { + block.breakParent( block.getParent() ); + + // If we were at the start of
, there will be an empty element before it now. + if ( !block.getPrevious().getFirst( CKEDITOR.dom.walker.invisible( 1 ) ) ) + block.getPrevious().remove(); + + // If we were at the end of
, there will be an empty element after it now. + if ( !block.getNext().getFirst( CKEDITOR.dom.walker.invisible( 1 ) ) ) + block.getNext().remove(); + + range.moveToElementEditStart( block ); + range.select(); + return; + } + } + // Don't split
 if we're in the middle of it, act as shift enter key.
+			else if ( block && block.is( 'pre' ) ) {
+				if ( !atBlockEnd ) {
+					enterBr( editor, mode, range, forceMode );
+					return;
+				}
+			}
+
+			// Split the range.
+			var splitInfo = range.splitBlock( blockTag );
+
+			if ( !splitInfo )
+				return;
+
+			// Get the current blocks.
+			var previousBlock = splitInfo.previousBlock,
+				nextBlock = splitInfo.nextBlock;
+
+			var isStartOfBlock = splitInfo.wasStartOfBlock,
+				isEndOfBlock = splitInfo.wasEndOfBlock;
+
+			var node;
+
+			// If this is a block under a list item, split it as well. (#1647)
+			if ( nextBlock ) {
+				node = nextBlock.getParent();
+				if ( node.is( 'li' ) ) {
+					nextBlock.breakParent( node );
+					nextBlock.move( nextBlock.getNext(), 1 );
+				}
+			} else if ( previousBlock && ( node = previousBlock.getParent() ) && node.is( 'li' ) ) {
+				previousBlock.breakParent( node );
+				node = previousBlock.getNext();
+				range.moveToElementEditStart( node );
+				previousBlock.move( previousBlock.getPrevious() );
+			}
+
+			// If we have both the previous and next blocks, it means that the
+			// boundaries were on separated blocks, or none of them where on the
+			// block limits (start/end).
+			if ( !isStartOfBlock && !isEndOfBlock ) {
+				// If the next block is an 
  • with another list tree as the first + // child, we'll need to append a filler (
    /NBSP) or the list item + // wouldn't be editable. (#1420) + if ( nextBlock.is( 'li' ) ) { + var walkerRange = range.clone(); + walkerRange.selectNodeContents( nextBlock ); + var walker = new CKEDITOR.dom.walker( walkerRange ); + walker.evaluator = function( node ) { + return !( bookmark( node ) || whitespaces( node ) || node.type == CKEDITOR.NODE_ELEMENT && node.getName() in CKEDITOR.dtd.$inline && !( node.getName() in CKEDITOR.dtd.$empty ) ); + }; + + node = walker.next(); + if ( node && node.type == CKEDITOR.NODE_ELEMENT && node.is( 'ul', 'ol' ) ) + ( CKEDITOR.env.needsBrFiller ? doc.createElement( 'br' ) : doc.createText( '\xa0' ) ).insertBefore( node ); + } + + // Move the selection to the end block. + if ( nextBlock ) + range.moveToElementEditStart( nextBlock ); + } else { + var newBlockDir; + + if ( previousBlock ) { + // Do not enter this block if it's a header tag, or we are in + // a Shift+Enter (#77). Create a new block element instead + // (later in the code). + if ( previousBlock.is( 'li' ) || !( headerTagRegex.test( previousBlock.getName() ) || previousBlock.is( 'pre' ) ) ) { + // Otherwise, duplicate the previous block. + newBlock = previousBlock.clone(); + } + } else if ( nextBlock ) { + newBlock = nextBlock.clone(); + } + + if ( !newBlock ) { + // We have already created a new list item. (#6849) + if ( node && node.is( 'li' ) ) + newBlock = node; + else { + newBlock = doc.createElement( blockTag ); + if ( previousBlock && ( newBlockDir = previousBlock.getDirection() ) ) + newBlock.setAttribute( 'dir', newBlockDir ); + } + } + // Force the enter block unless we're talking of a list item. + else if ( forceMode && !newBlock.is( 'li' ) ) { + newBlock.renameNode( blockTag ); + } + + // Recreate the inline elements tree, which was available + // before hitting enter, so the same styles will be available in + // the new block. + var elementPath = splitInfo.elementPath; + if ( elementPath ) { + for ( var i = 0, len = elementPath.elements.length; i < len; i++ ) { + var element = elementPath.elements[ i ]; + + if ( element.equals( elementPath.block ) || element.equals( elementPath.blockLimit ) ) + break; + + if ( CKEDITOR.dtd.$removeEmpty[ element.getName() ] ) { + element = element.clone(); + newBlock.moveChildren( element ); + newBlock.append( element ); + } + } + } + + newBlock.appendBogus(); + + if ( !newBlock.getParent() ) + range.insertNode( newBlock ); + + // list item start number should not be duplicated (#7330), but we need + // to remove the attribute after it's onto the DOM tree because of old IEs (#7581). + newBlock.is( 'li' ) && newBlock.removeAttribute( 'value' ); + + // This is tricky, but to make the new block visible correctly + // we must select it. + // The previousBlock check has been included because it may be + // empty if we have fixed a block-less space (like ENTER into an + // empty table cell). + if ( CKEDITOR.env.ie && isStartOfBlock && ( !isEndOfBlock || !previousBlock.getChildCount() ) ) { + // Move the selection to the new block. + range.moveToElementEditStart( isEndOfBlock ? previousBlock : newBlock ); + range.select(); + } + + // Move the selection to the new block. + range.moveToElementEditStart( isStartOfBlock && !isEndOfBlock ? nextBlock : newBlock ); + } + + range.select(); + range.scrollIntoView(); + }, + + enterBr: function( editor, mode, range, forceMode ) { + // Get the range for the current selection. + range = range || getRange( editor ); + + // We may not have valid ranges to work on, like when inside a + // contenteditable=false element. + if ( !range ) + return; + + var doc = range.document; + + var isEndOfBlock = range.checkEndOfBlock(); + + var elementPath = new CKEDITOR.dom.elementPath( editor.getSelection().getStartElement() ); + + var startBlock = elementPath.block, + startBlockTag = startBlock && elementPath.block.getName(); + + if ( !forceMode && startBlockTag == 'li' ) { + enterBlock( editor, mode, range, forceMode ); + return; + } + + // If we are at the end of a header block. + if ( !forceMode && isEndOfBlock && headerTagRegex.test( startBlockTag ) ) { + var newBlock, newBlockDir; + + if ( ( newBlockDir = startBlock.getDirection() ) ) { + newBlock = doc.createElement( 'div' ); + newBlock.setAttribute( 'dir', newBlockDir ); + newBlock.insertAfter( startBlock ); + range.setStart( newBlock, 0 ); + } else { + // Insert a
    after the current paragraph. + doc.createElement( 'br' ).insertAfter( startBlock ); + + // A text node is required by Gecko only to make the cursor blink. + if ( CKEDITOR.env.gecko ) + doc.createText( '' ).insertAfter( startBlock ); + + // IE has different behaviors regarding position. + range.setStartAt( startBlock.getNext(), CKEDITOR.env.ie ? CKEDITOR.POSITION_BEFORE_START : CKEDITOR.POSITION_AFTER_START ); + } + } else { + var lineBreak; + + // IE<8 prefers text node as line-break inside of
     (#4711).
    +				if ( startBlockTag == 'pre' && CKEDITOR.env.ie && CKEDITOR.env.version < 8 )
    +					lineBreak = doc.createText( '\r' );
    +				else
    +					lineBreak = doc.createElement( 'br' );
    +
    +				range.deleteContents();
    +				range.insertNode( lineBreak );
    +
    +				// Old IEs have different behavior regarding position.
    +				if ( !CKEDITOR.env.needsBrFiller )
    +					range.setStartAt( lineBreak, CKEDITOR.POSITION_AFTER_END );
    +				else {
    +					// A text node is required by Gecko only to make the cursor blink.
    +					// We need some text inside of it, so the bogus 
    is properly + // created. + doc.createText( '\ufeff' ).insertAfter( lineBreak ); + + // If we are at the end of a block, we must be sure the bogus node is available in that block. + if ( isEndOfBlock ) { + // In most situations we've got an elementPath.block (e.g.

    ), but in a + // blockless editor or when autoP is false that needs to be a block limit. + ( startBlock || elementPath.blockLimit ).appendBogus(); + } + + // Now we can remove the text node contents, so the caret doesn't + // stop on it. + lineBreak.getNext().$.nodeValue = ''; + + range.setStartAt( lineBreak.getNext(), CKEDITOR.POSITION_AFTER_START ); + + } + } + + // This collapse guarantees the cursor will be blinking. + range.collapse( true ); + + range.select(); + range.scrollIntoView(); + } + }; + + var plugin = CKEDITOR.plugins.enterkey, + enterBr = plugin.enterBr, + enterBlock = plugin.enterBlock, + headerTagRegex = /^h[1-6]$/; + + function shiftEnter( editor ) { + // On SHIFT+ENTER: + // 1. We want to enforce the mode to be respected, instead + // of cloning the current block. (#77) + return enter( editor, editor.activeShiftEnterMode, 1 ); + } + + function enter( editor, mode, forceMode ) { + forceMode = editor.config.forceEnterMode || forceMode; + + // Only effective within document. + if ( editor.mode != 'wysiwyg' ) + return; + + if ( !mode ) + mode = editor.activeEnterMode; + + // TODO this should be handled by setting editor.activeEnterMode on selection change. + // Check path block specialities: + // 1. Cannot be a un-splittable element, e.g. table caption; + var path = editor.elementPath(); + if ( !path.isContextFor( 'p' ) ) { + mode = CKEDITOR.ENTER_BR; + forceMode = 1; + } + + editor.fire( 'saveSnapshot' ); // Save undo step. + + if ( mode == CKEDITOR.ENTER_BR ) + enterBr( editor, mode, null, forceMode ); + else + enterBlock( editor, mode, null, forceMode ); + + editor.fire( 'saveSnapshot' ); + } + + function getRange( editor ) { + // Get the selection ranges. + var ranges = editor.getSelection().getRanges( true ); + + // Delete the contents of all ranges except the first one. + for ( var i = ranges.length - 1; i > 0; i-- ) { + ranges[ i ].deleteContents(); + } + + // Return the first range. + return ranges[ 0 ]; + } + + function replaceRangeWithClosestEditableRoot( range ) { + var closestEditable = range.startContainer.getAscendant( function( node ) { + return node.type == CKEDITOR.NODE_ELEMENT && node.getAttribute( 'contenteditable' ) == 'true'; + }, true ); + + if ( range.root.equals( closestEditable ) ) { + return range; + } else { + var newRange = new CKEDITOR.dom.range( closestEditable ); + + newRange.moveToRange( range ); + return newRange; + } + } +} )(); -- cgit v1.2.3