これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。 ここでは選択した文字列を特定のクラスを持ったspanで囲うボタンの追加方法を紹介します。 実装するもの PHPとJavaScript、CSSを編集します。 PHP側は適当に作成したプラグインのmy_plugin.php、JavaScriptとCSSはそのプラグイン配下に作成することを想定しています。 今回はReactを使用しない方法です。 そのためフロントエンドのビルド環境の用意は必要ありません。 JavaScriptやCSSを登録 TinyMCEの時はJavaScriptとCSSの登録は別々でしたが、Gutenbergでは「enqueue_block_editor_assets」アクションをフックして「wp_enqueue_style」や「wp_enqueue
![Gutenbergエディタ(ブロックエディタ)にボタンを追加する | Technote](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a1e2eb23328636963258deed77a5a4a6a50be07/height=288;version=1;width=512/https%3A%2F%2Ftechnote.space%2Fuploads%2F2018%2F12%2F201812080407.png)