TinyMCE — кастомное форматирование текста — свои кнопки

Как добавить свои кнопки, которые будут оборачивать в нужный HTML тег выделенный текст, в TinyMCE редактор.

add_filter( 'tiny_mce_before_init', '_mce_additional_buttons' );
add_filter( 'teeny_mce_before_init', '_mce_additional_buttons' );
add_filter( 'mce_buttons', 'filter_teeny_mce_buttons' );

# Регистрируем кнопки
function _mce_additional_buttons( $mce_init ) {

	$style_formats = [
		[
			'title'   => 'My Button',
			'inline'  => 'span',
			'classes' => 'my-btn',
		],
		[
			'title'   => 'My Super Button',
			'inline'  => 'div',
			'classes' => 'my-super-btn',
		],
	];

	$mce_init['style_formats'] = json_encode( $style_formats );

	return $mce_init;
}

# Собираем кнопки
function filter_teeny_mce_buttons( $buttons ){

	array_unshift( $buttons, 'styleselect' );

	$del = explode( ',', 'blockquote,strikethrough,fullscreen' );

	$new_buttons = array_diff( $buttons, $del );

	return $new_buttons;
}

Получим: