From 7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8 Mon Sep 17 00:00:00 2001 From: Charles Date: Tue, 7 Jan 2020 13:06:14 +0100 Subject: Added wordpress --- .../js/tinymce/plugins/wpeditimage/plugin.js | 890 +++++++++++++++++++++ .../js/tinymce/plugins/wpeditimage/plugin.min.js | 1 + 2 files changed, 891 insertions(+) create mode 100644 srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.js create mode 100644 srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.min.js (limited to 'srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage') diff --git a/srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.js b/srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.js new file mode 100644 index 0000000..9142ed5 --- /dev/null +++ b/srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.js @@ -0,0 +1,890 @@ +/* global tinymce */ +tinymce.PluginManager.add( 'wpeditimage', function( editor ) { + var toolbar, serializer, touchOnImage, pasteInCaption, + each = tinymce.each, + trim = tinymce.trim, + iOS = tinymce.Env.iOS; + + function isPlaceholder( node ) { + return !! ( editor.dom.getAttrib( node, 'data-mce-placeholder' ) || editor.dom.getAttrib( node, 'data-mce-object' ) ); + } + + editor.addButton( 'wp_img_remove', { + tooltip: 'Remove', + icon: 'dashicon dashicons-no', + onclick: function() { + removeImage( editor.selection.getNode() ); + } + } ); + + editor.addButton( 'wp_img_edit', { + tooltip: 'Edit|button', // '|button' is not displayed, only used for context + icon: 'dashicon dashicons-edit', + onclick: function() { + editImage( editor.selection.getNode() ); + } + } ); + + each( { + alignleft: 'Align left', + aligncenter: 'Align center', + alignright: 'Align right', + alignnone: 'No alignment' + }, function( tooltip, name ) { + var direction = name.slice( 5 ); + + editor.addButton( 'wp_img_' + name, { + tooltip: tooltip, + icon: 'dashicon dashicons-align-' + direction, + cmd: 'alignnone' === name ? 'wpAlignNone' : 'Justify' + direction.slice( 0, 1 ).toUpperCase() + direction.slice( 1 ), + onPostRender: function() { + var self = this; + + editor.on( 'NodeChange', function( event ) { + var node; + + // Don't bother. + if ( event.element.nodeName !== 'IMG' ) { + return; + } + + node = editor.dom.getParent( event.element, '.wp-caption' ) || event.element; + + if ( 'alignnone' === name ) { + self.active( ! /\balign(left|center|right)\b/.test( node.className ) ); + } else { + self.active( editor.dom.hasClass( node, name ) ); + } + } ); + } + } ); + } ); + + editor.once( 'preinit', function() { + if ( editor.wp && editor.wp._createToolbar ) { + toolbar = editor.wp._createToolbar( [ + 'wp_img_alignleft', + 'wp_img_aligncenter', + 'wp_img_alignright', + 'wp_img_alignnone', + 'wp_img_edit', + 'wp_img_remove' + ] ); + } + } ); + + editor.on( 'wptoolbar', function( event ) { + if ( event.element.nodeName === 'IMG' && ! isPlaceholder( event.element ) ) { + event.toolbar = toolbar; + } + } ); + + function isNonEditable( node ) { + var parent = editor.$( node ).parents( '[contenteditable]' ); + return parent && parent.attr( 'contenteditable' ) === 'false'; + } + + // Safari on iOS fails to select images in contentEditoble mode on touch. + // Select them again. + if ( iOS ) { + editor.on( 'init', function() { + editor.on( 'touchstart', function( event ) { + if ( event.target.nodeName === 'IMG' && ! isNonEditable( event.target ) ) { + touchOnImage = true; + } + }); + + editor.dom.bind( editor.getDoc(), 'touchmove', function() { + touchOnImage = false; + }); + + editor.on( 'touchend', function( event ) { + if ( touchOnImage && event.target.nodeName === 'IMG' && ! isNonEditable( event.target ) ) { + var node = event.target; + + touchOnImage = false; + + window.setTimeout( function() { + editor.selection.select( node ); + editor.nodeChanged(); + }, 100 ); + } else if ( toolbar ) { + toolbar.hide(); + } + }); + }); + } + + function parseShortcode( content ) { + return content.replace( /(?:

)?\[(?:wp_)?caption([^\]]+)\]([\s\S]+?)\[\/(?:wp_)?caption\](?:<\/p>)?/g, function( a, b, c ) { + var id, align, classes, caption, img, width; + + id = b.match( /id=['"]([^'"]*)['"] ?/ ); + if ( id ) { + b = b.replace( id[0], '' ); + } + + align = b.match( /align=['"]([^'"]*)['"] ?/ ); + if ( align ) { + b = b.replace( align[0], '' ); + } + + classes = b.match( /class=['"]([^'"]*)['"] ?/ ); + if ( classes ) { + b = b.replace( classes[0], '' ); + } + + width = b.match( /width=['"]([0-9]*)['"] ?/ ); + if ( width ) { + b = b.replace( width[0], '' ); + } + + c = trim( c ); + img = c.match( /((?:]+>)?]+>(?:<\/a>)?)([\s\S]*)/i ); + + if ( img && img[2] ) { + caption = trim( img[2] ); + img = trim( img[1] ); + } else { + // old captions shortcode style + caption = trim( b ).replace( /caption=['"]/, '' ).replace( /['"]$/, '' ); + img = c; + } + + id = ( id && id[1] ) ? id[1].replace( /[<>&]+/g, '' ) : ''; + align = ( align && align[1] ) ? align[1] : 'alignnone'; + classes = ( classes && classes[1] ) ? ' ' + classes[1].replace( /[<>&]+/g, '' ) : ''; + + if ( ! width && img ) { + width = img.match( /width=['"]([0-9]*)['"]/ ); + } + + if ( width && width[1] ) { + width = width[1]; + } + + if ( ! width || ! caption ) { + return c; + } + + width = parseInt( width, 10 ); + if ( ! editor.getParam( 'wpeditimage_html5_captions' ) ) { + width += 10; + } + + return '

' + + '
'+ img +'
'+ caption +'
'; + }); + } + + function getShortcode( content ) { + return content.replace( /(?:
]+mceTemp[^>]+>)?\s*(
]+wp-caption[^>]+>[\s\S]+?<\/dl>)\s*(?:<\/div>)?/g, function( all, dl ) { + var out = ''; + + if ( dl.indexOf('') !== -1 ) { + // Broken caption. The user managed to drag the image out or type in the wrapper div? + // Remove the
,
and
and return the remaining text. + return dl.replace( /]+)?>/g, '' ).replace( /<\/d[ldt]>/g, '' ); + } + + out = dl.replace( /\s*
]+)>\s*
]+>([\s\S]+?)<\/dt>\s*
]+>([\s\S]*?)<\/dd>\s*<\/dl>\s*/gi, function( a, b, c, caption ) { + var id, classes, align, width; + + width = c.match( /width="([0-9]*)"/ ); + width = ( width && width[1] ) ? width[1] : ''; + + classes = b.match( /class="([^"]*)"/ ); + classes = ( classes && classes[1] ) ? classes[1] : ''; + align = classes.match( /align[a-z]+/i ) || 'alignnone'; + + if ( ! width || ! caption ) { + if ( 'alignnone' !== align[0] ) { + c = c.replace( />]+)?>/g, function( a ) { + // no line breaks inside HTML tags + return a.replace( /[\r\n\t]+/, ' ' ); + }); + + // convert remaining line breaks to
+ caption = caption.replace( /\s*\n\s*/g, '
' ); + + return '[caption id="' + id + '" align="' + align + '" width="' + width + '"' + classes + ']' + c + ' ' + caption + '[/caption]'; + }); + + if ( out.indexOf('[caption') === -1 ) { + // the caption html seems broken, try to find the image that may be wrapped in a link + // and may be followed by

with the caption text. + out = dl.replace( /[\s\S]*?((?:]+>)?]+>(?:<\/a>)?)(

[\s\S]*<\/p>)?[\s\S]*/gi, '

$1

$2' ); + } + + return out; + }); + } + + function extractImageData( imageNode ) { + var classes, extraClasses, metadata, captionBlock, caption, link, width, height, + captionClassName = [], + dom = editor.dom, + isIntRegExp = /^\d+$/; + + // default attributes + metadata = { + attachment_id: false, + size: 'custom', + caption: '', + align: 'none', + extraClasses: '', + link: false, + linkUrl: '', + linkClassName: '', + linkTargetBlank: false, + linkRel: '', + title: '' + }; + + metadata.url = dom.getAttrib( imageNode, 'src' ); + metadata.alt = dom.getAttrib( imageNode, 'alt' ); + metadata.title = dom.getAttrib( imageNode, 'title' ); + + width = dom.getAttrib( imageNode, 'width' ); + height = dom.getAttrib( imageNode, 'height' ); + + if ( ! isIntRegExp.test( width ) || parseInt( width, 10 ) < 1 ) { + width = imageNode.naturalWidth || imageNode.width; + } + + if ( ! isIntRegExp.test( height ) || parseInt( height, 10 ) < 1 ) { + height = imageNode.naturalHeight || imageNode.height; + } + + metadata.customWidth = metadata.width = width; + metadata.customHeight = metadata.height = height; + + classes = tinymce.explode( imageNode.className, ' ' ); + extraClasses = []; + + tinymce.each( classes, function( name ) { + + if ( /^wp-image/.test( name ) ) { + metadata.attachment_id = parseInt( name.replace( 'wp-image-', '' ), 10 ); + } else if ( /^align/.test( name ) ) { + metadata.align = name.replace( 'align', '' ); + } else if ( /^size/.test( name ) ) { + metadata.size = name.replace( 'size-', '' ); + } else { + extraClasses.push( name ); + } + + } ); + + metadata.extraClasses = extraClasses.join( ' ' ); + + // Extract caption + captionBlock = dom.getParents( imageNode, '.wp-caption' ); + + if ( captionBlock.length ) { + captionBlock = captionBlock[0]; + + classes = captionBlock.className.split( ' ' ); + tinymce.each( classes, function( name ) { + if ( /^align/.test( name ) ) { + metadata.align = name.replace( 'align', '' ); + } else if ( name && name !== 'wp-caption' ) { + captionClassName.push( name ); + } + } ); + + metadata.captionClassName = captionClassName.join( ' ' ); + + caption = dom.select( 'dd.wp-caption-dd', captionBlock ); + if ( caption.length ) { + caption = caption[0]; + + metadata.caption = editor.serializer.serialize( caption ) + .replace( /]*>/g, '$&\n' ).replace( /^

/, '' ).replace( /<\/p>$/, '' ); + } + } + + // Extract linkTo + if ( imageNode.parentNode && imageNode.parentNode.nodeName === 'A' ) { + link = imageNode.parentNode; + metadata.linkUrl = dom.getAttrib( link, 'href' ); + metadata.linkTargetBlank = dom.getAttrib( link, 'target' ) === '_blank' ? true : false; + metadata.linkRel = dom.getAttrib( link, 'rel' ); + metadata.linkClassName = link.className; + } + + return metadata; + } + + function hasTextContent( node ) { + return node && !! ( node.textContent || node.innerText ).replace( /\ufeff/g, '' ); + } + + // Verify HTML in captions + function verifyHTML( caption ) { + if ( ! caption || ( caption.indexOf( '<' ) === -1 && caption.indexOf( '>' ) === -1 ) ) { + return caption; + } + + if ( ! serializer ) { + serializer = new tinymce.html.Serializer( {}, editor.schema ); + } + + return serializer.serialize( editor.parser.parse( caption, { forced_root_block: false } ) ); + } + + function updateImage( $imageNode, imageData ) { + var classes, className, node, html, parent, wrap, linkNode, imageNode, + captionNode, dd, dl, id, attrs, linkAttrs, width, height, align, + $imageNode, srcset, src, + dom = editor.dom; + + if ( ! $imageNode || ! $imageNode.length ) { + return; + } + + imageNode = $imageNode[0]; + classes = tinymce.explode( imageData.extraClasses, ' ' ); + + if ( ! classes ) { + classes = []; + } + + if ( ! imageData.caption ) { + classes.push( 'align' + imageData.align ); + } + + if ( imageData.attachment_id ) { + classes.push( 'wp-image-' + imageData.attachment_id ); + if ( imageData.size && imageData.size !== 'custom' ) { + classes.push( 'size-' + imageData.size ); + } + } + + width = imageData.width; + height = imageData.height; + + if ( imageData.size === 'custom' ) { + width = imageData.customWidth; + height = imageData.customHeight; + } + + attrs = { + src: imageData.url, + width: width || null, + height: height || null, + title: imageData.title || null, + 'class': classes.join( ' ' ) || null + }; + + dom.setAttribs( imageNode, attrs ); + + // Preserve empty alt attributes. + $imageNode.attr( 'alt', imageData.alt || '' ); + + linkAttrs = { + href: imageData.linkUrl, + rel: imageData.linkRel || null, + target: imageData.linkTargetBlank ? '_blank': null, + 'class': imageData.linkClassName || null + }; + + if ( imageNode.parentNode && imageNode.parentNode.nodeName === 'A' && ! hasTextContent( imageNode.parentNode ) ) { + // Update or remove an existing link wrapped around the image + if ( imageData.linkUrl ) { + dom.setAttribs( imageNode.parentNode, linkAttrs ); + } else { + dom.remove( imageNode.parentNode, true ); + } + } else if ( imageData.linkUrl ) { + if ( linkNode = dom.getParent( imageNode, 'a' ) ) { + // The image is inside a link together with other nodes, + // or is nested in another node, move it out + dom.insertAfter( imageNode, linkNode ); + } + + // Add link wrapped around the image + linkNode = dom.create( 'a', linkAttrs ); + imageNode.parentNode.insertBefore( linkNode, imageNode ); + linkNode.appendChild( imageNode ); + } + + captionNode = editor.dom.getParent( imageNode, '.mceTemp' ); + + if ( imageNode.parentNode && imageNode.parentNode.nodeName === 'A' && ! hasTextContent( imageNode.parentNode ) ) { + node = imageNode.parentNode; + } else { + node = imageNode; + } + + if ( imageData.caption ) { + imageData.caption = verifyHTML( imageData.caption ); + + id = imageData.attachment_id ? 'attachment_' + imageData.attachment_id : null; + align = 'align' + ( imageData.align || 'none' ); + className = 'wp-caption ' + align; + + if ( imageData.captionClassName ) { + className += ' ' + imageData.captionClassName.replace( /[<>&]+/g, '' ); + } + + if ( ! editor.getParam( 'wpeditimage_html5_captions' ) ) { + width = parseInt( width, 10 ); + width += 10; + } + + if ( captionNode ) { + dl = dom.select( 'dl.wp-caption', captionNode ); + + if ( dl.length ) { + dom.setAttribs( dl, { + id: id, + 'class': className, + style: 'width: ' + width + 'px' + } ); + } + + dd = dom.select( '.wp-caption-dd', captionNode ); + + if ( dd.length ) { + dom.setHTML( dd[0], imageData.caption ); + } + + } else { + id = id ? 'id="'+ id +'" ' : ''; + + // should create a new function for generating the caption markup + html = '

