お知らせ

Movable Type プロフェッショナル・スタイル MT4.1対応 2008年4月8日

Movable Typeプロフェッショナル・スタイル」が発売されました。
Movable Typeの第一線に関わる人々の共著で、Movable Typeをビジネスサイト構築に活かすテクニックが満載です。
Movable Typeでサイト構築を行っているWeb制作会社等の方々にお勧めです。

他にも多数書籍を執筆しています。
こちらもぜひご覧ください。

画像を挿入したときにformタグがつく理由

| コメント(1) | トラックバック(5)

Movable Type 4では、画像等を「アイテム」として管理する機能があります。
アイテムをブログ記事に挿入すると、そのアイテムに応じたタグが自動的に入力されます。

ただ、画像をブログ記事に挿入すると、画像のimgタグがformタグで囲まれて挿入されます。
画像を挿入したことがある方は、「何でformタグが挿入されるんだ?」という印象を持ったのではないかと思います。
また、「formタグは邪魔だ」という意見も多いようです。

ただ、このformタグには意味があります。
今日はこの点について解説します。

1.ブログ記事とアイテムの関連を保存するため

Movable Type 4の新しいタグの中に、「MTEntryAssets」というタグがあります。
このタグは、ブログ記事に入っているアイテムの一覧を出力するものです。

このタグの処理を効率よく行うには、ブログ記事とアイテムの関連の情報を、どこかに保存しておくという方法が考えられます。
Movable Type 4には「MT::ObjectAsset」というクラスがあり、このクラスによってブログ記事等とアイテムとの関連付けが保存されるようになっています。

画像につけられたformタグは、この関連付けの保存の処理を行うために使われています。
ブログ記事を保存すると、その本文の中からformタグが検索され、その情報を利用して関連付けが保存されるようになっています。
したがって、画像からformタグを取ってしまうと、関連付けが保存されず、MTEntryAssetsタグが正しく動作しなくなってしまいます。

2.再構築時にformタグは置換される

また、ブログ記事を再構築すると、formタグはspanタグに置換されるようになっています。

ブログ記事に画像を入れた時点では、タグは以下のように入力されます。

<span class="mt-enclosure mt-enclosure-image">
<img alt="画像の代替文字列" src="画像のアドレス" width="画像の幅" height="画像の高さ" class="mt-image-xxx" style="float: xxx; margin: 0 20px 20px 0;"/>
</span>

一方、この部分を再構築すると、以下のようなタグに置き換わります。

<span class="mt-enclosure mt-enclosure-image">
<img alt="画像の代替文字列" src="画像のアドレス" width="画像の幅" height="画像の高さ" class="mt-image-xxx" style="float: xxx; margin: 0 20px 20px 0;"/>
</span>

上記のようなことから、画像を挿入したときのformタグは、ブログ記事から勝手に削除せずに、残しておくようにすることをお勧めします。

トラックバック(5件)

このブログ記事を参照しているブログ一覧: 画像を挿入したときにformタグがつく理由

このブログ記事に対するトラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/1050.

» Movable Type で画像挿入時の form 要素について(小粋空間)からのトラックバック

Movable Type で画像挿入時の form 要素について、下記のエントリーを拝見して「なるほど!」と思いましたので、ご紹介させて頂きます。 Win... 続きを読む

» 画像挿入時にformタグが付く理由(MovableTypeのススメ)からのトラックバック

MovableType4では エントリーに画像を挿入すると、画像のimgタグが下... 続きを読む

» エントリーに画像を挿入すると回り込みになる(u39 technik)からのトラックバック

MT4でエントリーに画像を挿入する際に、配置する位置を選ぶことができるけど、右と... 続きを読む

» MTEntryAssetsとformタグの関係(村正 - MURAMASA -)からのトラックバック

MT4で画像をポン付けすると何故formタグで括られるの? 続きを読む

» vicuna CMS使用時の画像挿入について(Akn Blog)からのトラックバック

※念の為記述しておくと、これはMovableType4.1の話です。 mt標準の... 続きを読む

コメント(スレッド1件,コメント1件)

コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。

No.1 哲やん : (無題)

いつもお世話になっております。
formタグはLightbox2を使いたい一心でいろいろ調べた末に、いろいろな方からのご助言を頂き、何とか設置が可能になりました。
たしかにformタグは再構築されたブログ記事のソースを見るとspanに変わっていました。
他にも何か潜んでいそうな気がします。
今後も皆さんの解析を注視していきたいと思っています。

コメントする

管理者のみにコメントを送信したい場合は、「コメントを秘密にする」のチェックをオンにしてコメントを送信するか、メールフォームからメールをお送りください。

ブログ全体の感想など、この記事に直接に関係しないコメントは、ゲストブックにお気軽に投稿してください。


アーカイブ

ブログパーツ

ステータス