Edit File by line

[500] Fix | Delete

/**

[501] Fix | Delete

* Sets the content in an iframe for all view nodes tied to this view instance.

[502] Fix | Delete

[503] Fix | Delete

* @param {string} head HTML string to be added to the head of the document.

[504] Fix | Delete

* @param {string} body HTML string to be added to the body of the document.

[505] Fix | Delete

* @param {Function} callback A callback. Optional.

[506] Fix | Delete

* @param {boolean} rendered Only set for (un)rendered nodes. Optional.

[507] Fix | Delete

[508] Fix | Delete

setIframes: function( head, body, callback, rendered ) {

[509] Fix | Delete

var self = this;

[510] Fix | Delete

[511] Fix | Delete

if ( body.indexOf( '[' ) !== -1 && body.indexOf( ']' ) !== -1 ) {

[512] Fix | Delete

var shortcodesRegExp = new RegExp( '\\[\\/?(?:' + window.mceViewL10n.shortcodes.join( '|' ) + ')[^\\]]*?\\]', 'g' );

[513] Fix | Delete

// Escape tags inside shortcode previews.

[514] Fix | Delete

body = body.replace( shortcodesRegExp, function( match ) {

[515] Fix | Delete

return match.replace( /</g, '<' ).replace( />/g, '>' );

[516] Fix | Delete

} );

[517] Fix | Delete

}

[518] Fix | Delete

[519] Fix | Delete

this.getNodes( function( editor, node ) {

[520] Fix | Delete

var dom = editor.dom,

[521] Fix | Delete

styles = '',

[522] Fix | Delete

bodyClasses = editor.getBody().className || '',

[523] Fix | Delete

editorHead = editor.getDoc().getElementsByTagName( 'head' )[0],

[524] Fix | Delete

iframe, iframeWin, iframeDoc, MutationObserver, observer, i, block;

[525] Fix | Delete

[526] Fix | Delete

tinymce.each( dom.$( 'link[rel="stylesheet"]', editorHead ), function( link ) {

[527] Fix | Delete

if ( link.href && link.href.indexOf( 'skins/lightgray/content.min.css' ) === -1 &&

[528] Fix | Delete

link.href.indexOf( 'skins/wordpress/wp-content.css' ) === -1 ) {

[529] Fix | Delete

[530] Fix | Delete

styles += dom.getOuterHTML( link );

[531] Fix | Delete

}

[532] Fix | Delete

} );

[533] Fix | Delete

[534] Fix | Delete

if ( self.iframeHeight ) {

[535] Fix | Delete

dom.add( node, 'span', {

[536] Fix | Delete

'data-mce-bogus': 1,

[537] Fix | Delete

style: {

[538] Fix | Delete

display: 'block',

[539] Fix | Delete

width: '100%',

[540] Fix | Delete

height: self.iframeHeight

[541] Fix | Delete

}

[542] Fix | Delete

}, '\u200B' );

[543] Fix | Delete

}

[544] Fix | Delete

[545] Fix | Delete

editor.undoManager.transact( function() {

[546] Fix | Delete

node.innerHTML = '';

[547] Fix | Delete

[548] Fix | Delete

iframe = dom.add( node, 'iframe', {

[549] Fix | Delete

/* jshint scripturl: true */

[550] Fix | Delete

src: tinymce.Env.ie ? 'javascript:""' : '',

[551] Fix | Delete

frameBorder: '0',

[552] Fix | Delete

allowTransparency: 'true',

[553] Fix | Delete

scrolling: 'no',

[554] Fix | Delete

'class': 'wpview-sandbox',

[555] Fix | Delete

style: {

[556] Fix | Delete

width: '100%',

[557] Fix | Delete

display: 'block'

[558] Fix | Delete

[559] Fix | Delete

height: self.iframeHeight

[560] Fix | Delete

} );

[561] Fix | Delete

[562] Fix | Delete

dom.add( node, 'span', { 'class': 'mce-shim' } );

[563] Fix | Delete

dom.add( node, 'span', { 'class': 'wpview-end' } );

[564] Fix | Delete

} );

[565] Fix | Delete

[566] Fix | Delete

[567] Fix | Delete

* Bail if the iframe node is not attached to the DOM.

[568] Fix | Delete