' + + '
'+ imageData.caption +'
'; + + wrap = dom.create( 'div', { 'class': 'mceTemp' }, html ); + + if ( parent = dom.getParent( node, 'p' ) ) { + parent.parentNode.insertBefore( wrap, parent ); + } else { + node.parentNode.insertBefore( wrap, node ); + } + + editor.$( wrap ).find( 'dt.wp-caption-dt' ).append( node ); + + if ( parent && dom.isEmpty( parent ) ) { + dom.remove( parent ); + } + } + } else if ( captionNode ) { + // Remove the caption wrapper and place the image in new paragraph + parent = dom.create( 'p' ); + captionNode.parentNode.insertBefore( parent, captionNode ); + parent.appendChild( node ); + dom.remove( captionNode ); + } + + $imageNode = editor.$( imageNode ); + srcset = $imageNode.attr( 'srcset' ); + src = $imageNode.attr( 'src' ); + + // Remove srcset and sizes if the image file was edited or the image was replaced. + if ( srcset && src ) { + src = src.replace( /[?#].*/, '' ); + + if ( srcset.indexOf( src ) === -1 ) { + $imageNode.attr( 'srcset', null ).attr( 'sizes', null ); + } + } + + if ( wp.media.events ) { + wp.media.events.trigger( 'editor:image-update', { + editor: editor, + metadata: imageData, + image: imageNode + } ); + } + + editor.nodeChanged(); + } + + function editImage( img ) { + var frame, callback, metadata, imageNode; + + if ( typeof wp === 'undefined' || ! wp.media ) { + editor.execCommand( 'mceImage' ); + return; + } + + metadata = extractImageData( img ); + + // Mark the image node so we can select it later. + editor.$( img ).attr( 'data-wp-editing', 1 ); + + // Manipulate the metadata by reference that is fed into the PostImage model used in the media modal + wp.media.events.trigger( 'editor:image-edit', { + editor: editor, + metadata: metadata, + image: img + } ); + + frame = wp.media({ + frame: 'image', + state: 'image-details', + metadata: metadata + } ); + + wp.media.events.trigger( 'editor:frame-create', { frame: frame } ); + + callback = function( imageData ) { + editor.undoManager.transact( function() { + updateImage( imageNode, imageData ); + } ); + frame.detach(); + }; + + frame.state('image-details').on( 'update', callback ); + frame.state('replace-image').on( 'replace', callback ); + frame.on( 'close', function() { + editor.focus(); + frame.detach(); + + // `close` fires first... + // To be able to update the image node, we need to find it here, + // and use it in the callback. + imageNode = editor.$( 'img[data-wp-editing]' ) + imageNode.removeAttr( 'data-wp-editing' ); + }); + + frame.open(); + } + + function removeImage( node ) { + var wrap = editor.dom.getParent( node, 'div.mceTemp' ); + + if ( ! wrap && node.nodeName === 'IMG' ) { + wrap = editor.dom.getParent( node, 'a' ); + } + + if ( wrap ) { + if ( wrap.nextSibling ) { + editor.selection.select( wrap.nextSibling ); + } else if ( wrap.previousSibling ) { + editor.selection.select( wrap.previousSibling ); + } else { + editor.selection.select( wrap.parentNode ); + } + + editor.selection.collapse( true ); + editor.dom.remove( wrap ); + } else { + editor.dom.remove( node ); + } + + editor.nodeChanged(); + editor.undoManager.add(); + } + + editor.on( 'init', function() { + var dom = editor.dom, + captionClass = editor.getParam( 'wpeditimage_html5_captions' ) ? 'html5-captions' : 'html4-captions'; + + dom.addClass( editor.getBody(), captionClass ); + + // Prevent IE11 from making dl.wp-caption resizable + if ( tinymce.Env.ie && tinymce.Env.ie > 10 ) { + // The 'mscontrolselect' event is supported only in IE11+ + dom.bind( editor.getBody(), 'mscontrolselect', function( event ) { + if ( event.target.nodeName === 'IMG' && dom.getParent( event.target, '.wp-caption' ) ) { + // Hide the thick border with resize handles around dl.wp-caption + editor.getBody().focus(); // :( + } else if ( event.target.nodeName === 'DL' && dom.hasClass( event.target, 'wp-caption' ) ) { + // Trigger the thick border with resize handles... + // This will make the caption text editable. + event.target.focus(); + } + }); + } + }); + + editor.on( 'ObjectResized', function( event ) { + var node = event.target; + + if ( node.nodeName === 'IMG' ) { + editor.undoManager.transact( function() { + var parent, width, + dom = editor.dom; + + node.className = node.className.replace( /\bsize-[^ ]+/, '' ); + + if ( parent = dom.getParent( node, '.wp-caption' ) ) { + width = event.width || dom.getAttrib( node, 'width' ); + + if ( width ) { + width = parseInt( width, 10 ); + + if ( ! editor.getParam( 'wpeditimage_html5_captions' ) ) { + width += 10; + } + + dom.setStyle( parent, 'width', width + 'px' ); + } + } + }); + } + }); + + editor.on( 'pastePostProcess', function( event ) { + // Pasting in a caption node. + if ( editor.dom.getParent( editor.selection.getNode(), 'dd.wp-caption-dd' ) ) { + // Remove "non-block" elements that should not be in captions. + editor.$( 'img, audio, video, object, embed, iframe, script, style', event.node ).remove(); + + editor.$( '*', event.node ).each( function( i, node ) { + if ( editor.dom.isBlock( node ) ) { + // Insert
where the blocks used to be. Makes it look better after pasting in the caption. + if ( tinymce.trim( node.textContent || node.innerText ) ) { + editor.dom.insertAfter( editor.dom.create( 'br' ), node ); + editor.dom.remove( node, true ); + } else { + editor.dom.remove( node ); + } + } + }); + + // Trim
tags. + editor.$( 'br', event.node ).each( function( i, node ) { + if ( ! node.nextSibling || node.nextSibling.nodeName === 'BR' || + ! node.previousSibling || node.previousSibling.nodeName === 'BR' ) { + + editor.dom.remove( node ); + } + } ); + + // Pasted HTML is cleaned up for inserting in the caption. + pasteInCaption = true; + } + }); + + editor.on( 'BeforeExecCommand', function( event ) { + var node, p, DL, align, replacement, captionParent, + cmd = event.command, + dom = editor.dom; + + if ( cmd === 'mceInsertContent' || cmd === 'Indent' || cmd === 'Outdent' ) { + node = editor.selection.getNode(); + captionParent = dom.getParent( node, 'div.mceTemp' ); + + if ( captionParent ) { + if ( cmd === 'mceInsertContent' ) { + if ( pasteInCaption ) { + pasteInCaption = false; + // We are in the caption element, and in 'paste' context, + // and the pasted HTML was cleaned up on 'pastePostProcess' above. + // Let it be pasted in the caption. + return; + } + + // The paste is somewhere else in the caption DL element. + // Prevent pasting in there as it will break the caption. + // Make new paragraph under the caption DL and move the caret there. + p = dom.create( 'p' ); + dom.insertAfter( p, captionParent ); + editor.selection.setCursorLocation( p, 0 ); + + // If the image is selected and the user pastes "over" it, + // replace both the image and the caption elements with the pasted content. + // This matches the behavior when pasting over non-caption images. + if ( node.nodeName === 'IMG' ) { + editor.$( captionParent ).remove(); + } + + editor.nodeChanged(); + } else { + // Clicking Indent or Outdent while an image with a caption is selected breaks the caption. + // See #38313. + event.preventDefault(); + event.stopImmediatePropagation(); + return false; + } + } + } else if ( cmd === 'JustifyLeft' || cmd === 'JustifyRight' || cmd === 'JustifyCenter' || cmd === 'wpAlignNone' ) { + node = editor.selection.getNode(); + align = 'align' + cmd.slice( 7 ).toLowerCase(); + DL = editor.dom.getParent( node, '.wp-caption' ); + + if ( node.nodeName !== 'IMG' && ! DL ) { + return; + } + + node = DL || node; + + if ( editor.dom.hasClass( node, align ) ) { + replacement = ' alignnone'; + } else { + replacement = ' ' + align; + } + + node.className = trim( node.className.replace( / ?align(left|center|right|none)/g, '' ) + replacement ); + + editor.nodeChanged(); + event.preventDefault(); + + if ( toolbar ) { + toolbar.reposition(); + } + + editor.fire( 'ExecCommand', { + command: cmd, + ui: event.ui, + value: event.value + } ); + } + }); + + editor.on( 'keydown', function( event ) { + var node, wrap, P, spacer, + selection = editor.selection, + keyCode = event.keyCode, + dom = editor.dom, + VK = tinymce.util.VK; + + if ( keyCode === VK.ENTER ) { + // When pressing Enter inside a caption move the caret to a new parapraph under it + node = selection.getNode(); + wrap = dom.getParent( node, 'div.mceTemp' ); + + if ( wrap ) { + dom.events.cancel( event ); // Doesn't cancel all :( + + // Remove any extra dt and dd cleated on pressing Enter... + tinymce.each( dom.select( 'dt, dd', wrap ), function( element ) { + if ( dom.isEmpty( element ) ) { + dom.remove( element ); + } + }); + + spacer = tinymce.Env.ie && tinymce.Env.ie < 11 ? '' : '
'; + P = dom.create( 'p', null, spacer ); + + if ( node.nodeName === 'DD' ) { + dom.insertAfter( P, wrap ); + } else { + wrap.parentNode.insertBefore( P, wrap ); + } + + editor.nodeChanged(); + selection.setCursorLocation( P, 0 ); + } + } else if ( keyCode === VK.DELETE || keyCode === VK.BACKSPACE ) { + node = selection.getNode(); + + if ( node.nodeName === 'DIV' && dom.hasClass( node, 'mceTemp' ) ) { + wrap = node; + } else if ( node.nodeName === 'IMG' || node.nodeName === 'DT' || node.nodeName === 'A' ) { + wrap = dom.getParent( node, 'div.mceTemp' ); + } + + if ( wrap ) { + dom.events.cancel( event ); + removeImage( node ); + return false; + } + } + }); + + // After undo/redo FF seems to set the image height very slowly when it is set to 'auto' in the CSS. + // This causes image.getBoundingClientRect() to return wrong values and the resize handles are shown in wrong places. + // Collapse the selection to remove the resize handles. + if ( tinymce.Env.gecko ) { + editor.on( 'undo redo', function() { + if ( editor.selection.getNode().nodeName === 'IMG' ) { + editor.selection.collapse(); + } + }); + } + + editor.wpSetImgCaption = function( content ) { + return parseShortcode( content ); + }; + + editor.wpGetImgCaption = function( content ) { + return getShortcode( content ); + }; + + editor.on( 'beforeGetContent', function( event ) { + if ( event.format !== 'raw' ) { + editor.$( 'img[id="__wp-temp-img-id"]' ).removeAttr( 'id' ); + } + }); + + editor.on( 'BeforeSetContent', function( event ) { + if ( event.format !== 'raw' ) { + event.content = editor.wpSetImgCaption( event.content ); + } + }); + + editor.on( 'PostProcess', function( event ) { + if ( event.get ) { + event.content = editor.wpGetImgCaption( event.content ); + } + }); + + ( function() { + var wrap; + + editor.on( 'dragstart', function() { + var node = editor.selection.getNode(); + + if ( node.nodeName === 'IMG' ) { + wrap = editor.dom.getParent( node, '.mceTemp' ); + + if ( ! wrap && node.parentNode.nodeName === 'A' && ! hasTextContent( node.parentNode ) ) { + wrap = node.parentNode; + } + } + } ); + + editor.on( 'drop', function( event ) { + var dom = editor.dom, + rng = tinymce.dom.RangeUtils.getCaretRangeFromPoint( event.clientX, event.clientY, editor.getDoc() ); + + // Don't allow anything to be dropped in a captioned image. + if ( rng && dom.getParent( rng.startContainer, '.mceTemp' ) ) { + event.preventDefault(); + } else if ( wrap ) { + event.preventDefault(); + + editor.undoManager.transact( function() { + if ( rng ) { + editor.selection.setRng( rng ); + } + + editor.selection.setNode( wrap ); + dom.remove( wrap ); + } ); + } + + wrap = null; + } ); + } )(); + + // Add to editor.wp + editor.wp = editor.wp || {}; + editor.wp.isPlaceholder = isPlaceholder; + + // Back-compat. + return { + _do_shcode: parseShortcode, + _get_shcode: getShortcode + }; +}); diff --git a/srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.min.js b/srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.min.js new file mode 100644 index 0000000..75c2c39 --- /dev/null +++ b/srcs/wordpress/wp-includes/js/tinymce/plugins/wpeditimage/plugin.min.js @@ -0,0 +1 @@ +tinymce.PluginManager.add("wpeditimage",function(C){var l,y,n,s,a,e=tinymce.each,m=tinymce.trim,t=tinymce.Env.iOS;function i(e){return!(!C.dom.getAttrib(e,"data-mce-placeholder")&&!C.dom.getAttrib(e,"data-mce-object"))}function o(e){var t=C.$(e).parents("[contenteditable]");return t&&"false"===t.attr("contenteditable")}function r(e){return e.replace(/(?:

)?\[(?:wp_)?caption([^\]]+)\]([\s\S]+?)\[\/(?:wp_)?caption\](?:<\/p>)?/g,function(e,t,n){var a,i,o,r,c,d;return(a=t.match(/id=['"]([^'"]*)['"] ?/))&&(t=t.replace(a[0],"")),(i=t.match(/align=['"]([^'"]*)['"] ?/))&&(t=t.replace(i[0],"")),(o=t.match(/class=['"]([^'"]*)['"] ?/))&&(t=t.replace(o[0],"")),(d=t.match(/width=['"]([0-9]*)['"] ?/))&&(t=t.replace(d[0],"")),c=(c=(n=m(n)).match(/((?:]+>)?]+>(?:<\/a>)?)([\s\S]*)/i))&&c[2]?(r=m(c[2]),m(c[1])):(r=m(t).replace(/caption=['"]/,"").replace(/['"]$/,""),n),a=a&&a[1]?a[1].replace(/[<>&]+/g,""):"",i=i&&i[1]?i[1]:"alignnone",o=o&&o[1]?" "+o[1].replace(/[<>&]+/g,""):"",!d&&c&&(d=c.match(/width=['"]([0-9]*)['"]/)),d&&d[1]&&(d=d[1]),d&&r?(d=parseInt(d,10),C.getParam("wpeditimage_html5_captions")||(d+=10),'

'+c+'
'+r+"
"):n})}function c(e){return e.replace(/(?:
]+mceTemp[^>]+>)?\s*(
]+wp-caption[^>]+>[\s\S]+?<\/dl>)\s*(?:<\/div>)?/g,function(e,t){var n="";return-1===t.indexOf("")?t.replace(/]+)?>/g,"").replace(/<\/d[ldt]>/g,""):(-1===(n=t.replace(/\s*
]+)>\s*
]+>([\s\S]+?)<\/dt>\s*
]+>([\s\S]*?)<\/dd>\s*<\/dl>\s*/gi,function(e,t,n,a){var i,o,r,c;return c=(c=n.match(/width="([0-9]*)"/))&&c[1]?c[1]:"",r=(o=(o=t.match(/class="([^"]*)"/))&&o[1]?o[1]:"").match(/align[a-z]+/i)||"alignnone",c&&a?'[caption id="'+(i=(i=t.match(/id="([^"]*)"/))&&i[1]?i[1]:"")+'" align="'+r+'" width="'+c+'"'+(o=(o=o.replace(/wp-caption ?|align[a-z]+ ?/gi,""))&&' class="'+o+'"')+"]"+n+" "+(a=(a=a.replace(/\r\n|\r/g,"\n").replace(/<[a-zA-Z0-9]+( [^<>]+)?>/g,function(e){return e.replace(/[\r\n\t]+/," ")})).replace(/\s*\n\s*/g,"
"))+"[/caption]":("alignnone"!==r[0]&&(n=n.replace(/>]+>)?]+>(?:<\/a>)?)(

[\s\S]*<\/p>)?[\s\S]*/gi,"

