Ticket #31669: 31669.11.patch
File 31669.11.patch, 8.6 KB (added by , 10 years ago) |
---|
-
src/wp-includes/js/mce-view.js
87 87 * and creates a new instance for every match. 88 88 * 89 89 * @param {String} content The string to scan. 90 * 91 * @return {String} The string with markers. 90 92 */ 91 93 setMarkers: function( content ) { 92 94 var pieces = [ { content: content } ], … … 298 300 /** 299 301 * Renders all view nodes tied to this view instance that are not yet rendered. 300 302 * 303 * @param {String} content The content to render. Optional. 301 304 * @param {Boolean} force Rerender all view nodes tied to this view instance. 302 305 */ 303 render: function( force ) { 306 render: function( content, force ) { 307 if ( content != null ) { 308 this.content = content; 309 } 310 311 content = this.getContent(); 312 304 313 // If there's nothing to render an no loader needs to be shown, stop. 305 if ( ! this.loader && ! this.getContent()) {314 if ( ! this.loader && ! content ) { 306 315 return; 307 316 } 308 317 … … 312 321 // Replace any left over markers. 313 322 this.replaceMarkers(); 314 323 315 if ( this.getContent() ) { 316 this.setContent( this.getContent(), function( editor, node ) { 317 $( node ).data( 'rendered', true ).trigger( 'wp-mce-view-bind' ); 324 if ( content ) { 325 this.setContent( content, function( editor, node ) { 326 $( node ).data( 'rendered', true ); 327 this.bindNode.apply( this, arguments ); 318 328 }, force ? null : false ); 319 329 } else { 320 330 this.setLoader(); … … 322 332 }, 323 333 324 334 /** 335 * Binds a given node after its content is added to the DOM. 336 */ 337 bindNode: function() {}, 338 339 /** 340 * Unbinds a given node before its content is removed from the DOM. 341 */ 342 unbindNode: function() {}, 343 344 /** 325 345 * Unbinds all view nodes tied to this view instance. 326 346 * Runs before their content is removed from the DOM. 327 347 */ 328 348 unbind: function() { 329 349 this.getNodes( function( editor, node ) { 350 this.unbindNode.apply( this, arguments ); 330 351 $( node ).trigger( 'wp-mce-view-unbind' ); 331 352 }, true ); 332 353 }, … … 461 482 * @param {Boolean} rendered Only set for (un)rendered nodes. Optional. 462 483 */ 463 484 setIframes: function( head, body, callback, rendered ) { 464 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; 485 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver, 486 self = this; 465 487 466 488 this.getNodes( function( editor, node, content ) { 467 // Seems Firefox needs a bit of time to insert/set the view nodes, 468 // or the iframe will fail especially when switching Text => Visual. 469 setTimeout( function() { 470 var dom = editor.dom, 471 styles = '', 472 bodyClasses = editor.getBody().className || '', 473 iframe, iframeDoc, observer, i; 489 var dom = editor.dom, 490 head = editor.getDoc().getElementsByTagName( 'head' )[0], 491 styles = '', 492 bodyClasses = editor.getBody().className || '', 493 iframe, iframeDoc, observer, i; 474 494 475 tinymce.each( dom.$( 476 'link[rel="stylesheet"]', 477 editor.getDoc().getElementsByTagName( 'head' )[0] 478 ), function( link ) { 479 if ( 480 link.href && 481 link.href.indexOf( 'skins/lightgray/content.min.css' ) === -1 && 482 link.href.indexOf( 'skins/wordpress/wp-content.css' ) === -1 483 ) { 484 styles += dom.getOuterHTML( link ); 485 } 486 } ); 495 tinymce.each( dom.$( 'link[rel="stylesheet"]', head ), function( link ) { 496 if ( link.href && link.href.indexOf( 'skins/lightgray/content.min.css' ) === -1 && 497 link.href.indexOf( 'skins/wordpress/wp-content.css' ) === -1 ) { 487 498 488 content.innerHTML = ''; 499 styles += dom.getOuterHTML( link ); 500 } 501 } ); 489 502 503 content.innerHTML = ''; 504 505 // Seems the browsers need a bit of time to insert/set the view nodes, 506 // or the iframe will fail especially when switching Text => Visual. 507 setTimeout( function() { 490 508 iframe = dom.add( content, 'iframe', { 491 509 /* jshint scripturl: true */ 492 510 src: tinymce.Env.ie ? 'javascript:""' : '', … … 582 600 editor.off( 'wp-body-class-change', classChange ); 583 601 } ); 584 602 585 callback && callback.apply( this, arguments );603 callback && callback.apply( self, arguments ); 586 604 }, 50 ); 587 605 }, rendered ); 588 606 }, … … 663 681 * @param {HTMLElement} node The view node to remove. 664 682 */ 665 683 remove: function( editor, node ) { 684 this.unbindNode.call( this, editor, node, $( node ).find( '.wpview-content' ).get( 0 ) ); 666 685 $( node ).trigger( 'wp-mce-view-unbind' ); 667 686 editor.dom.remove( node ); 668 687 } … … 726 745 } 727 746 } ); 728 747 729 self. content =self.template( {748 self.render( self.template( { 730 749 attachments: attachments, 731 750 columns: attrs.columns ? parseInt( attrs.columns, 10 ) : wp.media.galleryDefaults.columns 732 } ); 733 734 self.render(); 751 } ) ); 735 752 } ) 736 753 .fail( function( jqXHR, textStatus ) { 737 754 self.setError( textStatus ); … … 752 769 } ); 753 770 } 754 771 755 wp.ajax.send( this.action, { 756 data: { 757 post_ID: postID, 758 type: this.shortcode.tag, 759 shortcode: this.shortcode.string() 760 } 772 wp.ajax.post( this.action, { 773 post_ID: postID, 774 type: this.shortcode.tag, 775 shortcode: this.shortcode.string() 761 776 } ) 762 777 .done( function( response ) { 763 self.content = response; 764 self.render(); 778 self.render( response ); 765 779 } ) 766 780 .fail( function( response ) { 767 781 if ( self.url ) { -
src/wp-includes/js/tinymce/plugins/wpview/plugin.js
4 4 * WordPress View plugin. 5 5 */ 6 6 tinymce.PluginManager.add( 'wpview', function( editor ) { 7 var selected, 7 var $ = editor.$, 8 selected, 8 9 Env = tinymce.Env, 9 10 VK = tinymce.util.VK, 10 11 TreeWalker = tinymce.dom.TreeWalker, … … 153 154 154 155 // Remove the content of view wrappers from HTML string 155 156 function emptyViews( content ) { 156 return content.replace(/<div[^>]+data-wpview-text=\"([^"]+)"[^>]*>[\s\S]+?wpview-selection-after[^>]+>(?: |\u00a0)*<\/p><\/div>/g, '$1' ); 157 content = content.replace( /<div[^>]+data-wpview-text="([^"]+)"[^>]*>[\s\S]+?wpview-selection-after[^>]+>[^<>]*<\/p>\s*<\/div>/g, function( all, match ) { 158 return '<p>' + window.decodeURIComponent( match ) + '</p>'; 159 }); 160 161 return content.replace( / data-wpview-marker="[^"]+"/g, '' ); 157 162 } 158 163 159 164 // Prevent adding undo levels on changes inside a view wrapper 160 165 editor.on( 'BeforeAddUndo', function( event ) { 161 if ( event.l astLevel && emptyViews( event.level.content ) === emptyViews( event.lastLevel.content )) {162 event. preventDefault();166 if ( event.level.content ) { 167 event.level.content = emptyViews( event.level.content ); 163 168 } 164 169 }); 165 170 … … 169 174 editor.on( 'BeforeSetContent', function( event ) { 170 175 var node; 171 176 177 if ( ! event.selection ) { 178 wp.mce.views.unbind(); 179 } 180 172 181 if ( ! event.content ) { 173 182 return; 174 183 } … … 335 344 } 336 345 }); 337 346 338 editor.on( 'PreProcess', function( event ) { 339 // Empty the wpview wrap nodes 340 tinymce.each( editor.dom.select( 'div[data-wpview-text]', event.node ), function( node ) { 341 node.textContent = node.innerText = '\u00a0'; 347 function resetViews( rootNode ) { 348 // Replace view nodes 349 $( 'div[data-wpview-text]', rootNode ).each( function( i, node ) { 350 var $node = $( node ), 351 text = window.decodeURIComponent( $node.attr( 'data-wpview-text' ) || '' ); 352 353 if ( text && node.parentNode ) { 354 $node.replaceWith( $( editor.dom.create('p') ).text( text ) ); 355 } 342 356 }); 343 });344 357 345 editor.on( 'PostProcess', function( event ) { 346 if ( event.content ) { 347 event.content = event.content.replace( /<div [^>]*?data-wpview-text="([^"]*)"[^>]*>[\s\S]*?<\/div>/g, function( match, shortcode ) { 348 if ( shortcode ) { 349 return '<p>' + window.decodeURIComponent( shortcode ) + '</p>'; 350 } 351 return ''; // If error, remove the view wrapper 352 }); 353 } 358 // Remove marker attributes 359 $( 'p[data-wpview-marker]', rootNode ).attr( 'data-wpview-marker', null ); 360 } 361 362 editor.on( 'PreProcess', function( event ) { 363 // Replace the view nodes with their text in the DOM clone. 364 resetViews( event.node ); 365 }, true ); 366 367 editor.on( 'hide', function() { 368 // Replace the view nodes with their text directly in the editor body. 369 wp.mce.views.unbind(); 370 resetViews( editor.getBody() ); 354 371 }); 355 372 356 373 // Excludes arrow keys, delete, backspace, enter, space bar.