ImageSizeGeneratorプラグイン

ImageSizeGeneratorプラグイン

Posted at November 11,2009 12:03 AM
Tag:[ImageSizeGenerator, MovableType, Plugin]

Movable Type のブログ記事投稿時、本文に記述した img 要素に対し、width 属性と height 属性を自動的に付与するプラグインです。MT のアイテム機能を使わずに画像を挿入している場合などに有効です。

この記事の img 要素にも本プラグインを適用して、width 属性・height 属性を自動挿入しています。

1.機能

このプラグインは次の機能を提供します。

  • ブログ記事の本文に挿入した img 要素に width 要素および height 要素を含まない場合、ブログ記事の保存時に画像サイズを取得し、width 属性と height 属性を自動的に付与します。
  • width 要素または height 要素のいずれかが設定されている場合は動作しません。
  • img 要素に他の属性が設定されている場合、そのまま反映します。

ブログ記事保存前
ブログ記事保存前

ブログ記事保存後
ブログ記事保存後

なお、本プラグインは Perl モジュール LWP::Simple を使用しています。

2.プラグインのダウンロード

下記のリンクからプラグインアーカイブをダウンロードし、任意のフォルダに保存してください。

ImageSizeGenerator_1_00.zip

修正履歴

2009.11.11 初版
2009.11.18 v0.02 ドキュメントのリンクを修正
2009.11.23 v0.03 src 属性で指定した画像が見つからない場合に空の width 属性・height 属性が追加される不具合を修正。YAML対応
2009.11.30 v0.04 img 要素の後方に br 要素などの空要素がある場合、空要素に width 属性・height 属性が追加される不具合を修正
2009.12.04 v1.00 img 要素が1行に複数ある場合や、img 要素の途中に改行がある場合の width 属性・height 属性の追加に対応。追記フィールドのimg 要素の変換にi対応

プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。

3.インストール

プラグインアーカイブを解凍し、中にある ImageSizeGenerator フォルダを plugins ディレクトリにアップロードしてください。

ブログ管理画面より「システム」→「プラグイン」でプラグイン一覧を表示し、次のように表示されればOKです。

プラグイン一覧

4.注意事項

リンク付きの img 要素も変換されることを確認していますが、1行に複雑な(X)HTMLマークアップが記述されている場合の動作は保証できません。v1.00で対応しました。

また、img 要素が1行に連続している場合、正常に変換されない可能性があります。プラグインは1行にひとつの img 要素しか処理しないので、可能であれば改行を挿入してください。v1.00で対応しました。

関連記事
zenback
人気エントリー
トラックバックURL


コメント

いつも、お世話になります。コメントから失礼いたします。

コメントフォームのカスタマイズについてです。

以下
http://mariya.vision-blog.jp/archives/1300945.html#comments

ブログの管理人様は全く関係ないのですが、
ライブドアブログのコメントフォームのように、記事に対して
評価を付けれるようなものを作りたいのですが、
どのようにすれば可能になるのか、困っています。

ご助言を頂ければ誠にありがたいです!

このコメントを見てくださりありがとうございます。

[1] Posted by 中川 : November 14, 2009 2:10 AM

プラグインのドキュメントリンク先が、存在しないURLになってるようです。

[2] Posted by oscar logo : November 14, 2009 12:29 PM

>中川さん
こんばんは。
ご質問の件ですが、「CommentCustomField プラグイン」はいかがでしょうか。
それではよろしくお願い致します。

>oscarさん
こんばんは。
ご指摘ありがとうございました!
ということで、修正致しました。

[3] Posted by yujiro logo : November 17, 2009 1:54 AM

はじめまして、いつもブログを拝見しております。
天野と申します。

ImageSizeGeneratorの0.04をダウンロードしました。
・1行に複数の<img />があった場合
・複数行に渡る(タグの中で改行されている)<img />があった場合
といった辺りに対応するように、_insert_width_height を自分ならこう書くかなというのを書いてみました。
http://gist.github.com/245076

お時間のあるときに見ていただけるとありがたいです。
よろしくお願いいたします。

[4] Posted by 天野 : November 30, 2009 6:42 AM

>天野さん
はじめまして。
動作確認致しました。大変ありがとうございます!

このソースコードはプラグインに使わせて頂いてもよろしいでしょうか。
クレジットの表示など、何かありましたらご連絡いただければと思います。
それではよろしくお願い致します。

[5] Posted by yujiro logo : December 2, 2009 1:39 AM

yujiroさん

天野です。
ご確認ありがとうございます。

プラグインへの採用を検討して頂けるようでしたら大変ありがたいです。

クレジットについてはこちらからは希望はありません。
なくても構わないのですが、入れていただいた方がよさそうでしたら、
「Taku Amano <taku@toi-planning.net>」ということでお願いをいたします。
でも本当に、なくても構いません。

今後ともなにとぞよろしくお願いいたします。

[6] Posted by Taku Amano logo : December 2, 2009 4:13 AM

>天野さん
こんばんは。
ご連絡ありがとうございました。
それでは頂いた内容を次のバージョンに反映したいと思います。
ではでは!

[7] Posted by yujiro logo : December 3, 2009 1:38 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)