2012-08-02 91 views
5

Gmailでは、ローカルのファイルブラウザ(URLではなく)から画像をドラッグアンドドロップしたり、コピーした画像を貼り付けるだけで、新しいメッセージ/返信ウィンドウにインライン画像をアップロードすることができます。TinyMCE用のドラッグドロップ/ペースト画像挿入(アップロード)プラグインなどはありますか?

この機能をTinyMCEエディタに追加する簡単な方法はありますか?そうでない場合は、これがどのようにして最も簡単なやり方でできるかについてのアイデアはありますか?

さらに先/ニーズ:

  • Aは、ユーザが低下する場合ドロップ/貼り付けられた画像は、2つの段落の間に/正確すなわちTinyMCEのウィンドウにペーストを(表示されなければならないので、「ドロップゾーン」は、使用できない定義しましたのテキスト)。
  • アップロード時またはアップロード後の画像の処理/サイズ変更、 500kbが好ましいだろう。
  • 使いやすさの理由から、上記と同じ理由で、Gmailに画像のアップロードを開始するようなダイアログは表示されません。質問はありません。
  • TinyMCEにドロップ/ペーストされた画像は、Amazon Simple Storage Service(S3)で保存されます。 Tinyのテキストはデータベースに保存されます。 Amazon S3ではなく、貼り付けたイメージをデータベースに保存することもできます(Heroku with PostgreSQLを使用)。
  • 正しい順序/文脈でテキストとイメージが後のタイマーで再びユーザに提示されるので、イメージをドロップ/ペーストするとき、またはTinyMCEフォームを保存するときに、プレースホルダなどが画像情報はTinyMCEに書き込まれなければなりませんので、将来画像を取得する必要があるときに表示する画像やテキストの場所を知る必要があります。
  • ウェブサイトはRails 3.1.3を使用していますが、すぐに3.2にアップグレードされます。
  • HTML5のみで問題ありません。つまり、HTML4との互換性は重要ではありません。

ありがとうございました! :-)

PS。私はグーグル+右の解決策を見つけることなく、ここで同様の質問を見ました。

答えて

2

私はpluploadをかなり使っていて、非常に便利だと分かっていますが、ブラウザにはフラッシュやシルバーライトやhtml5がない場合のhtml4がうまくいきます。あなたはまだそれを見ましたか?私はアマゾンとS3についてthisと覚えています。がんばろう!

+0

ありがとうございます:-)私はそれを見て、それが使用可能かどうかを見ていきます。 – rassom

+0

あなたはようこそrassom – jjay225

+0

あなたはtinymceと一緒にpluploadで成功しましたか?画像をドラッグ&ドロップして画像をアップロードして保存することができましたか? – Manachi

0

これはまあまあです。 HTTPは100%を取って、私はOKですが、ポスト見て妥当な大きさの4-5の写真を使用してサーバーの負荷が非常識なレベルにジャンプさせ推測

<img alt="" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQ.. 

..:でも、編集者が使用してBASE64をエンコードするためにトリックを使用していますポストを見ている人が二人以上いれば、私たちはそれを止めました。面白いのは、エディタでうまく表示されることです。痛みが襲ったときに保存して公開するときです。これは一生懸命あなたがドラッグ&ドロップ&のサポートを持っているjQuery File Uploadを試すこと

+0

私の質問や別の答えはこの答えですか?あなたは "投稿"を言及しています - 私が言及していないもの: – rassom

+0

彼はTinyMCEに画像をドラッグアンドドロップした後に保存/送信をクリックすると何が起こるかを指しています。これは、画像をbase64でエンコードされたデータuriとしてサーバーに送信します。ここで、何らかの処理が必要です。 – Manachi

1

(エディタでは、罰金に見えた)のポストを表示するApacheを打つ理由は本当にわかりません。

また、25+ jQuery Drag and Drop Pluginsに行っても構いません。

これが役に立ちます。

+0

これはあなたが探しているものですか?それ以外は私に知らせてください。 –

+0

ありがとう、@blasteralfred。私はTinyMCEのために、プラグインのような箱の中で動作するものにしたいと思っています。また、jQueryファイルUplaodはサムネイルでファイルをアップロードしますが、TinyMCEエディタのすぐそばに完全な画像を表示したいのです(Gmailのメールボディウィンドウに画像をドラッグアンドドロップする場合と同じです)。 – rassom

関連する問題