ブログ記事の本文編集エリアを拡張する

ブログ記事の本文編集エリアを拡張する

Posted at August 23,2010 2:22 AM
Tag:[CSS, MovableType]

Movable Type 5のブログ記事/ウェブページにある、本文編集エリアの縦幅を拡張する方法です。

変更前
変更前

変更後
変更後

編集エリアのスタイルは、mt-static/css/editor/editor.cssの以下のセレクタで設定しています。

.edit-entry #editor-content-enclosure { 
    height: 350px;
}
.edit-entry #editor-content-textarea { 
    height: 355px;
    border: 0 ! important;
}

編集エリアの縦幅を550pxに変更したい場合、以下のように修正します。

.edit-entry #editor-content-enclosure {
    height:550px;
}
.edit-entry #editor-content-textarea {
    height:550px;
    border: 0 ! important;
}

上記のように、直接editor.cssを編集しなくても、CMSHeadプラグインを利用して次のように設定すれば、サイズを簡単に変更することができます。

CMSHeadプラグイン

編集エリアの横幅は、ブラウザの横幅を広げれば拡張されます。

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


コメントする
greeting

*必須

*必須(非表示)


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

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

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

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