5

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

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

詳細情報/ニーズ:

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

どうもありがとう！:-)

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

4

3 に答える 3

2

私はpluploadをかなり使用しましたが、非常に便利であることがわかりました。ブラウザーにフラッシュ、シルバーライト、またはhtml5がない場合の要件であるhtml4でうまく機能します。あなたはもうそれを見ましたか？Amazon と S3 についてこれを見たのを覚えています。幸運を！

于 2012-08-02T20:48:35.237 に答える
1

ドラッグ アンド ドロップをサポートしているjQuery File Uploadを試すことができます。

また、25 以上のjQuery ドラッグ アンド ドロップ プラグインを参照する (または 1 つを採用する) こともできます。

お役に立てれば。

于 2012-08-12T13:30:27.520 に答える
0

わかりました、これはちょっと奇妙です。編集者でさえ、base64 を使用してエンコードするトリックを使用します。

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

これは問題ないと思いますが、適切なサイズの写真が4〜5枚あると、投稿を表示するとサーバーの負荷が非常識なレベルに跳ね上がりました.. httpが100％を占めるなど.. 1人または2人以上が投稿を閲覧している場合、シャットダウンします. 面白いことに、エディターで問題なく表示されます。問題が発生するのは、保存して公開するときです。なぜこのヒットしたApacheが投稿を表示するのが難しいのかよくわかりません（エディターで問題なく見えたとき）

于 2012-08-12T13:28:48.157 に答える