WordPress

WordPressでビジュアルエディタでは自動Pタグを入れずにテキストでは改行させる方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

WordPressのビジュアルエディタで余計な改行やタグが入ってしまう問題ですが、

できるだけ余計なプラグインは入れたくないので

直接fungtion.phpに書き込みをしましょう。

で、実際に追加するソースですが

いろいろ試した上で

よく紹介されている以下タグはダメでした。

-fungtion.phpに以下を追加-

remove_filter('the_content', 'wpautop');

上記タグではビジュアルエディタでPタグや余計な改行は入らなくなったものの

テキストエディタに戻るとソースが詰まっていて改行がなく見にくい。。

テキストエディタでソースを書くさいは見にくいのダメですよね。

 

ということで以下タグを利用したところ

<p>タグや自動改行は防げる上で

テキストエディタで閲覧してもソースが改行なしにならずに見やすい状態になりました。

 

  • 全てのタグ・全ての属性を許可(空の <span> タグや <div> タグなどが削除されるのを防ぐ)
  • <a> タグに全てのタグを入れられるようにする
  • 自動的に <p> タグで囲われることを防ぐ

 

-fungtion.phpに以下を追加-

function override_mce_options( $init_array ) {
    global $allowedposttags;

    $init_array['valid_elements']          = '*[*]';
    $init_array['extended_valid_elements'] = '*[*]';
    $init_array['valid_children']          = '+a[' . implode( '|', array_keys( $allowedposttags ) ) . ']';
    $init_array['indent']                  = true;
    $init_array['wpautop']                 = false;
    $init_array['force_p_newlines']        = false;

    return $init_array;
}

add_filter( 'tiny_mce_before_init', 'override_mce_options' );

どうしても困ったら一度お試しください!

 


参考記事:http://qiita.com/jyokyoku/items/c560b0d1eacc1df61620

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

コメントを残す

*