* Happens when the view is dragged in the editor.

[569] Fix | Delete

* There is a browser restriction when iframes are moved in the DOM. They get emptied.

[570] Fix | Delete

* The iframe will be rerendered after dropping the view node at the new location.

[571] Fix | Delete

[572] Fix | Delete

if ( ! iframe.contentWindow ) {

[573] Fix | Delete

return;

[574] Fix | Delete

}

[575] Fix | Delete

[576] Fix | Delete

iframeWin = iframe.contentWindow;

[577] Fix | Delete

iframeDoc = iframeWin.document;

[578] Fix | Delete

iframeDoc.open();

[579] Fix | Delete

[580] Fix | Delete

iframeDoc.write(

[581] Fix | Delete

'<!DOCTYPE html>' +

[582] Fix | Delete

'<html>' +

[583] Fix | Delete

'<head>' +

[584] Fix | Delete

'<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />' +

[585] Fix | Delete

head +

[586] Fix | Delete

styles +

[587] Fix | Delete

'<style>' +

[588] Fix | Delete

'html {' +

[589] Fix | Delete

'background: transparent;' +

[590] Fix | Delete

'padding: 0;' +

[591] Fix | Delete

'margin: 0;' +

[592] Fix | Delete

'}' +

[593] Fix | Delete

'body#wpview-iframe-sandbox {' +

[594] Fix | Delete

'background: transparent;' +

[595] Fix | Delete

'padding: 1px 0 !important;' +

[596] Fix | Delete

'margin: -1px 0 0 !important;' +

[597] Fix | Delete

'}' +

[598] Fix | Delete

'body#wpview-iframe-sandbox:before,' +

[599] Fix | Delete

'body#wpview-iframe-sandbox:after {' +

[600] Fix | Delete

'display: none;' +

[601] Fix | Delete

'content: "";' +

[602] Fix | Delete

'}' +

[603] Fix | Delete

'iframe {' +

[604] Fix | Delete

'max-width: 100%;' +

[605] Fix | Delete

'}' +

[606] Fix | Delete

'</style>' +

[607] Fix | Delete

'</head>' +

[608] Fix | Delete

'<body id="wpview-iframe-sandbox" class="' + bodyClasses + '">' +

[609] Fix | Delete

body +

[610] Fix | Delete

'</body>' +

[611] Fix | Delete

'</html>'

[612] Fix | Delete

);

[613] Fix | Delete

[614] Fix | Delete

iframeDoc.close();

[615] Fix | Delete

[616] Fix | Delete

function resize() {

[617] Fix | Delete

var $iframe;

[618] Fix | Delete

[619] Fix | Delete

if ( block ) {

[620] Fix | Delete

return;

[621] Fix | Delete

}

[622] Fix | Delete

[623] Fix | Delete

// Make sure the iframe still exists.

[624] Fix | Delete

if ( iframe.contentWindow ) {

[625] Fix | Delete

$iframe = $( iframe );

[626] Fix | Delete

self.iframeHeight = $( iframeDoc.body ).height();

[627] Fix | Delete

[628] Fix | Delete

if ( $iframe.height() !== self.iframeHeight ) {

[629] Fix | Delete

$iframe.height( self.iframeHeight );

[630] Fix | Delete

editor.nodeChanged();

[631] Fix | Delete

}

[632] Fix | Delete

}

[633] Fix | Delete

}

[634] Fix | Delete

[635] Fix | Delete

if ( self.iframeHeight ) {

[636] Fix | Delete

block = true;

[637] Fix | Delete

[638] Fix | Delete

setTimeout( function() {

[639] Fix | Delete

block = false;

[640] Fix | Delete

resize();

[641] Fix | Delete

}, 3000 );

[642] Fix | Delete

}

[643] Fix | Delete

[644] Fix | Delete

function addObserver() {

[645] Fix | Delete

observer = new MutationObserver( _.debounce( resize, 100 ) );

[646] Fix | Delete

[647] Fix | Delete

observer.observe( iframeDoc.body, {

[648] Fix | Delete

attributes: true,

[649] Fix | Delete

childList: true,

[650] Fix | Delete

subtree: true

[651] Fix | Delete

} );

[652] Fix | Delete

}

[653] Fix | Delete

[654] Fix | Delete

