MovableTypeにて画像挿入時のタグを変更

電脳備忘録
エントリー投稿時に画像アップロードして本文に埋め込む際に左寄せ・右寄せ・中央と設定できますが、 たとえば「中央」を選択すると、埋め込まれたimgタグには自動で下記のようにスタイルが設定されています。

class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;"
外部CSSで設定してもこっちのスタイルが優先されるので値を変えることにしました。 設定値の変更はmt/lib/MT/Asset/Image.pmファイルを修正するようです。

お約束

参照は自己責任でお願いします。

バージョン

実施したバージョンはMovableType5です。
Image.pmの中身を調べてみると下記の記述を発見。それぞれ、左寄せ・右寄せ・中央のStyle設定のようです。
my $wrap_style = '';
if ( $param->{wrap_text} && $param->{align} ) {
$wrap_style = 'class="mt-image-' . $param->{align} . '" ';
if ( $param->{align} eq 'none' ) {
$wrap_style .= q{style=""};
}
elsif ( $param->{align} eq 'left' ) {
$wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
}
elsif ( $param->{align} eq 'right' ) {
$wrap_style
.= q{style="float: right; margin: 0 0 20px 20px;"};
}
elsif ( $param->{align} eq 'center' ) {
$wrap_style
.= q{style="text-align: center; display: block; margin: 0 auto 20px;"};
}
}
画像アップロード時、「中央寄せ」に設定したとき画像の上部を20pxあけたかったので下記のように設定。
my $wrap_style = '';
if ( $param->{wrap_text} && $param->{align} ) {
$wrap_style = 'class="mt-image-' . $param->{align} . '" ';
if ( $param->{align} eq 'none' ) {
$wrap_style .= q{style=""};
}
elsif ( $param->{align} eq 'left' ) {
$wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
}
elsif ( $param->{align} eq 'right' ) {
$wrap_style
.= q{style="float: right; margin: 0 0 20px 20px;"};
}
elsif ( $param->{align} eq 'center' ) {
$wrap_style
.= q{style="text-align: center; display: block; margin: 20px auto 20px;"};
}
}
Styleタグを表示させたくないとか、自分好みの値を設定したい場合はここを変更するとよさそうですね。
Newer
Older
Dark
Light
menu