WordPress 編集画面で「ビジュアル」と「テキスト」切替で br が削除される件

前書き

　投稿の編集時「ビジュアル」と「テキスト」切替で　<br>が削除される　件はWordPressを使う本人としては大きい問題である、残念ながらプラグインの「TinyMCE Advanced」では解決されなかった。

又、画像を設置する時、左寄りに配置するとその後の文章が右に回り込む対策も考える。

切替時のコード消滅を防ぐ

• 方法１
  「記事投稿時にテキストエディタでpタグ、brタグが消える対処方法」通りに
  「function.php」を編集したらうまくいった。

  // 自動挿入のPタグBRタグ削除
  remove_filter('the_content', 'wpautop');

• 方法２
  「WordPress ? 自動整形を無効化してエディタのビジュアル/テキスト切替時のコード消滅を防ぐ！」通りに
  「function.php」を編集したらうまくいった。

  コードは次の通り。

  1. /**
  2.  * 以下は追記したものp,br削除防止
  3.  */
  4.  
  5. //エディタのビジュアル/テキスト切替でコード消滅を防止（自動整形無効化）
  6.  
  7. function my_tiny_mce_before_init( $init_array ) {
  8.     //グローバル変数の宣言
  9.     global $allowedposttags;
  10.     //エディタのビジュアル/テキスト切替でコード消滅を防止（自動整形無効化）
  11.     $init_array[‘valid_elements’] = ‘*[*]’;
  12.     $init_array[‘extended_valid_elements’] = ‘*[*]’;
  13.     //aタグ内ですべてのタグを仕様可能に
  14.     $init_array[‘valid_children’] = ‘+a[‘ . implode( ‘|’, array_keys( $allowedposttags ) ) . ‘]’;
  15.     $init_array[‘indent’] = true;
  16.     //pタグの自動挿入を無効化
  17.     $init_array[‘wpautop’] = false;
  18.     $init_array[‘force_p_newlines’] = false;
  19.     //改行をbrタグに置き換える
  20.     $init_array[‘force_br_newlines’] = true;
  21.     $init_array[‘forced_root_block’] = ”;
  22.     return $init_array;
  23. }
  24. add_filter( ‘tiny_mce_before_init’ , ‘my_tiny_mce_before_init’ );
  25.  

Localで記事を作成している場合

　自分は今「LocalbyFlywheel」というソフトで記事を編集している。 その場合「functions.php」の場所は 「C:\Users\TI\Local Sites\wordpress2\app\public\wp-content\themes\talon」の下にあるので、その「functions.php」を編集する必要がある。尚talonはテーマ名です。

画像の設置で、右に文章が回り込む件

　「ビジュアル」で投稿の文章を作っている場合、「表示設定」で画像を左寄りに配置すると、右に文章が回り込む現象が起こり、悩まされた。

WordPressで画像を記事内に挿入する時は、「表示設定」で「中央」か「なし」を選ぶようにする事、そうすれば文章が回り込む事はない。

参考にして頂いた外部記事

SEBLO

 

1 Post

2 Users

2 Pockets

WordPress – 自動整形を無効化してエディタのビジュアル/テキスト切替時のコード消...

https://se.ekaki-j.com/wp-code-disappearance/

WordPressの本文入力エディタにはビジュアルエディタとテキストエディタの2種類があります。前者は実際の表示がプレビューされているような感じで、テキスト入力後、アイコンのクリック操作で見出しにしたり書式を変更したり、簡易的に操作できます