TinyMCE-MTPlugin の使い方

MT > TinyMCE-MTPlugin
| | コメント(19) | トラックバック(1)
ブログ毎にTinyMCEを使うかどうかの設定を行うことができます。
tiny_mce_plugin_blog_confi.png
システムのプラグイン設定画面でTinyMCEに表示するボタンを設定できます。
これはシンプルな設定の例です。
tiny_mce_plugin_system_config_simple_014.png
ボタンの配置を詳細にカスタマイズする例です。
tiny_mce_plugin_system_config_custom_014.png

トラックバック(1)

このブログ記事を参照しているブログ一覧: TinyMCE-MTPlugin の使い方

このブログ記事に対するトラックバックURL: http://tec.toi-planning.net/mtos/mt-tb.cgi/159

» Movable Type 4.2で使えるTinyMCE プラグイン(Markup Mania [nagomu.org])~のトラックバック

Movable TypeのWYSIWYGエディタは、FCKeditorを使ってたけどMT4.2にバージョンアップするタイミングでTinyMCEに乗り換えよ... 続きを読む

コメント(19)

kenjiro :

MTで手軽に導入できるということで、とても便利に使わせていただいておりますが、ひとつ分からないことがあります。

「テンプレートの挿入」がそれなのですが、テンプレートファイルの置き場所や指定方法など、どのようにすればよいのかが分かりません。

オリジナルTinyMCEではHTMLで直接テンプレートファイルの場所(template_external_list_url : ~)を指定して使うようですが、こちらのプラグインの場合どういった方法をとるのでしょうか?

ご助言いただけるとありがたいです。

たく Author Profile Page:

コメントありがとうございます。

ご指摘の通り、「テンプレートの挿入」機能については、TinyMCEの初期化時に(template_external_list_url :)といった指定が必要になるのですが、0.1.5までのTinyMCE-MTPluginではそのような指定をすることができませんでした。

ただこのままでは、上記ようなケースに対応できないで、そのような細かい指定についても、「システムプラグイン設定」から行うことができるようにし、0.1.6としてリリースをいたしました。
よろしければお試しください。
http://code.google.com/p/tinymce-mtplugin/downloads/list

また「テンプレートの挿入」については、私の方では今までにこの機能が必要になったことがないため、あまり有効な例を示すことができないのですが、以下のように指定をすることで、指定したファイルをテンプレートとして利用することができるかと思います。

    template_templates : [
{
title : "Sample Template",
src : "mt-static/plugins/TinyMCE/template/sample.html",
description : "The samplate template of TinyMCE"
}
]

以上です。参考になりましたでしょうか。

kenjiro :

早速の対応ありがとうございます。
アドバイスを参考に新バージョンにて動作を確認することができました。
また、「テンプレートの挿入」に関しましては、ご教授いただいた設定方法の他にも、オリジナルのように複数のテンプレート設定をJSファイルにまとめ、そちらを指定するという方法でも動作することを確認しました。

さらに、今回の機能拡張により、単に「テンプレートの挿入」だけなく、画像やメディア、リンクなどの指定リストの追加や、スキンの指定といったことも可能になったようですね。
「Configuration options」が設定可能になたことにより、カスタマイズ性能が格段に向上し、ほぼオリジナル同等のことができるようになったと実感しました。

今回は、お忙しい中ありがとうございました。

たく Author Profile Page:

ご確認ありがとうございました。

TinyMCE本体については、私も存じていない部分が多くあると思いますので、お気付きの点がございましたら、お手数ですがまたご指摘を頂ければありがたいです。

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

わ~さん :

こんにちわ。
質問があります。
このプラグインをインストールしたら、
プラグインの管理画面を開くと以下のエラーがでるようになりました。
「Can't call method "defaults" on unblessed reference at lib/MT/Plugin.pm line 179.」

tinyMCEの機能も使えません。

使っているMTは4.01です。
(事情があってこのバージョンを使う必要があります)

お忙しいところ大変恐縮ですが、
どうすればいいのか教えてください。

たく Author Profile Page:

わ〜さん、コメントありがとうございます。

すみません。
MT4以降に対応と謳われていましたが、4.1以降でしか動作の確認はできていませんでした。
また手元で4.01の確認環境を整えることができないため、対応も難しそうです。

お力になれずに申し訳ありませんが、ご了承ください。

わ~さん :

こんにちわ。回答ありがとうございます。
前の質問とは別の環境で、もう一つ質問があります。

今度はMT4.23にTinyMCEプラグイン0.1.6.5をインストールしました。

記事投稿画面に各ボタンが表示されていますが、
ポップアップウインドウが出るボタン
(リンク設置のボタンや、顔アイコンのボタン)
を押すと、ポップアップしたウインドウの中に
--------------------------------------------
Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator, webmaster@localhost and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.
--------------------------------------------

と、表示されて、その機能を使うことが出来ません。

ポップアップの出ないボタン(太文字とか)は問題なく動作するんですけど・・・

お忙しいところ済みませんが、
またアドバイスお願いします。

たく Author Profile Page:

わーさん、コメントありがとうございます。

「Internal Server Error」というところから考えると StaticWebPath 以下に問題がありそうなところなのですが、例えば問題が発生している環境の StaticWebPath で、以下のURLにアクセスしたらどのようになりますでしょうか。

http://.../mt-static/plugins/TinyMCE/lib/jscripts/tiny_mce/plugins/emotions/emotions.htm

正しく設定されていれば、空白のページが表示されるはずです。
しかし上の症状からすると、このURLで「Internal Server Error」になるのではないかと思うのですが、いかがでしょうか。

わ~さん :

