easy-emoji.php

<?php

/**
 * Plugin Name: easy emoji
 * Description: 让TinyMCE支持添加表情图片.
 * Plugin URL: https://github.com/eAtmApp/easy-emoji/
 * Version: 1.0.3
 * Author: SilenceRet
 * Author URI: https://eatm.app/
 */

// 添加表情按钮
function mce_button($buttons)
{
	array_push($buttons, 'easy_emoji'); // 添加 'smiley' 按钮到 TinyMCE 编辑器中
	return $buttons;
}
//add_filter('mce_buttons', 'mce_button',999);	//mce_buttons会被Elementor清除掉,所以用下面第2行工具栏
add_filter('mce_buttons_2', 'mce_button', 999);	//第2行工具栏

function get_image_json_url()
{
	$dirs = glob(plugin_dir_path(__FILE__) . 'image/*/', GLOB_ONLYDIR);

	$result = [];
  
	$currentLocale = setlocale(LC_ALL,'zh_CN.UTF8');
  
	foreach ($dirs as $dir) {
      
		if (is_file($dir)) {
			continue;
		}
      
		$key = basename($dir);
		
		$result[$key] = [
			'names' => [],
			'url' => plugin_dir_url(__FILE__) . "image/" . $key  . "/"
		];

		$files = glob("$dir/*");
		foreach ($files as $file) {
			if (is_dir($file)) {
				continue;
			}
			$filename = basename($file);
			$result[$key]['names'][] = $filename;
		}
	}
	
  	setlocale(LC_ALL,$currentLocale);
  
	$dataStr = 'window.easy_emoji_json_data = ' . json_encode($result);
	file_put_contents(plugin_dir_path(__FILE__) . '/data.js', $dataStr);

	return plugins_url('/data.js', __FILE__);
}

//让前台的TinyMCE加载时,能加载自己的js代码
function mce_javascript($plugin_array)
{
	//主脚本
	$plugin_array['easy_emoji'] = plugins_url('/plugin.js', __FILE__); // 指定表情插件的 js 文件路径

	//数据文件
	$plugin_array['easy_emoji_data'] = get_image_json_url();

	return $plugin_array;
}
add_filter('mce_external_plugins', 'mce_javascript', 999, 1);

function easy_emoji_clock_assets()
{
	$dependencies = array('react', 'wp-block-editor', 'wp-components', 'wp-element', 'wp-polyfill', 'wp-rich-text');
	$version = "v1.0.0.1";

	// Enqueue scripts.
	wp_enqueue_script(
		'easy-emoji-block--data',
		get_image_json_url(),
		$dependencies,
		$version,
		true
	);

	wp_enqueue_script(
		'easy-emoji-block-script',
		plugins_url('/plugin.js', __FILE__),
		$dependencies,
		$version,
		true
	);

	// Enqueue styles.
	/* 	wp_enqueue_style(
		'easy-emoji-block-script-style',
		plugins_url('/plugin.css', __FILE__),
		array(),
		$version
	); */
}

add_action('enqueue_block_editor_assets', 'easy_emoji_clock_assets');