| 
									
										
										
										
											2019-04-16 20:56:22 +01:00
										 |  |  | ( function( tinymce ) { | 
					
						
							| 
									
										
										
										
											2019-03-12 09:27:46 +00:00
										 |  |  | 	tinymce.PluginManager.add( 'wpemoji', function( editor ) { | 
					
						
							|  |  |  | 		var typing, | 
					
						
							| 
									
										
										
										
											2019-04-16 20:56:22 +01:00
										 |  |  | 			wp = window.wp, | 
					
						
							|  |  |  | 			settings = window._wpemojiSettings, | 
					
						
							| 
									
										
										
										
											2019-03-12 09:27:46 +00:00
										 |  |  | 			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(); | 
					
						
							|  |  |  | 			} | 
					
						
							|  |  |  | 		} ); | 
					
						
							|  |  |  | 	} ); | 
					
						
							| 
									
										
										
										
											2019-04-16 20:56:22 +01:00
										 |  |  | } )( window.tinymce ); |