diff options
Diffstat (limited to 'wp-includes/js/tinymce/plugins/wpemoji/plugin.js')
-rw-r--r-- | wp-includes/js/tinymce/plugins/wpemoji/plugin.js | 134 |
1 files changed, 134 insertions, 0 deletions
diff --git a/wp-includes/js/tinymce/plugins/wpemoji/plugin.js b/wp-includes/js/tinymce/plugins/wpemoji/plugin.js new file mode 100644 index 0000000..84de774 --- /dev/null +++ b/wp-includes/js/tinymce/plugins/wpemoji/plugin.js @@ -0,0 +1,134 @@ +( function( tinymce ) { + tinymce.PluginManager.add( 'wpemoji', function( editor ) { + var typing, + wp = window.wp, + settings = window._wpemojiSettings, + 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 || settings.supports.everything ) { + 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 ); |