WordPress（Gutenberg）で<br>が反映・表示されない問題

WordPressのバージョン5.1で <br> を入力しても反映されない問題が起こったので、その解消法について。

現象

GutenbergでHTMLコードを直接入力できる「カスタムHTML」ブロックに <br> を入力しても、更新ボタンを押すと <br> が消えてしまう。

最初は固定ページの標準機能である <p> や <br> の自動整形機能関連かと考え

function disable_page_wpautop() {
  if ( is_page() ) remove_filter( 'the_content', 'wpautop' );
}
add_action( 'wp', 'disable_page_wpautop' );

こちらを追加してみたが解消されず。

原因

「カスタムHTML」を「コードエディタ」として編集している際に起こる問題。

「コードエディタ」に切り替えると、デフォルトで、

<!-- wp:html -->
※記述してあったHTML
<!-- /wp:html -->

このような記述が追加されているのだが、それが消えてしまっていると <br> が消えてしまう模様。

解決方法

<!-- wp:html -->
※記述してあったHTML
<!-- /wp:html -->

このようにHTMLの前後に追加してあげれば解消します。

アップデートが起因となっていることも

ビジュアルエディタを利用できないようにする、

function disable_visual_editor_in_page(){
 global $typenow;
 if( $typenow == 'page' ){
  add_filter('user_can_richedit', 'disable_visual_editor_filter');
 }
}
function disable_visual_editor_filter(){
 return false;
}
add_action( 'load-post.php', 'disable_visual_editor_in_page' );
add_action( 'load-post-new.php', 'disable_visual_editor_in_page' );

こちらを function.php に記述したままアップデートを行うことで、同様の現象が起こることも。