2011-12-13 10 views
8

tinymceのプラグインまたは外部のjqueryソリューションを探しています。画像をドラッグ&ドロップして画像をアップロードして挿入することができます。テキストエリア自体、または定義された「ドロップゾーン」、Wordpressの新しいメディアアップロードボタンに類似したもの、さらにはダイアログを表示せずにすばらしいものです。画像をドラッグアンドドロップして画像をアップロードする

私はギャラリーブラウザや画像リポジトリ管理のような特別な機能は欲しませんし、すでにいくつかのプラグインを試していて、顧客はあまりにも面倒で複雑であると感じています。彼はそのイメージを再び使用するつもりはない。

+0

こんにちはボルテックス。あなたは解決策を見つけましたか?私は似たようなものを探しています。 – rassom

+2

私はこのようなことをしなければならなかった。私の解決策は、base64イメージをサーバーに、次にサーバー側にテキストを提出し、Domからbase64 urisを抽出し、ファイルに書き込み、SRCを新しく作成したファイルのパスに置き換えて送信することでしたデータベースへのテキスト – chiliNUT

+0

@chiliNUTこれは興味深い解決策です。これで成功しましたか?非常に大きな画像はどうでしょうか、問題はありましたか? – Manachi

答えて

2

どのブラウザをサポートする必要がありますか?

TinyMCEテキストエリアに画像をドラッグアンドドロップするだけでしたか? base64でイメージをエンコードし、そのエンコーディングをイメージタグのsrc属性の値として使用します。顧客は「もう一度そのイメージを使用するつもりはない」ため、一時的な解決策である可能性があります。特にロゴなどのようなイメージが非常に小さい場合。

また、多くの人がhttps://github.com/valums/file-uploaderでドラッグアンドドロップアップロード機能を成功させていますが、どのようにTinyMCEと統合するかはわかりません。

+0

いいえ、エンコーディングbase64の画像はオプションではありません。それをサポートしていないブラウザでも表示できますし、画像のサイズも自由です。私はいくつかの成功とvalumsファイルアップローダでそれをやろうとしてきたが、私の限られたJavaScriptの知識と例の欠如と私のニーズにそれを適応させることは非常に困難です。 – Borgtex

関連する問題