【備忘録】WordPressでビジュアルエディターの表示崩れ（ビジュアル⇔テキストの行き来で）の原因を解決したい

WordPressでプラグイン「Classic Editor（クラシックエディタ）」を使用した記事の編集で、「ビジュアル」と「テキスト」を切り替えることで、＜タグ＞が自動で削除される事象を何とかしたいんです。

ググってみると、WordPressには「tiny_mce_before_init」フィルターという仕組みがあるよう。
ここでTinyMCE（WordPressで使用されるテキストエディタ）の設定を渡してあげることでタグが削除されるのを回避できそうです。

---

手順：tiny_mce_before_initフィルターの設定を追加する。

テーマディレクトリのfunctions.phpの最後に、下記のコードを追加。

function my_tiny_mce_before_init( $init_array ) {
    $init_array['valid_elements']          = '*[*]';
    $init_array['extended_valid_elements'] = '*[*]';

    return $init_array;
}
add_filter( 'tiny_mce_before_init' , 'my_tiny_mce_before_init' );

これで、設定自体は完了。簡単ですね！
※「functions.php」を触るので、自己責任でお願いします。必ずバックアップを取っておくことをオススメします。

---

コードの内容としては、以下のようになるよう。

1. 「valid_elements」で全てのタグと属性値を許可

2. 「extended_valid_elements」で既存設定に追加されている全てのタグと属性値を許可

悩まれている方は、ぜひお試しあれ(^o^)

参考
TinyMCE – WordPress Codex 日本語版