病的溺愛シンドローム > web制作者のメモ帳 > WordPress Tips > WordPressで自動整形しない – Raw HTML capabilityプラグイン

WordPressで自動整形しない – Raw HTML capabilityプラグイン

Posted on 2009年02月17日 | 5 Comments

制作中のページをごにょごにょしていたら、どうしても越えられない壁にぶつかった。
ブログパーツのような単一のJavaScriptは、ビジュアルエディタで書かなければ埋め込めたんだけど、JavaScriptと他いっぱい…っていうコードを埋め込もうとすると
「br /」とか「p」とかいうタグが勝手に挿入されてしまう。
そのお節介機能を「自動整形」というのだけど、そいつのせいでJavaScriptが動作しなくなっちゃったりするんだ。

で、WordPressの自動整形を止めるプラグインを探してみた。
まず試してみたのがRaw HTML capabilityプラグイン。

普通にインストールして有効化すると、投稿画面に Raw HTML のボックスが表示されるようになる。

Raw HTML

Raw HTML

自動段落を無効にするとか、スマイリー使わないとかそういうオプション設定。

全部にチェックを入れて投稿してみたけど、自動的に「br」とか「p」とか挿入されて改行されちゃったんだよね。
あれ？おかしいなぁ。

部分的に自動整形を止めるには

＜!–start_raw–＞JavaScriptの中身 ＜!–end_raw–＞

（＜＞は半角）または

［raw］JavaScriptの中身［/raw］

（［］は半角）のようにタグを挿入する。

投稿してみたところ、JavaScriptはちゃんと表示された。
でも編集画面にはしっかり「br」とか「p」とか挿入されてるから、
保存した後にどこか修正してもう一度保存…とやると
普通に改行とか入っちゃってJavaScript壊れる。
自動挿入されちゃった「br」とかを手動でぽちぽち消してから投稿するべし。

っていう若干の不便さはあるものの、長い複数のJavaScript（とその他）を表示させるっていう目的は達成できたので、まぁいいんじゃないかな。

その”若干の不便さ”をなんとかしたいなーとか欲をかいて、
英語がよく分からないからとりあえず同じような機能がありそうなプラグインをいくつか試してみたんだけど…。

Disable wpautop →　うまく動いてないっぽい。
PS Disable Auto Formatting →　改行を消さないようにはできたけど、改行を入れないようにはできなかった。
WP Unformatted →　カスタムフィールドに出現せず。

という結果になったので、とりあえず修正するときに「br」とかをぽちぽち消す手間は省けないんだなと諦めることにする。

Bookmark and Share

関連記事：


この記事は 2009年02月17日火曜日 の 12:53 AM に書きました。　
この記事のフィードはRSS 2.0で購読できます。

« | »

4 Comments for this entry

  • おいち
    2月 17th, 2009 on 1:31 AM

    （*^_^*）/こんばんはぁ♪
    夜分遅くすいませんm(__)mﾍﾟｺﾘ
    結構メンドクサイ作業を試みていたようですね！
    少し進展があった所で、今回はヨシとしましょう～ｗ
    お疲れ様です♪

    返信
  • 唯奈
    2月 17th, 2009 on 3:23 AM

    ＞おいちさん
    (*^-^*)/こんばんは～♪
    ぉ。今日は深夜族ですねｗ

    結構くだらないことがやりたかったばっかりに、かなり面倒な作業になりました…(　= =) ﾄｵｲﾒ
    でもプラグイン探しするとブログのネタになるからよしｗｗｗ

    返信
  • M@Sa
    2月 18th, 2009 on 12:10 AM

    こんばんわ。
    タイトルを見てすごく期待して読んだんですが・・・やっぱりダメなんですね(^_^;
    ほんとおせっかい機能ですよね。

    返信
  • 唯奈
    2月 18th, 2009 on 12:40 AM

    ＞M@Saさん
    (*^-^*)/こんばんは～♪
    一応投稿した後に編集しなければ大丈夫です。
    再編集するときは余計なタグをぽちぽち手動で消すしかないですね。
    うーん…ちょっと面倒ですよねぇ。

    返信

1 Trackback or Pingback for this entry

コメント

XHTML:タグが使えます：　<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:zzz: :wink: :v: :uwa-n: :un: :twisted: :sikusiku: :rose: :roll: :photo: :oteage: :oops: :obake: :niyari: :nice: :naku: :munekyun: :mrgreen: :meramera: :lovelove: :love: :lol: :ke: :kanpai: :kaminari: :kame: :ikari: :ice: :hint: :heart: :hatena: :gurume: :gun: :evil: :ehe: :denden: :cry: :check: :cat: :bye: :boon: :blue: :bikkuri: :be-: :ashi: :ase: :arrow: :akubi: :?: :-| :-x :-o :-P :-D :-? :) :( :$: :!: 8-O 8)

ビールをおごる

Image of a beer - if this shows instead of the picture, you did not install the plugin corectly
180 Beers Received

サイトの歩み

2011年2月27日に3周年を迎えます
3周年まであと…

レキシ…

オープンから
2 years and 18 days 経過。
68.3% done