2015-03-11 23:17:26 -04:00
|
|
|
( function( tinymce, wp ) {
|
2015-03-14 19:49:30 -04:00
|
|
|
tinymce.PluginManager.add( 'wpemoji', function( editor ) {
|
2015-03-12 19:03:26 -04:00
|
|
|
var typing,
|
2015-03-12 19:00:27 -04:00
|
|
|
isMacWebKit = tinymce.Env.mac && tinymce.Env.webkit;
|
2015-03-11 18:49:28 -04:00
|
|
|
|
2015-03-14 19:49:30 -04:00
|
|
|
if ( ! wp || ! wp.emoji ) {
|
2015-03-11 18:49:28 -04:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
editor.on( 'keydown keyup', function( event ) {
|
|
|
|
typing = event.type === 'keydown';
|
|
|
|
} );
|
|
|
|
|
2015-03-12 08:52:26 -04:00
|
|
|
editor.on( 'input setcontent', function( event ) {
|
2015-03-14 19:49:30 -04:00
|
|
|
var selection, node, bookmark, images;
|
2015-03-11 18:49:28 -04:00
|
|
|
|
2015-03-12 08:52:26 -04:00
|
|
|
if ( typing && event.type === 'input' ) {
|
2015-03-11 18:49:28 -04:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
selection = editor.selection;
|
|
|
|
node = selection.getNode();
|
2015-03-12 19:00:27 -04:00
|
|
|
|
|
|
|
if ( isMacWebKit ) {
|
|
|
|
bookmark = selection.getBookmark();
|
|
|
|
}
|
2015-03-11 18:49:28 -04:00
|
|
|
|
2015-03-14 19:49:30 -04:00
|
|
|
wp.emoji.parse( node, { className: 'wp-emoji new-emoji' } );
|
2015-03-11 18:49:28 -04:00
|
|
|
|
2015-03-14 19:49:30 -04:00
|
|
|
images = editor.dom.select( 'img.new-emoji', node );
|
2015-03-11 18:49:28 -04:00
|
|
|
|
2015-03-14 19:49:30 -04:00
|
|
|
tinymce.each( images, function( image ) {
|
|
|
|
image.className = 'wp-emoji';
|
|
|
|
image.setAttribute( 'data-mce-resize', 'false' );
|
|
|
|
image.setAttribute( 'data-mce-placeholder', '1' );
|
|
|
|
image.setAttribute( 'data-wp-emoji', image.alt );
|
2015-03-11 18:49:28 -04:00
|
|
|
} );
|
|
|
|
|
2015-03-12 19:00:27 -04:00
|
|
|
// In IE all content in the editor is left selected aftrer wp.emoji.parse()...
|
|
|
|
// Collapse the selection to the beginning.
|
|
|
|
if ( tinymce.Env.ie && node && node.nodeName === 'BODY' ) {
|
|
|
|
selection.collapse( true );
|
|
|
|
}
|
|
|
|
|
|
|
|
if ( isMacWebKit ) {
|
|
|
|
selection.moveToBookmark( bookmark );
|
|
|
|
}
|
2015-03-11 18:49:28 -04:00
|
|
|
} );
|
|
|
|
|
|
|
|
editor.on( 'postprocess', function( event ) {
|
|
|
|
if ( event.content ) {
|
|
|
|
event.content = event.content.replace( /<img[^>]+data-wp-emoji="([^"]+)"[^>]*>/g, function( match, emoji ) {
|
|
|
|
return emoji;
|
|
|
|
} );
|
|
|
|
}
|
|
|
|
} );
|
|
|
|
|
|
|
|
editor.on( 'resolvename', function( event ) {
|
|
|
|
if ( event.target.nodeName === 'IMG' && editor.dom.getAttrib( event.target, 'data-wp-emoji' ) ) {
|
|
|
|
event.preventDefault();
|
|
|
|
}
|
|
|
|
} );
|
|
|
|
} );
|
2015-03-11 23:17:26 -04:00
|
|
|
} )( window.tinymce, window.wp );
|