Ticket #27679: 27679.diff

src/wp-admin/admin-ajax.php

@@ -58 +58 @@
         'wp-remove-post-lock', 'dismiss-wp-pointer', 'upload-attachment', 'get-attachment',
         'query-attachments', 'save-attachment', 'save-attachment-compat', 'send-link-to-editor',
         'send-attachment-to-editor', 'save-attachment-order', 'heartbeat', 'get-revision-diffs',
-        'save-user-color-scheme', 'update-widget',
+        'save-user-color-scheme', 'update-widget', 'parse-content'
 );
 
 // Register core Ajax calls.

src/wp-admin/includes/ajax-actions.php

@@ -2204 +2204 @@
         update_user_meta( get_current_user_id(), 'admin_color', $color_scheme );
         wp_send_json_success();
 }
+
+function wp_ajax_parse_content() {
+        global $post;
+
+        if ( ! $post = get_post( (int) $_REQUEST['post_ID'] ) ) {
+                wp_send_json_error();
+
+        if ( ! current_user_can( 'read_post', $post->ID ) )
+                wp_send_json_error();
+        }
+
+        setup_postdata( $post );
+
+        $content = wp_unslash( $_POST['oembed_content'] );
+        $parsed = apply_filters( 'the_content', $content );
+
+        wp_send_json( array( 'content' => $parsed ) );
+}
+ No newline at end of file

src/wp-includes/js/mce-view.js

@@ -673 +673 @@
                 View: wp.mce.media.PlaylistView
         } );
         wp.mce.views.register( 'playlist', wp.mce.playlist );
+
+        wp.mce.embed = {
+                toView:  function( content ) {
+                        var match = wp.shortcode.next( 'embed', content );
+
+                        if ( ! match ) {
+                                return;
+                        }
+                        return {
+                                index:   match.index,
+                                content: match.content,
+                                options: {
+                                        content: match.content,
+                                        shortcode: match.shortcode
+                                }
+                        };
+                },
+                View: wp.mce.View.extend({
+                        className: 'oembed-data',
+                        initialize: function( options ) {
+                                this.content = options.content;
+                                this.parsed = false;
+                                _.bindAll( this, 'setHtml', 'setNode', 'fetch' );
+                                $(this).on( 'ready', this.setNode );
+                        },
+
+                        setNode: function (e, node) {
+                                this.node = node;
+                                if ( ! this.parsed ) {
+                                        this.fetch();
+                                } else {
+                                        this.parseMediaShortcodes();
+                                }
+                        },
+
+                        fetch: function () {
+                                $.ajax( {
+                                        url : ajaxurl,
+                                        type : 'post',
+                                        data : {
+                                                action: 'parse-content',
+                                                post_ID: $( '#post_ID' ).val(),
+                                                oembed_content: this.content
+                                        }
+                                } ).done( this.setHtml );
+                        },
+
+                        setHtml: function (data) {
+                                this.parsed = data.content;
+                                $( this.node ).html( this.parsed );
+
+                                this.parseMediaShortcodes();
+                        },
+
+                        parseMediaShortcodes: function () {
+                                $( '.wp-audio-shortcode, .wp-video-shortcode', this.node ).mediaelementplayer();
+                        },
+
+                        getHtml: function() {
+                                if ( ! this.parsed ) {
+                                        return '';
+                                }
+                                return this.parsed;
+                        }
+                }),
+
+                edit: function() {}
+        };
+        wp.mce.views.register( 'embed', wp.mce.embed );
 }(jQuery));