$1

$2")),n)})}function A(e){return e&&!!(e.textContent||e.innerText).replace(/\ufeff/g,"")}function p(e){var t=C.dom.getParent(e,"div.mceTemp");t||"IMG"!==e.nodeName||(t=C.dom.getParent(e,"a")),t?(t.nextSibling?C.selection.select(t.nextSibling):t.previousSibling?C.selection.select(t.previousSibling):C.selection.select(t.parentNode),C.selection.collapse(!0),C.dom.remove(t)):C.dom.remove(e),C.nodeChanged(),C.undoManager.add()}return C.addButton("wp_img_remove",{tooltip:"Remove",icon:"dashicon dashicons-no",onclick:function(){p(C.selection.getNode())}}),C.addButton("wp_img_edit",{tooltip:"Edit|button",icon:"dashicon dashicons-edit",onclick:function(){!function(e){var t,n,a,i;if("undefined"==typeof wp||!wp.media)return C.execCommand("mceImage");a=function(e){var t,n,a,i,o,r,c,d,l=[],s=C.dom,m=/^\d+$/;(a={attachment_id:!1,size:"custom",caption:"",align:"none",extraClasses:"",link:!1,linkUrl:"",linkClassName:"",linkTargetBlank:!1,linkRel:"",title:""}).url=s.getAttrib(e,"src"),a.alt=s.getAttrib(e,"alt"),a.title=s.getAttrib(e,"title"),c=s.getAttrib(e,"width"),d=s.getAttrib(e,"height"),(!m.test(c)||parseInt(c,10)<1)&&(c=e.naturalWidth||e.width);(!m.test(d)||parseInt(d,10)<1)&&(d=e.naturalHeight||e.height);a.customWidth=a.width=c,a.customHeight=a.height=d,t=tinymce.explode(e.className," "),n=[],tinymce.each(t,function(e){/^wp-image/.test(e)?a.attachment_id=parseInt(e.replace("wp-image-",""),10):/^align/.test(e)?a.align=e.replace("align",""):/^size/.test(e)?a.size=e.replace("size-",""):n.push(e)}),a.extraClasses=n.join(" "),(i=s.getParents(e,".wp-caption")).length&&(i=i[0],t=i.className.split(" "),tinymce.each(t,function(e){/^align/.test(e)?a.align=e.replace("align",""):e&&"wp-caption"!==e&&l.push(e)}),a.captionClassName=l.join(" "),(o=s.select("dd.wp-caption-dd",i)).length&&(o=o[0],a.caption=C.serializer.serialize(o).replace(/]*>/g,"$&\n").replace(/^

