ブロックエディタにプラグインなしで文字装飾ボタンを追加する

my-theme/（機能を追加したいテーマ）
  ├ func−js/editor.js（機能追加）
  └ functions.php（コード追加）

add_action( 'enqueue_block_editor_assets', function () {
	wp_enqueue_script( 'my_editor', get_theme_file_uri( 'func−js/editor.js'), [
		'wp-element',
		'wp-rich-text',
		'wp-editor',
	]);
	wp_localize_script( 'my_editor', 'myEditorObj', [
		[
			'item' => 'editor01',
			'title' => 'marker',
			'class' => 'text-marker',
		],
		[
			'item' => 'editor02',
			'title' => 'pink',
			'class' => 'color-pink',
		]
	]);
});

wp_enqueue_script(ハンドル, ファイルパス, 依存関係, バージョン, 読み込み位置 );

(function (richText, element, editor) {
// ここに設定を追加していきます。
}(
  window.wp.richText,
  window.wp.element,
  window.wp.editor
));

console.log(myEditorObj);
// [
//     {
//         "item": "editor01",
//         "title": "marker",
//         "class": "text-marker"
//     },
//     {
//         "item": "editor02",
//         "title": "pink",
//         "class": "color-pink"
//     }
// ]

(function (richText, element, editor) {
    richText.registerFormatType(`my-editor/${myEditorObj[0].item}`, {
        title: myEditorObj[0].title,
        tagName: 'span',
        className: myEditorObj[0].class,
        edit: function (args) {
            return element.createElement(editor.RichTextToolbarButton, {
                icon: 'admin-customizer',
                title: myEditorObj[0].title,
                onClick: function () {
                    args.onChange(richText.toggleFormat(args.value, {
                        type: `my-editor/${myEditorObj[0].item}`
                    }));
                },
                isActive: args.isActive,
            });
        },
    }),
    richText.registerFormatType(`my-editor/${myEditorObj[1].item}`, {
        title: myEditorObj[1].title,
        tagName: 'span',
        className: myEditorObj[1].class,
        edit: function (args) {
            return element.createElement(editor.RichTextToolbarButton, {
                icon: 'admin-customizer',
                title: myEditorObj[1].title,
                onClick: function () {
                    args.onChange(richText.toggleFormat(args.value, {
                        type: `my-editor/${myPluginObj[1].item}`
                    }));
                },
                isActive: args.isActive,
            });
        },
    })
}(
    window.wp.richText,
    window.wp.element,
    window.wp.editor
));

icon: "list-view",

my-theme/（機能を追加したいテーマ）
  ├ style.css（追記）
  ├ editor-style.css（追記）
  ├ func−js/editor.js
  └ functions.php

add_action(
  'after_setup_theme',
	function() {
    add_theme_support( 'editor-styles' );
		add_editor_style();
	}
);

.text-marker {
  background: linear-gradient(to top, #eaeb16 40%, transparent 40%);
  font-weight: bold;
}
.color-pink {
  color: #fa343d;
  font-weight: bold;
}