首页 > 代码库 > WordPress 使用本地化的 emoji 表情包

WordPress 使用本地化的 emoji 表情包

结合使用 Native Emoji 和 WP Local Emoji 两个插件,可以达到使用本地化的 emoji 表情包的目的。

安装好上述两个插件并且启用:

技术分享

为了使 Native Emoji 表情使用本地化的 emoji 表情包图片,而不是 s.w.org 域名下的表情包图片,需要修改以下两处源代码。

修改 wp-content/plugins/native-emoji/js/tinymce-plugin.js,替换以下代码:

html += ‘<td class="‘ + img + ‘"><a href="http://www.mamicode.com/#" data-code="‘ + code + ‘" data-img="‘ + img + ‘" tabindex="-1" role="option"><img src="https://s.w.org/images/core/emoji/72x72/‘ + img + ‘.png"></a></td>‘ 

为:

html += ‘<td class="‘ + img + ‘"><a href="http://www.mamicode.com/#" data-code="‘ + code + ‘" data-img="‘ + img + ‘" tabindex="-1" role="option"><img src="http://www.mamicode.com/wp-content/plugins/wp-local-emoji/72x72/‘ + img + ‘.png"></a></td>‘

修改 wp-content/plugins/wp-local-emoji/wp-local-emoji.php,新增代码:

 1 private function __construct() { 2     add_filter( ‘emoji_url‘, array( &$this, ‘emoji_url‘ ), 10, 2 ); 3     add_filter( ‘emoji_svg_url‘, array( &$this, ‘emoji_svg_url‘ ), 10, 2 ); 4 } 5  6 function emoji_url( $emoji_url ) { 7     return plugins_url( ‘72x72/‘, __FILE__ ); 8 } 9 10 function emoji_svg_url( $emoji_url ) {11     return plugins_url( ‘svg/‘, __FILE__ );12 }

保存好之后,不论是在编辑器中使用 emoji 表情包,抑或插入 emoji 表情到文章里,都将使用本地化的 emoji 表情图片了!

WordPress 使用本地化的 emoji 表情包