« MTSetVar(Block)/MTIfタグの具体的な利用例。 | メイン | MT4, MTOS, 告知, 雑多な話題。 »

StylelessImage

MT4の画像挿入の際にclassやstyleが付くのが嫌、というマークアップこだわり派のあなたのために作りました(笑)。

アップロードした画像を挿入する時に『位置の設定「なし」』を選択できるようにします。

元ネタ↓というか、酔った勢い!?で「書くよ」とか言ったみたい? なので。

画像挿入時に位置指定「なし」が選択出来る

「<div><br /></div>」が入るのはFirefoxの挙動みたいというか全体的にWYSIWYGの挙動はブラウザによって違うので色々試せたわけじゃないので気づいたことがあれば教えてください。Mac Firefoxでしか確認してない(Safariでも確認したけどそもそもSafariだとWYSIWYG で画像貼れないし)。

画像貼るのにも色んなパターンがあるみたいで(画像アップ→新規エントリーを作成とか、エントリーの編集画面から画像挿入とか)、ケースによってクリーンアップするタイミングが少し違うので、WYSIWYGで見た時に何か影響が出るのではないかとかその辺は分かりません(笑)。

あと、元々美しくないものに対してごにょごにょしてるし、こいつ自身美しくないので先に謝っておきます(謎)。

ダウンロード

追記:タグ属性の指定の仕方

元のソースが以下とします。

<form mt:asset-id="12" class="mt-enclosure mt-enclosure-image"><img alt="foo" src="bar" width="n" height="n" /></form>

このまま保存するとform部分は<span class="mt-enclosure mt-enclosure-image"...に変換されます。そこで、属性 assetelement を指定します。

例1)
<$MTEntryBody assetelement="p"$>
         ↓
<p><img alt="foo" src="bar" width="n" height="n" /></p>

例2)
<$MTEntryBody assetelement="p,photo"$>
         ↓
<p class="photo"><img alt="foo" src="bar" width="n" height="n" /></p>

例3)
<$MTEntryBody assetelement="div,thumb"$>
         ↓
<div class="thumb"><img alt="foo" src="bar" width="n" height="n" /></div>

例4)
<$MTEntryBody assetelement="0"$>
         ↓
<img alt="foo" src="bar" width="n" height="n" />

カテゴリー: MovableTypeプラグイン

トラックバック

このエントリーのTBPingURL:
http://junnama.alfasado.net/mt/RRrt4444.mt/2242/post_147.html

この一覧は、次のエントリーを参照しています: MT4で画像挿入の際にclassやstyleが付くのが嫌! なあなたに。:

» 画像位置の設定を「なし」に!(StylelessImage) 送信元 MovableTypeのススメ
エントリーのタイトルを見て思わず「そうそう!」と声が出そうになりました(笑) M... [詳しくはこちら]

» MT4の画像の挿入でformとclassがつかないようにする 送信元 HUBLOG
MT4 はすごく便利なんだけど、ずっと気に入らなかったのがエントリーへの「画像の挿入」の仕様。新しい画像を挿入すると画像の位置を選ばせるボタンを必ず選択し... [詳しくはこちら]

» MTEntryAssetsとformタグの関係 送信元 村正 - MURAMASA -
MT4で画像をポン付けすると何故formタグで括られるの? [詳しくはこちら]

» MT4 画像挿入の際に文字のまわりこみなどの style classがつかないようにする 送信元 watuu
MTを使い画像を挿入すると、勝手にマージンやフロートがついてくる。スタイルシート... [詳しくはこちら]

» vicuna CMS使用時の画像挿入について 送信元 Akn Blog
※念の為記述しておくと、これはMovableType4.1の話です。 mt標準の... [詳しくはこちら]

コメント (2)

もっふぉ:

初めまして。
グーグルの検索結果からからこのエントリーに辿りつきました。
画像を挿入する際不要なソースを入れたくなかったので、早速プラグインを使おうとしたのですが、MTをCMSとしてさらに押し上げるプラグイン-customfieldと現状相性が悪いようで、customfield上で新規で作成した画像fieldに画像を挿入しようとすると、エントリーの本文(EntryBody)に画像が挿入されてしまいます。

理想としては新規で作った画像フィールドに画像を挿入しつつ、属性assetelementが適用できるとうれしいのですが。。。

いきなり訪れて勝手な希望を申し訳ございません。

indian-ink:

初めまして。
MT4.0を使い始めの者です。
早速このプラグインを入れたのですが上記の指定で画像をを囲おうとしてところとの指定のままで設定が有効になりません。
imgのスタイルは外れたのですが...

まだ初心者で基本的なことで躓いているのかもしれません。テンプレートの「ブログ記事の概要」のソースに のようなソースを書けばいいのですよね?
そうすれば「新規ブログ記事」の際、イメージの挿入でで囲まれたソースになるはずですよね?

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)


トップページ | アーカイブ(このブログの全てのエントリーの一覧)

最近のエントリー

このブログのフィードを取得
[フィードとは]