Changeset 31919

Timestamp:

03/29/2015 03:13:45 AM (11 years ago)

Author:

azaozz

Message:

Press This:

• When saving, replace emoji images with chars in the title text.
• Clean up the title text on paste.

See #31768.

File:

• trunk/src/wp-admin/js/press-this.js (modified) (3 diffs)

trunk/src/wp-admin/js/press-this.js

@@ -119 +119 @@
 
                 /**
+                 * Replace emoji images with chars and sanitize the text content.
+                 */
+                function getTitleText() {
+                        var $element = $( '#title-container' );
+
+                        $element.find( 'img.emoji' ).each( function() {
+                                var $image = $( this );
+                                $image.replaceWith( $( '<span>' ).text( $image.attr( 'alt' ) ) );
+                        });
+
+                        return sanitizeText( $element.text() );
+                }
+
+                /**
                  * Prepare the form data for saving.
                  */
@@ -127 +141 @@
                         editor && editor.save();
 
-                        $( '#post_title' ).val( sanitizeText( $( '#title-container' ).text() ) );
+                        $( '#post_title' ).val( getTitleText() );
 
                         // Make sure to flush out the tags with tagBox before saving
@@ -503 +517 @@
                  */
                 function monitorPlaceholder() {
-                        var $titleField = $( '#title-container'),
-                                $placeholder = $('.post-title-placeholder');
+                        var $titleField = $( '#title-container' ),
+                                $placeholder = $( '.post-title-placeholder' );
 
                         $titleField.on( 'focus', function() {
-                                $placeholder.addClass('is-hidden');
+                                $placeholder.addClass( 'is-hidden' );
                         }).on( 'blur', function() {
-                                if ( ! $titleField.text() ) {
-                                        $placeholder.removeClass('is-hidden');
-                                }
+                                if ( ! $titleField.text() && ! $titleField.html() ) {
+                                        $placeholder.removeClass( 'is-hidden' );
+                                }
+                        }).on( 'keyup', function() {
+                                saveAlert = true;
+                        }).on( 'paste', function() {
+                                saveAlert = true;
+
+                                setTimeout( function() {
+                                        $titleField.text( getTitleText() );
+                                }, 100 );
                         });
 
-                        if ( $titleField.text() ) {
+                        if ( $titleField.text() || $titleField.html() ) {
                                 $placeholder.addClass('is-hidden');
                         }