たくさん、ご返答ありがとうございます。

ご指示のURLにアクセスすると、空白のページになりました。
(Internal Server Error)は出ていませんでした。

むぎちゃ :

すごくいいプラグインなので自分のブログに使わせていただいてます。
友人に教えたら、ふと質問されまして
テーブルを入れて、td を th に替えたいところがあるとのことですが
HTMLを触らない方法で、画面上ではどのように設定できるのでしょうか。
お忙しいところ恐れ入ります。

たく Author Profile Page:

わ~さん、お返事ありがとうございます。
途中で間があいてしまい、大変申し訳ありません。
回答が遅くなって大変恐縮なのですが、まだ症状は発生しておりますでしょうか。

今のところ確認できている症状からだとちょっと解決のめどがたっていませんが、
とりあえず、続けさせて頂きます。

エラーが発生していないとなると、またちょっと分からないところなのですが、
TinyMCEがプラグインのアドレスを正しく認識できていないのかもしれないです。
一度、「Internal Server Error」の発生しているURLを確認して頂きたいのですが、
お願いできますでしょうか。

IEであれば、エラーの発生している部分で「右クリック => プロパティ」で表示されるアドレス、
Firefoxであれば、「右クリック => このフレーム => フレームのプロパティ」で表示されるアドレス、
でそれぞれ確認できると思います。

遅くなってしまい恐縮ですが、よろしければ、また状況等をお知らせ頂ければ幸です。
よろしくお願いします。

たく Author Profile Page:

むぎちゃさん、コメントありがとございます。

確かにそうですね、私も気づきませんでしたが、
TinyMCEには、tdをthへ変更するためのGUIのインターフェイスは用意されていないようです。

せっかくご指摘を頂いたところ申し訳ないのですが、これに関しては、
TinyMCEのHTML編集ボタンから編集をして頂くのが一番よいと思います。

よろしくお願いいたします。

こんにちは :

初めまして。
フォントなど追加して、カスタムして使わせて頂いています。

そこで質問なのですが、「絵文字」を使いたい場合、良い方法はありますか?
(たとえば、「表情アイコン」の中に追加する方法など)

絵文字挿入用のプラグインをインストールしてありましたが、TinyMCEを有効にすると、絵文字挿入用のプラグインが出てこなくなってしまいました・・・。

今は、「画像の挿入」で絵文字gifを挿入していますが、非常に手間がかかるので、簡単にしたいと思いまして・・・

よろしくお願いいたします。


たく Author Profile Page:

こんにちはさん、こんにちは。コメントありがとうございます。

TinyMCE で絵文字を挿入するための(TinyMCEの)プラグインを公開してくれている方がいるので、
そちらをインストールしていただくのがよいと思います。
※以下2つ、別のプラグインなので、どちらかをインストールすれば挿入できるようになります。
http://kyms.ne.jp/siteman/item_225.html
http://hogehack.blog80.fc2.com/blog-entry-22.html

上のサイトでもちょうど説明をして頂いていますが、これらのプラグインのインストール先は、
mt-static/plugins/TinyMCE/lib/jscripts/tiny_mce/plugins
ここになります。

プラグインに関する設定の変更についてはこのファイルでもよいのですが、
mt-static/plugins/TinyMCE/js/initialize.js
TinyMCE-MTPlugin的にはMTの「システムプラグイン設定」の「その他の設定」で、
以下のように設定をすることも可能です。
------------------------------------------------
{
plugins: "利用するプラグイン...."
}
------------------------------------------------

いかがでしょうか。

とも :

初めまして。

TinyMCE_ja-0.1.8をインストールしたのですが、画像の挿入・編集で、画像の参照ボタンが見当たりません。

参照できるようにするためにはどうしたらいいでしょうか?

よろしくお願い致します。

みーみー :

はじめまして
ブログ初挑戦中です。
便利なプラグインありがとうございます。

TinyMCEで使用する、画像ですが、サムネイルでどんどん増えていきますね。消す方法が見つかりません。
ご存知でしょうか?

たく Author Profile Page:

ともさん、コメントありがとうございます。

「画像の挿入・編集」はTinyMCEが(MTと関係なく)最初から持っている機能なのですが、
そのボタンからは手元のPCから画像をアップロードして挿入することはできません。

おそらくインストールしたTinyMCEには以下画像にあるボタンが付いているかと思いますので、
そちらのボタンを押して頂ければ、MTのアイテムから画像やファイルを挿入したり、
新規にアップロードをして画像やファイルを挿入できるかと思います。
http://tec.toi-planning.net/tiny_mce_insert_mt_asset.jpg

よろしくお願いいたします。

たく Author Profile Page:

みーみーさん、コメントありがとうございます。

サムネイルが増えていくとのことですが、
・画像をアップロードするたびに、それに対応する「...のサムネール画像」ができてしまう
ということでしょうか。

それであれば画像を挿入するときに「ファイルオプション」の画面で、
「サムネイルを利用」にチェックを入れないで画像を挿入すれば、
「...のサムネール画像」を作成しないで挿入することができます。

また一度作成された「...のサムネール画像」については画面上部のメニューの、
「一覧 > アイテム」へ進むと削除することができますが、
おそらく、サムネイル画像が作成されたということはどこかで使われているので、
削除をするとブログのページに表示されなってしまうかもしれません。
ですので、作成されてしまったものについては、今回については諦めて頂くのがよいかと思います。

いかがでしょうか。

みーみー :

たくさん❤

ありがとうございました。
テストで挿入した画像がどんどん増えていくのが、心配でしたが-----
アイテムの管理というのがあるのに、気づいておりませんでした。
ほっといたしました。

コメントする