TinyMCE-MTPlugin の使い方

MT > TinyMCE-MTPlugin
| | コメント(26) | トラックバック(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: https://tec.toi-planning.net/mtos/mt-tb.cgi/623

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

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

コメント(26)

kenjiro :

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

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

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

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

Taku AMANO :

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

ご指摘の通り、「テンプレートの挿入」機能については、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」が設定可能になたことにより、カスタマイズ性能が格段に向上し、ほぼオリジナル同等のことができるようになったと実感しました。

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

Taku AMANO :

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

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

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

わ~さん :

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

tinyMCEの機能も使えません。

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

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

Taku AMANO :

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

すみません。
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.
--------------------------------------------

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

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

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

Taku AMANO :

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

「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を触らない方法で、画面上ではどのように設定できるのでしょうか。
お忙しいところ恐れ入ります。

Taku AMANO :

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

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

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

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

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

Taku AMANO :

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

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

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

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

こんにちは :

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

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

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

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

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


Taku AMANO :

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

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

Taku AMANO :

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

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

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

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

Taku AMANO :

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

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

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

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

いかがでしょうか。

みーみー :

たくさん❤

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

まさる :

はじめまして。
MT4.261にて、TinyMCEを使用しております。

管理画面上で設定を変更できて、とても便利なのですが、
「スタイル」と「フォーマット」の選択項目も管理画面上でカスタムできるとうれしいです。

自力で「スタイル」と「フォーマット」をカスタムするには、どのファイルをいじればよろしいでしょうか?

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

Taku AMANO :

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

「スタイル」や「フォーマット」については専用の設定項目は設けていないのですが、「その他の設定」で「カスタム」を選択していただいて、「設定値」を例えば以下のようにして頂くと指定することができます。
----------------------------------------------------------------------------------------------
{
theme_advanced_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1",
theme_advanced_blockformats : "p,div,h1,h2,h3,h4,h5,h6,blockquote,dt,dd,code,samp"
}
----------------------------------------------------------------------------------------------
設定内容は以下のページに書かれている通りです。(詳しい説明ではないのですが。)
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/theme_advanced_styles
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/theme_advanced_blockformats

またその他についても、設定項目として指定可能な値については上記の項目で設定できますので、必要な場合はお試しいただければと思います。
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration

よろしくお願いします。

まさる :

ご返答ありがとうございます。

コメントどおり設定して、問題なくカスタマイズできました。
こんなに簡単に変更できるとは・・・

ほんとにありがとうございました。

かおる :

はじめまして。

Movable Type version 4.261で使わせて頂いております。
有難うございます。

利用させてもらってから間もないのですが、
下記のようなエラーが発生しています。

未公開(原稿)にチェックを入れて、[保存]すると、
[本文]・[続き] 共に入力した内容が
全て消去されてしまいます。


インストールは手順通り行い、その後何も設定をいじってはいません。

お忙しいとは存じますが、ご回答頂ければ幸いです。
宜しくお願い致します。

Taku AMANO :

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

まず症状としては、
「公開の場合は正常に動作するが、未公開の場合に内容が消去されてしまう」
ということでよいでしょうか。

また今のところ手元の環境ではそのような現象は発生していないのですが、
以下の情報について教えていただけますでしょうか。
・症状が発生するブラウザとバージョン
・インストールした「TinyMCE-MTPlugin」のバージョン

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

かおる :

たく様へ

ご返答感謝いたします。

バージョンは TinyMCE0.2.0 です。
利用ブラウザは、IEの8になります。


>「公開の場合は正常に動作するが、未公開の場合に内容が消去>されてしまう」

そうです。
補足としまして、[本文]を書き終わり[続き]を書く前に
念のため保存(未公開原稿)しておこうとすると[本文]
保存実行後、[本文]が消去されてしまいます。
両方書いて保存(未公開原稿)で、消去されます。
投稿記事一覧から修正に戻ってみても、[本文][続き]は
空白(保存されていない状態)のままです。

宜しくお願いいたします。

Taku AMANO :

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

こちらでも MT4.261 + TinyMCE 0.2.0 + IE8 という構成で同様の操作をしてみたのですが、問題となる症状が確認できていません。公開を選択した場合には正しく保存されるということであればインストール自体は正しく完了しているものと思いますが、もしかすると、一度上書きでインストールをして頂いた方がよいかもしれません。

また症状は異なるのですが、「フォーマットを切り替えて編集を行なった場合に、保存時に編集内容が消えてしまう」という問題が先日リリースした 0.1.13(MT4用) で解消されたので、もしかすると、それで直るという可能性もあるかもしれません。

原因が特定できずに残念な限りですが、まずは、0.1.13 などをお試し頂けると幸いです。
よろしくお願いします。