WordPress 4.2

[autoinstalls/wordpress.git] / wp-includes / js / tinymce / plugins / wpemoji / plugin.js

diff --git a/wp-includes/js/tinymce/plugins/wpemoji/plugin.js b/wp-includes/js/tinymce/plugins/wpemoji/plugin.js
new file mode 100644 (file)
index 0000000..e197187
--- /dev/null
+++ b/wp-includes/js/tinymce/plugins/wpemoji/plugin.js
@@ -0,0 +1,128 @@
+( function( tinymce, wp ) {
+       tinymce.PluginManager.add( 'wpemoji', function( editor ) {
+               var typing,
+                       env = tinymce.Env,
+                       ua = window.navigator.userAgent,
+                       isWin = ua.indexOf( 'Windows' ) > -1,
+                       isWin8 = ( function() {
+                               var match = ua.match( /Windows NT 6\.(\d)/ );
+
+                               if ( match && match[1] > 1 ) {
+                                       return true;
+                               }
+
+                               return false;
+                       }());
+
+               if ( ! wp || ! wp.emoji || ! wp.emoji.replaceEmoji ) {
+                       return;
+               }
+
+               function setImgAttr( image ) {
+                       image.className = 'emoji';
+                       image.setAttribute( 'data-mce-resize', 'false' );
+                       image.setAttribute( 'data-mce-placeholder', '1' );
+                       image.setAttribute( 'data-wp-emoji', '1' );
+               }
+
+               function replaceEmoji( node ) {
+                       var imgAttr = {
+                               'data-mce-resize': 'false',
+                               'data-mce-placeholder': '1',
+                               'data-wp-emoji': '1'
+                       };
+
+                       wp.emoji.parse( node, { imgAttr: imgAttr } );
+               }
+
+               // Test if the node text contains emoji char(s) and replace.
+               function parseNode( node ) {
+                       var selection, bookmark;
+
+                       if ( node && window.twemoji && window.twemoji.test( node.textContent || node.innerText ) ) {
+                               if ( env.webkit ) {
+                                       selection = editor.selection;
+                                       bookmark = selection.getBookmark();
+                               }
+
+                               replaceEmoji( node );
+
+                               if ( env.webkit ) {
+                                       selection.moveToBookmark( bookmark );
+                               }
+                       }
+               }
+
+               if ( isWin8 ) {
+                       // Windows 8+ emoji can be "typed" with the onscreen keyboard.
+                       // That triggers the normal keyboard events, but not the 'input' event.
+                       // Thankfully it sets keyCode 231 when the onscreen keyboard inserts any emoji.
+                       editor.on( 'keyup', function( event ) {
+                               if ( event.keyCode === 231 ) {
+                                       parseNode( editor.selection.getNode() );
+                               }
+                       } );
+               } else if ( ! isWin ) {
+                       // In MacOS inserting emoji doesn't trigger the stanradr keyboard events.
+                       // Thankfully it triggers the 'input' event.
+                       // This works in Android and iOS as well.
+                       editor.on( 'keydown keyup', function( event ) {
+                               typing = ( event.type === 'keydown' );
+                       } );
+
+                       editor.on( 'input', function() {
+                               if ( typing ) {
+                                       return;
+                               }
+
+                               parseNode( editor.selection.getNode() );
+                       });
+               }
+
+               editor.on( 'setcontent', function( event ) {
+                       var selection = editor.selection,
+                               node = selection.getNode();
+
+                       if ( window.twemoji && window.twemoji.test( node.textContent || node.innerText ) ) {
+                               replaceEmoji( node );
+
+                               // In IE all content in the editor is left selected after wp.emoji.parse()...
+                               // Collapse the selection to the beginning.
+                               if ( env.ie && env.ie < 9 && event.load && node && node.nodeName === 'BODY' ) {
+                                       selection.collapse( true );
+                               }
+                       }
+               } );
+
+               // Convert Twemoji compatible pasted emoji replacement images into our format.
+               editor.on( 'PastePostProcess', function( event ) {
+                       if ( window.twemoji ) {
+                               tinymce.each( editor.dom.$( 'img.emoji', event.node ), function( image ) {
+                                       if ( image.alt && window.twemoji.test( image.alt ) ) {
+                                               setImgAttr( image );
+                                       }
+                               });
+                       }
+               });
+
+               editor.on( 'postprocess', function( event ) {
+                       if ( event.content ) {
+                               event.content = event.content.replace( /<img[^>]+data-wp-emoji="[^>]+>/g, function( img ) {
+                                       var alt = img.match( /alt="([^"]+)"/ );
+
+                                       if ( alt && alt[1] ) {
+                                               return alt[1];
+                                       }
+
+                                       return img;
+                               });
+                       }
+               } );
+
+               editor.on( 'resolvename', function( event ) {
+                       if ( event.target.nodeName === 'IMG' && editor.dom.getAttrib( event.target, 'data-wp-emoji' ) ) {
+                               event.preventDefault();
+                       }
+               } );
+       } );
+} )( window.tinymce, window.wp );