$( iframeWin ).on( 'load', resize );

[655] Fix | Delete

[656] Fix | Delete

MutationObserver = iframeWin.MutationObserver || iframeWin.WebKitMutationObserver || iframeWin.MozMutationObserver;

[657] Fix | Delete

[658] Fix | Delete

if ( MutationObserver ) {

[659] Fix | Delete

if ( ! iframeDoc.body ) {

[660] Fix | Delete

iframeDoc.addEventListener( 'DOMContentLoaded', addObserver, false );

[661] Fix | Delete

} else {

[662] Fix | Delete

addObserver();

[663] Fix | Delete

}

[664] Fix | Delete

} else {

[665] Fix | Delete

for ( i = 1; i < 6; i++ ) {

[666] Fix | Delete

setTimeout( resize, i * 700 );

[667] Fix | Delete

}

[668] Fix | Delete

}

[669] Fix | Delete

[670] Fix | Delete

callback && callback.call( self, editor, node );

[671] Fix | Delete

}, rendered );

[672] Fix | Delete

[673] Fix | Delete

[674] Fix | Delete

/**

[675] Fix | Delete

* Sets a loader for all view nodes tied to this view instance.

[676] Fix | Delete

[677] Fix | Delete

setLoader: function( dashicon ) {

[678] Fix | Delete

this.setContent(

[679] Fix | Delete

'<div class="loading-placeholder">' +

[680] Fix | Delete

'<div class="dashicons dashicons-' + ( dashicon || 'admin-media' ) + '"></div>' +

[681] Fix | Delete

'<div class="wpview-loading"><ins></ins></div>' +

[682] Fix | Delete

'</div>'

[683] Fix | Delete

);

[684] Fix | Delete

[685] Fix | Delete

[686] Fix | Delete

/**

[687] Fix | Delete

* Sets an error for all view nodes tied to this view instance.

[688] Fix | Delete

[689] Fix | Delete

* @param {string} message The error message to set.

[690] Fix | Delete

* @param {string} dashicon A dashicon ID. Optional. {@link https://developer.wordpress.org/resource/dashicons/}

[691] Fix | Delete

[692] Fix | Delete

setError: function( message, dashicon ) {

[693] Fix | Delete

this.setContent(

[694] Fix | Delete

'<div class="wpview-error">' +

[695] Fix | Delete

'<div class="dashicons dashicons-' + ( dashicon || 'no' ) + '"></div>' +

[696] Fix | Delete

'<p>' + message + '</p>' +

[697] Fix | Delete

'</div>'

[698] Fix | Delete

);

[699] Fix | Delete

[700] Fix | Delete

[701] Fix | Delete

/**

[702] Fix | Delete

* Tries to find a text match in a given string.

[703] Fix | Delete

[704] Fix | Delete

* @param {string} content The string to scan.

[705] Fix | Delete

[706] Fix | Delete

* @return {Object}

[707] Fix | Delete

[708] Fix | Delete

match: function( content ) {

[709] Fix | Delete

var match = shortcode.next( this.type, content );

[710] Fix | Delete

[711] Fix | Delete

if ( match ) {

[712] Fix | Delete

return {

[713] Fix | Delete

index: match.index,

[714] Fix | Delete

content: match.content,

[715] Fix | Delete

options: {

[716] Fix | Delete

shortcode: match.shortcode

[717] Fix | Delete

}

[718] Fix | Delete

};

[719] Fix | Delete

}

[720] Fix | Delete

[721] Fix | Delete

[722] Fix | Delete

/**

[723] Fix | Delete

* Update the text of a given view node.

[724] Fix | Delete

[725] Fix | Delete

* @param {string} text The new text.

[726] Fix | Delete

* @param {tinymce.Editor} editor The TinyMCE editor instance the view node is in.

[727] Fix | Delete

* @param {HTMLElement} node The view node to update.

[728] Fix | Delete

* @param {boolean} force Recreate the instance. Optional.

[729] Fix | Delete

[730] Fix | Delete

update: function( text, editor, node, force ) {

[731] Fix | Delete

_.find( views, function( view, type ) {

[732] Fix | Delete

var match = view.prototype.match( text );

[733] Fix | Delete

[734] Fix | Delete

if ( match ) {

[735] Fix | Delete

$( node ).data( 'rendered', false );

[736] Fix | Delete

editor.dom.setAttrib( node, 'data-wpview-text', encodeURIComponent( text ) );

[737] Fix | Delete

wp.mce.views.createInstance( type, text, match.options, force ).render();

[738] Fix | Delete

[739] Fix | Delete

editor.selection.select( node );

[740] Fix | Delete

editor.nodeChanged();

[741] Fix | Delete

editor.focus();

[742] Fix | Delete

[743] Fix | Delete

return true;

[744] Fix | Delete

}

[745] Fix | Delete

} );

[746] Fix | Delete

[747] Fix | Delete

[748] Fix | Delete

/**

[749] Fix | Delete

* Remove a given view node from the DOM.

[750] Fix | Delete

[751] Fix | Delete

* @param {tinymce.Editor} editor The TinyMCE editor instance the view node is in.

[752] Fix | Delete

* @param {HTMLElement} node The view node to remove.

[753] Fix | Delete

[754] Fix | Delete

remove: function( editor, node ) {

[755] Fix | Delete

this.unbindNode.call( this, editor, node );

[756] Fix | Delete

editor.dom.remove( node );

[757] Fix | Delete

editor.focus();

[758] Fix | Delete

}

[759] Fix | Delete

} );

[760] Fix | Delete

} )( window, window.wp, window.wp.shortcode, window.jQuery );

[761] Fix | Delete

[762] Fix | Delete

[763] Fix | Delete

* The WordPress core TinyMCE views.

[764] Fix | Delete

* Views for the gallery, audio, video, playlist and embed shortcodes,

[765] Fix | Delete

* and a view for embeddable URLs.

[766] Fix | Delete

[767] Fix | Delete

( function( window, views, media, $ ) {

[768] Fix | Delete

var base, gallery, av, embed,

[769] Fix | Delete

schema, parser, serializer;

[770] Fix | Delete

[771] Fix | Delete

function verifyHTML( string ) {

[772] Fix | Delete

var settings = {};

[773] Fix | Delete

[774] Fix | Delete

if ( ! window.tinymce ) {

[775] Fix | Delete

return string.replace( /<[^>]+>/g, '' );

[776] Fix | Delete

}

[777] Fix | Delete

[778] Fix | Delete

if ( ! string || ( string.indexOf( '<' ) === -1 && string.indexOf( '>' ) === -1 ) ) {

[779] Fix | Delete

return string;

[780] Fix | Delete

}

[781] Fix | Delete

[782] Fix | Delete

schema = schema || new window.tinymce.html.Schema( settings );

[783] Fix | Delete

parser = parser || new window.tinymce.html.DomParser( settings, schema );

[784] Fix | Delete

serializer = serializer || new window.tinymce.html.Serializer( settings, schema );

[785] Fix | Delete

[786] Fix | Delete

return serializer.serialize( parser.parse( string, { forced_root_block: false } ) );

[787] Fix | Delete

}

[788] Fix | Delete

[789] Fix | Delete

base = {

[790] Fix | Delete

state: [],

[791] Fix | Delete

[792] Fix | Delete

edit: function( text, update ) {

[793] Fix | Delete

var type = this.type,

[794] Fix | Delete

frame = media[ type ].edit( text );

[795] Fix | Delete

[796] Fix | Delete

this.pausePlayers && this.pausePlayers();

[797] Fix | Delete

[798] Fix | Delete

_.each( this.state, function( state ) {

[799] Fix | Delete

frame.state( state ).on( 'update', function( selection ) {

[800] Fix | Delete

update( media[ type ].shortcode( selection ).string(), type === 'gallery' );

[801] Fix | Delete

} );

[802] Fix | Delete

} );

[803] Fix | Delete

[804] Fix | Delete

frame.on( 'close', function() {

[805] Fix | Delete

frame.detach();

[806] Fix | Delete

} );

[807] Fix | Delete

[808] Fix | Delete

frame.open();

[809] Fix | Delete

}

[810] Fix | Delete

};

[811] Fix | Delete

[812] Fix | Delete

gallery = _.extend( {}, base, {

[813] Fix | Delete

state: [ 'gallery-edit' ],

[814] Fix | Delete

template: media.template( 'editor-gallery' ),

[815] Fix | Delete

[816] Fix | Delete

initialize: function() {

[817] Fix | Delete

var attachments = media.gallery.attachments( this.shortcode, media.view.settings.post.id ),

[818] Fix | Delete

attrs = this.shortcode.attrs.named,

[819] Fix | Delete

self = this;

[820] Fix | Delete

[821] Fix | Delete

attachments.more()

[822] Fix | Delete

.done( function() {

[823] Fix | Delete

attachments = attachments.toJSON();

[824] Fix | Delete

[825] Fix | Delete

_.each( attachments, function( attachment ) {

[826] Fix | Delete

if ( attachment.sizes ) {

[827] Fix | Delete

if ( attrs.size && attachment.sizes[ attrs.size ] ) {

[828] Fix | Delete

attachment.thumbnail = attachment.sizes[ attrs.size ];

[829] Fix | Delete

} else if ( attachment.sizes.thumbnail ) {

[830] Fix | Delete

attachment.thumbnail = attachment.sizes.thumbnail;

[831] Fix | Delete

} else if ( attachment.sizes.full ) {

[832] Fix | Delete

attachment.thumbnail = attachment.sizes.full;

[833] Fix | Delete

}

[834] Fix | Delete

}

[835] Fix | Delete

} );

[836] Fix | Delete

[837] Fix | Delete

self.render( self.template( {

[838] Fix | Delete

verifyHTML: verifyHTML,

[839] Fix | Delete

attachments: attachments,

[840] Fix | Delete

columns: attrs.columns ? parseInt( attrs.columns, 10 ) : media.galleryDefaults.columns

[841] Fix | Delete

} ) );

[842] Fix | Delete

} )

[843] Fix | Delete

.fail( function( jqXHR, textStatus ) {

[844] Fix | Delete

self.setError( textStatus );

[845] Fix | Delete

} );

[846] Fix | Delete

}

[847] Fix | Delete

} );

[848] Fix | Delete

[849] Fix | Delete

av = _.extend( {}, base, {

[850] Fix | Delete

action: 'parse-media-shortcode',

[851] Fix | Delete

[852] Fix | Delete

initialize: function() {

[853] Fix | Delete

var self = this, maxwidth = null;

[854] Fix | Delete

[855] Fix | Delete

if ( this.url ) {

[856] Fix | Delete

this.loader = false;

[857] Fix | Delete

this.shortcode = media.embed.shortcode( {

[858] Fix | Delete

url: this.text

[859] Fix | Delete

} );

[860] Fix | Delete

}

[861] Fix | Delete

[862] Fix | Delete

// Obtain the target width for the embed.

[863] Fix | Delete

if ( self.editor ) {

[864] Fix | Delete

maxwidth = self.editor.getBody().clientWidth;

[865] Fix | Delete

}

[866] Fix | Delete

[867] Fix | Delete

wp.ajax.post( this.action, {

[868] Fix | Delete

post_ID: media.view.settings.post.id,

[869] Fix | Delete

type: this.shortcode.tag,

[870] Fix | Delete

shortcode: this.shortcode.string(),

[871] Fix | Delete

maxwidth: maxwidth

[872] Fix | Delete

} )

[873] Fix | Delete

.done( function( response ) {

[874] Fix | Delete

self.render( response );

[875] Fix | Delete

} )

[876] Fix | Delete

.fail( function( response ) {

[877] Fix | Delete

if ( self.url ) {

[878] Fix | Delete

self.ignore = true;

[879] Fix | Delete

self.removeMarkers();

[880] Fix | Delete

} else {

[881] Fix | Delete

self.setError( response.message || response.statusText, 'admin-media' );

[882] Fix | Delete

}

[883] Fix | Delete

} );

[884] Fix | Delete

[885] Fix | Delete

this.getEditors( function( editor ) {

[886] Fix | Delete

editor.on( 'wpview-selected', function() {

[887] Fix | Delete

self.pausePlayers();

[888] Fix | Delete

} );

[889] Fix | Delete

} );

[890] Fix | Delete

[891] Fix | Delete

[892] Fix | Delete

pausePlayers: function() {

[893] Fix | Delete

this.getNodes( function( editor, node, content ) {

[894] Fix | Delete

var win = $( 'iframe.wpview-sandbox', content ).get( 0 );

[895] Fix | Delete

[896] Fix | Delete

if ( win && ( win = win.contentWindow ) && win.mejs ) {

[897] Fix | Delete

_.each( win.mejs.players, function( player ) {

[898] Fix | Delete

try {

[899] Fix | Delete

player.pause();

[900] Fix | Delete

} catch ( e ) {}

[901] Fix | Delete

} );

[902] Fix | Delete

}

[903] Fix | Delete

} );

[904] Fix | Delete

}

[905] Fix | Delete

} );

[906] Fix | Delete

[907] Fix | Delete

embed = _.extend( {}, av, {

[908] Fix | Delete

action: 'parse-embed',

[909] Fix | Delete

[910] Fix | Delete

edit: function( text, update ) {

[911] Fix | Delete

var frame = media.embed.edit( text, this.url ),

[912] Fix | Delete

self = this;

[913] Fix | Delete

[914] Fix | Delete

this.pausePlayers();

[915] Fix | Delete

[916] Fix | Delete

frame.state( 'embed' ).props.on( 'change:url', function( model, url ) {

[917] Fix | Delete

if ( url && model.get( 'url' ) ) {

[918] Fix | Delete

frame.state( 'embed' ).metadata = model.toJSON();

[919] Fix | Delete

}

[920] Fix | Delete

} );

[921] Fix | Delete

[922] Fix | Delete

frame.state( 'embed' ).on( 'select', function() {

[923] Fix | Delete

var data = frame.state( 'embed' ).metadata;

[924] Fix | Delete

[925] Fix | Delete

if ( self.url ) {

[926] Fix | Delete

update( data.url );

[927] Fix | Delete

} else {

[928] Fix | Delete

update( media.embed.shortcode( data ).string() );

[929] Fix | Delete

}

[930] Fix | Delete

} );

[931] Fix | Delete

[932] Fix | Delete

frame.on( 'close', function() {

[933] Fix | Delete

frame.detach();

[934] Fix | Delete

} );

[935] Fix | Delete

[936] Fix | Delete

frame.open();

[937] Fix | Delete

}

[938] Fix | Delete

} );

[939] Fix | Delete

[940] Fix | Delete

views.register( 'gallery', _.extend( {}, gallery ) );

[941] Fix | Delete

[942] Fix | Delete

views.register( 'audio', _.extend( {}, av, {

[943] Fix | Delete

state: [ 'audio-details' ]

[944] Fix | Delete

} ) );

[945] Fix | Delete

[946] Fix | Delete

views.register( 'video', _.extend( {}, av, {

[947] Fix | Delete

state: [ 'video-details' ]

[948] Fix | Delete

} ) );

[949] Fix | Delete

[950] Fix | Delete

views.register( 'playlist', _.extend( {}, av, {

[951] Fix | Delete

state: [ 'playlist-edit', 'video-playlist-edit' ]

[952] Fix | Delete

} ) );

[953] Fix | Delete

[954] Fix | Delete

views.register( 'embed', _.extend( {}, embed ) );

[955] Fix | Delete

[956] Fix | Delete

views.register( 'embedURL', _.extend( {}, embed, {

[957] Fix | Delete

match: function( content ) {

[958] Fix | Delete

// There may be a "bookmark" node next to the URL...

[959] Fix | Delete

var re = /(^|<p>(?:<span data-mce-type="bookmark"[^>]+>\s*<\/span>)?)(https?:\/\/[^\s"]+?)((?:<span data-mce-type="bookmark"[^>]+>\s*<\/span>)?<\/p>\s*|$)/gi;

[960] Fix | Delete

var match = re.exec( content );

[961] Fix | Delete

[962] Fix | Delete

if ( match ) {

[963] Fix | Delete

return {

[964] Fix | Delete

index: match.index + match[1].length,

[965] Fix | Delete

content: match[2],

[966] Fix | Delete

options: {

[967] Fix | Delete

url: true

[968] Fix | Delete

}

[969] Fix | Delete

};

[970] Fix | Delete

}

[971] Fix | Delete

}

[972] Fix | Delete

} ) );

[973] Fix | Delete

} )( window, window.wp.mce.views, window.wp.media, window.jQuery );

[974] Fix | Delete

[975] Fix | Delete