2011-08-30 9 views
2

Tinymceでは、URLを参照して画像を追加することができます。通常のユーザーの場合、おそらくURLが何であるかを知りませんが、これは面倒です。彼らは自分のコンピュータ上にイメージを持っており、それはHTMLテキストに埋め込まれるべきです。これを実現するための簡単な方法はありますか?どのように画像をtinymceに埋め込むことができますか?

ファイルアップロードプラグインは、この特定のインスタンスでは役に立ちません。これは、tinymceエディタがローカルで実行されるためです。画像は実際にに埋め込まれている必要があります。 htmlテキストにあります。

答えて

1

init init_enlementsとvalid_childrenが正しく設定されていることを確認する必要があります。あなたはどのようにしてユーザーに画像を埋め込みたいのですか? (buttonclick、ドラッグアンドドロップ、...)

使用できるのTinyMCEのAPIごとに画像を挿入するには:

editor.execCommand('mceInsertContent', false, '<img src="images/myimage.jpeg" height="12" width="12" />'); 

私は強くあなたがTinyMCEを開発者バージョンをダウンロードして、詳しく見を持ってお勧めファイルtiny_mce/themes/advanced/editor_template_src.jsとtiny_mce/themes/advanced/charmap.htmlを参照してください。可能であれば、 "charmap"のソースコードを検索してください。 文字を挿入する代わりに、画像のHTMLコードを挿入する必要があります。

+0

「画像を挿入」ボタンを使用します。もちろん、ドラッグ・アンド・ドロップはきれいです!しかし、ボタンはおそらく発見するのが簡単で、特別なトレーニングは必要ありません。 –

+0

この場合、ボタンをクリックすると、1つの画像(同じもの)が挿入されるか、ダイアログが1つ選択されますか? – Thariama

+0

「画像を挿入」ボタンを押すとファイルを選択するダイアログが私が目​​指しているものです。 –

1

私のようなプラグインでは、いくつかの制限があり、そのここで見つけるプラグイン(https://github.com/buddyexpress/bdesk_photo

を作成しました:

  • 画像が等しくなければなりません未満、500キロバイト
  • イメージがなければなりません寸法が800×800以下である。
関連する問題