技術資料

Movable TypeにWYSIWYGエディタを導入する「TinyMCE-MTPlugin」の便利な活用法

2009.10.02

error この記事は最終更新日から15年以上が経過しています。

Movable Typeのエントリ編集フォームを WYSIWYG(なんかボタンが沢山あってワープロ感覚でHTMLを編集できるやつ)エディタにするプラグインは、結構色々ありますが、その中で一番便利だなー、と思ったのは、TinyMCE-MTPluginです。

僕自身は WYSIWYG エディタはあんまり使わないんですが、人に勧める時はいつもこれですね。

「本文」「続き」のフィールドだけでなく、「概要」や、自分で追加したカスタムフィールドにも WYSIWYG を適用できるのが非常に便利です。
※ただ、あんまり沢山適用しすぎると、ブログ記事編集画面が激重になってしまうので注意。

インストールや設定の手順は上記リンク先の配布元のToI企画さんに詳しく載ってるので省略。

TinyMCE-MTPlugin を適用すると、エントリー編集フォームが以下のようになります。

TinyMCE-MTPlugin のスクリーンショット

MTテンプレートで変数を正規表現で置換する方法

2023.04.24

Movable Typeのテンプレート内で、変数の値を正規表現を使って置換する方法を解説します。regex_replaceモディファイアを使って、簡単に文字列を変換するテクニックを紹介します。

Movable Type

Movable Typeでカスタムフィールド画像を直接表示する方法—サムネイル画像とリンク処理の使い方

2011.04.27

Movable Typeのカスタムフィールドで画像を設定した場合、通常は画像へのリンクが表示されてしまいます。この記事では、テンプレートタグを使用して画像を直接表示する方法を紹介します。サムネイル画像を表示する方法や、サイズを変更するためのモディファイアの使い方を具体的なコードと共に解説します。また、リンクを解除して画像だけを表示する方法も説明しています。

Movable Type

MTテンプレートでの余分な空白や改行をスッキリ整理する方法

2011.04.09

Movable Typeのテンプレートで条件付き表示やループ処理を多用すると、HTMLの最初の数十行に不必要な空白や改行が多くなり、ブラウザによっては文字化けが発生することがあります。この記事では、その問題を解決するためのMTプラグイン「ApplyModifier」を紹介し、空白や改行を除去する方法を具体的なコード例を交えて解説します。

Movable Type

コメント欄の機能を強化。MT4で独自フィールドを追加するComment Titlesプラグイン

2010.07.06

Movable Type 4のコメント欄に、独自のフィールドを簡単に追加できるComment Titlesプラグインの使い方をご紹介。インストール手順やフォーム・表示のカスタマイズ方法に加え、複数フィールド追加のための工夫についても解説します。

Movable Type

阿部辰也へのお仕事の依頼・お問い合わせ

お名前 *必須
会社名
メールアドレス *必須
電話番号
URL
お問い合わせのきっかけ
お問い合わせの内容 *必須
個人情報の取り扱いについて *必須 プライバシーポリシーをご確認いただき、同意いただける場合は「同意する」にチェックをしてください。

keyboard_double_arrow_up
TOP