TinyMCE-MTPlugin の使い方

MT > TinyMCE-MTPlugin
| | コメント(37) | トラックバック(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/159

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

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

コメント(37)

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 などをお試し頂けると幸いです。
よろしくお願いします。

カンタ :

利用させてもらってます。大変便利で感謝してます。
ひとつ質問なのですが、MTで概要にこのウィジウィグをいれて記事を書いた後に、MTのBlogStatsに表示されるエントリー内容の部分には、ソースが丸見えの状態で表示されます。

本文と続きに入力された内容は問題なく、BlogStatsにもソースは表示されずテキストだけが表示されます。

ここはMT側の仕様だとは思いますが改善策などあったりしますでしょうか?

Taku AMANO :

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

概要欄について確かにMTの仕様で、ご指摘の状態になると思います。
この問題についてはTinyMCEで解決できないのですが、
alt-tmpl を使って tmpl/cms/widget/blog_stats_recent_entries.tmpl の中の、
以下の部分を「escape="html"」しないようにすれば解決するかと思います。
※結果は未確認です。
--------------------------------------------------------------------
<div class="entry-content">
<p><mt:entryexcerpt escape="html"></p>
</div>
--------------------------------------------------------------------
ただそうした場合、ブログ記事入力者が悪意をもって「概要」欄にJavaScriptを書き込んだ場合に、
管理者権限でBLOG STATSを表示したときにセキュリティ的に問題になる動作をさせることができるようになるかもしれません。

ちょっと複雑になってしまいすみませんが、ご確認頂ければと思います。

akai :

お世話になっております。
TinyMCE-MTPluginを使わせていただいたところ、ユーザー情報でシステム権限のシステム管理者にチェックが入っていないと、そのユーザーのエントリー画面でリッチテキストを選択した場合にエディタが出てこないようです。
バージョンは
Movable Type Pro version 4.261
TinyMCE-MTPlugin 0.1.13
です。

以上、よろしくお願いします。

HIR :

大変使い勝手が良さそうなので、今回初めて利用させて頂きました。

マニュアルに沿って指定されたディレクトリにファイルをアップロードし、
プラグイン設定なので、好みの設定にした上で、投稿画面を開いてみましたが、「'tinyMCE'が宣言されていません」とのエラーが出てしまい、tinyMCEのボタンも表示されない為、少し行き詰まっています。

google等で「'tinyMCE'が宣言されていません」を調べても、あまり有益な情報が無かった為、書き込みさせて頂きましたが、この件にて何か解決方法はありますでしょうか?

バージョンはTinyMCE 0.1.13、
MTは4.25となります。

恐れ入りますが、宜しくお願い致します。

タカラヤ :

お世話になっております。
以前こちらでも「画像の挿入・編集」の事でお聞きになってる方がいらっしゃって「画像の挿入」ボタンの方を使うようご教授頂いておりましたが、「フルスクリーン」ボタンで全画面にして「画像の挿入」の方を使うと全画面表示の裏に画像差し込み画面が隠れてしまいます。(「画像の挿入・編集」ボタンの方は隠れないで表に出てくるのですが)

そのため、「画像の挿入・編集」を是非とも使いたい状況ではあるのですが、「TinyMCE for Movable Type 1.30ja」の方では、Complete php file/image managerというソフトが組み込まれていましたが、こういうソフトは自前で組み込むのは難しいのでしょうか?
http://www.dakiny.com/tinymce/guidance.html

rd :

はじめまして。
個人のブログでも使用させて頂いております。ありがとうございます。

手入力したHTMLを自動で整形・加工するように出来ていると思うのですが、それで困っています。

PDFを画面に埋め込もうとembed文で直接入力した後更新を押すとobject文に変換された上にタイプがflashになっています。flashをpdfに変えても戻ります。リッチテキスト編集をしなければいいのですが、そういうわけにも行かず、何とかこの自動整形をやめさせたいと思うのですが、何かいい手はございませんでしょうか。
私の勉強不足でとんでもない質問でしたら申し訳ありません。

また、tableなんかでも自動整形されてしまいますね。

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

MvableType 5.02使用です。

demi :

emotionsファイル内のimgに絵文字を追加しemotions.htmlを書き換えて表示できるようになりましたが、
angs/ja_dlg.jsに日本語で書き換えると文字化けします。日本語でも表示できるようにしたいのですが、教えていただけないでしょうか。

上田 :

はじめまして、上田と申します。

1つ教えていただきたいのですが、WEB上のテキストやマイクロソフトのワード中のテキストをコピー&ペーストするとHTMLタグやCSSを含んだ状態でペーストされるのですが、純粋にテキストだけをペーストできるようにするためには、どのようにしたらよいでしょうか。

大変お手数ですが、よろしくお願いいたします。

Yuuki :

いつもお世話になります。

一点だけTinyMCEについて質問をしたいのですが、エディターの「左寄せ」ボタンを押した際に「float:left;」が吐き出すのですが、同時に「margin-right:20px;」も吐き出すように設定を行うことはどこのファイルを触れば対応できますでしょうか?

fk :

すてきなプラグインなので
TinyMCE-MTPlugiを導入させていただいたのですが、
画像挿入ボタン(右下から1、2番目)のボタンを押すとエラー(不明なアクション: dialog_list_asset )になってしまいます。

環境は下記になります。
TinyMCE 0.2.2
MT version 5.06

Akinoko :

はじめまして。
便利なプラグインをありがとうございます。
fkさんのご質問と同じく、私も画像挿入ボタンのエラーで困っています。

不明なアクション: dialog_list_asset )になってしまいます。

使用環境は
TinyMCE 0.2.2
version 5.031
です。よろしくお願いします

コメントする