技術資料

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

作成日:2009.10.02

Movable Typeでエントリ編集をより直感的に行うための「TinyMCE-MTPlugin」の紹介です。このプラグインを使うと、記事の本文やカスタムフィールドにもWYSIWYGエディタが適用でき、編集作業が大幅に楽になります。設定手順や便利な使い方を解説します。

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

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

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

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

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

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

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

Movable Typeプラグイン開発入門:第五回:独立CGIスクリプトで設定表示機能を実装

2025.03.08

第五回の記事では、前回までの連載内容を踏まえて、設定表示機能を別CGIスクリプトとして実装する方法を詳しく解説します。Perlモジュールの修正手順やCGIスクリプトの構成、動作確認のポイントを具体例とともに紹介します。

Movable Type Perl

Movable Typeプラグイン開発入門:第四回 管理画面へのモード追加と設定表示の実装

2025.03.07

第四回目の連載記事では、Movable Typeの管理画面に新たな機能を追加する方法として、モード定義を使った設定画面の実装を紹介します。前回記事との連携と、Perlモジュールでの設定値取得手法について分かりやすく解説します。

Movable Type Perl

Movable Typeプラグイン開発入門:第三回 管理画面サイドメニューの変更と追加方法

2025.03.06

第三回の記事では、Movable Type管理画面のサイドメニューの変更・追加方法について解説します。既存メニューの名称変更から新規子メニュー・新規メニューの追加まで、具体的なYAML設定例をもとに詳しく紹介します。

Movable Type

Movable Typeプラグイン開発入門:第二回 設定画面の実装と動作確認

2025.03.05

Movable Typeプラグイン開発連載の第二回です。前回の記事に続き、config.yamlに設定画面用の情報を追加し、設定テンプレートファイルの作成と動作確認について詳しく解説します。

Movable Type

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

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

keyboard_double_arrow_up
TOP