/,"").replace(/<\/p>$/,"")));e.parentNode&&"A"===e.parentNode.nodeName&&(r=e.parentNode,a.linkUrl=s.getAttrib(r,"href"),a.linkTargetBlank="_blank"===s.getAttrib(r,"target"),a.linkRel=s.getAttrib(r,"rel"),a.linkClassName=r.className);return a}(e),C.$(e).attr("data-wp-editing",1),wp.media.events.trigger("editor:image-edit",{editor:C,metadata:a,image:e}),t=wp.media({frame:"image",state:"image-details",metadata:a}),wp.media.events.trigger("editor:frame-create",{frame:t}),n=function(e){C.undoManager.transact(function(){!function(e,t){var n,a,i,o,r,c,d,l,s,m,p,g,u,f,h,w,v,N,b,_=C.dom;if(!e||!e.length)return;l=e[0],(n=tinymce.explode(t.extraClasses," "))||(n=[]);t.caption||n.push("align"+t.align);t.attachment_id&&(n.push("wp-image-"+t.attachment_id),t.size&&"custom"!==t.size&&n.push("size-"+t.size));h=t.width,w=t.height,"custom"===t.size&&(h=t.customWidth,w=t.customHeight);u={src:t.url,width:h||null,height:w||null,title:t.title||null,class:n.join(" ")||null},_.setAttribs(l,u),e.attr("alt",t.alt||""),f={href:t.linkUrl,rel:t.linkRel||null,target:t.linkTargetBlank?"_blank":null,class:t.linkClassName||null},l.parentNode&&"A"===l.parentNode.nodeName&&!A(l.parentNode)?t.linkUrl?_.setAttribs(l.parentNode,f):_.remove(l.parentNode,!0):t.linkUrl&&((d=_.getParent(l,"a"))&&_.insertAfter(l,d),d=_.create("a",f),l.parentNode.insertBefore(d,l),d.appendChild(l));s=C.dom.getParent(l,".mceTemp"),i=l.parentNode&&"A"===l.parentNode.nodeName&&!A(l.parentNode)?l.parentNode:l;t.caption?(t.caption=function(e){if(!e||-1===e.indexOf("<")&&-1===e.indexOf(">"))return e;y=y||new tinymce.html.Serializer({},C.schema);return y.serialize(C.parser.parse(e,{forced_root_block:!1}))}(t.caption),g=t.attachment_id?"attachment_"+t.attachment_id:null,v="align"+(t.align||"none"),a="wp-caption "+v,t.captionClassName&&(a+=" "+t.captionClassName.replace(/[<>&]+/g,"")),C.getParam("wpeditimage_html5_captions")||(h=parseInt(h,10),h+=10),s?((p=_.select("dl.wp-caption",s)).length&&_.setAttribs(p,{id:g,class:a,style:"width: "+h+"px"}),(m=_.select(".wp-caption-dd",s)).length&&_.setHTML(m[0],t.caption)):(o="

'+t.caption+"
",c=_.create("div",{class:"mceTemp"},o),(r=_.getParent(i,"p"))?r.parentNode.insertBefore(c,r):i.parentNode.insertBefore(c,i),C.$(c).find("dt.wp-caption-dt").append(i),r&&_.isEmpty(r)&&_.remove(r))):s&&(r=_.create("p"),s.parentNode.insertBefore(r,s),r.appendChild(i),_.remove(s));e=C.$(l),N=e.attr("srcset"),b=e.attr("src"),N&&b&&(b=b.replace(/[?#].*/,""),-1===N.indexOf(b)&&e.attr("srcset",null).attr("sizes",null));wp.media.events&&wp.media.events.trigger("editor:image-update",{editor:C,metadata:t,image:l});C.nodeChanged()}(i,e)}),t.detach()},t.state("image-details").on("update",n),t.state("replace-image").on("replace",n),t.on("close",function(){C.focus(),t.detach(),(i=C.$("img[data-wp-editing]")).removeAttr("data-wp-editing")}),t.open()}(C.selection.getNode())}}),e({alignleft:"Align left",aligncenter:"Align center",alignright:"Align right",alignnone:"No alignment"},function(e,a){var t=a.slice(5);C.addButton("wp_img_"+a,{tooltip:e,icon:"dashicon dashicons-align-"+t,cmd:"alignnone"===a?"wpAlignNone":"Justify"+t.slice(0,1).toUpperCase()+t.slice(1),onPostRender:function(){var n=this;C.on("NodeChange",function(e){var t;"IMG"===e.element.nodeName&&(t=C.dom.getParent(e.element,".wp-caption")||e.element,"alignnone"===a?n.active(!/\balign(left|center|right)\b/.test(t.className)):n.active(C.dom.hasClass(t,a)))})}})}),C.once("preinit",function(){C.wp&&C.wp._createToolbar&&(l=C.wp._createToolbar(["wp_img_alignleft","wp_img_aligncenter","wp_img_alignright","wp_img_alignnone","wp_img_edit","wp_img_remove"]))}),C.on("wptoolbar",function(e){"IMG"!==e.element.nodeName||i(e.element)||(e.toolbar=l)}),t&&C.on("init",function(){C.on("touchstart",function(e){"IMG"!==e.target.nodeName||o(e.target)||(n=!0)}),C.dom.bind(C.getDoc(),"touchmove",function(){n=!1}),C.on("touchend",function(e){if(n&&"IMG"===e.target.nodeName&&!o(e.target)){var t=e.target;n=!1,window.setTimeout(function(){C.selection.select(t),C.nodeChanged()},100)}else l&&l.hide()})}),C.on("init",function(){var t=C.dom,e=C.getParam("wpeditimage_html5_captions")?"html5-captions":"html4-captions";t.addClass(C.getBody(),e),tinymce.Env.ie&&10',a=c.create("p",null,i),"DD"===t.nodeName?c.insertAfter(a,n):n.parentNode.insertBefore(a,n),C.nodeChanged(),o.setCursorLocation(a,0));else if((r===d.DELETE||r===d.BACKSPACE)&&("DIV"===(t=o.getNode()).nodeName&&c.hasClass(t,"mceTemp")?n=t:"IMG"!==t.nodeName&&"DT"!==t.nodeName&&"A"!==t.nodeName||(n=c.getParent(t,"div.mceTemp")),n))return c.events.cancel(e),p(t),!1}),tinymce.Env.gecko&&C.on("undo redo",function(){"IMG"===C.selection.getNode().nodeName&&C.selection.collapse()}),C.wpSetImgCaption=function(e){return r(e)},C.wpGetImgCaption=function(e){return c(e)},C.on("beforeGetContent",function(e){"raw"!==e.format&&C.$('img[id="__wp-temp-img-id"]').removeAttr("id")}),C.on("BeforeSetContent",function(e){"raw"!==e.format&&(e.content=C.wpSetImgCaption(e.content))}),C.on("PostProcess",function(e){e.get&&(e.content=C.wpGetImgCaption(e.content))}),C.on("dragstart",function(){var e=C.selection.getNode();"IMG"===e.nodeName&&((a=C.dom.getParent(e,".mceTemp"))||"A"!==e.parentNode.nodeName||A(e.parentNode)||(a=e.parentNode))}),C.on("drop",function(e){var t=C.dom,n=tinymce.dom.RangeUtils.getCaretRangeFromPoint(e.clientX,e.clientY,C.getDoc());n&&t.getParent(n.startContainer,".mceTemp")?e.preventDefault():a&&(e.preventDefault(),C.undoManager.transact(function(){n&&C.selection.setRng(n),C.selection.setNode(a),t.remove(a)})),a=null}),C.wp=C.wp||{},C.wp.isPlaceholder=i,{_do_shcode:r,_get_shcode:c}}); \ No newline at end of file -- cgit