web-dev-qa-db-ja.com

CKEditorシンプルな画像アップロード機能

CKEditorを使用したシンプルなワンクリックの画像アップロード機能が欲しいのですが。 D6とCKEditor 3.6.1を使用しています。サーバーファイルの閲覧機能は必要ありません。ユーザーのコンピューターから画像をアップロードするだけです。

私はこの問題について徹底的に調査し、提案されたさまざまなアプローチを試しました。私のニーズに最適なソリューションは、IMCEモジュールとCKEditorモジュールのCKFinderプラグインをインストールすることです。だから私はそれだけを行い、ここにあるインストール手順に従いました: http://drupal.org/node/738092

アップロードされた画像はサーバーの宛先フォルダーに到達しましたが、CKEditorの[画像のプロパティ]ダイアログを開いて[サーバーに送信]ボタンをクリックしても、UIで何も変わりません。

CKEditorが「画像」ダイアログを閉じて、アップロードされた画像をテキストエリアに挿入することを希望しています。

これが私の状況をよりよく説明するためのスクリーンショットです。

-デスクトップからファイルをアップロードする

Uploading a file from my desktop

-予期される結果-「画像」ダイアログが自動的に閉じ、画像がtextareaに挿入されました

Expected result - 'Image' dialog automatically closed and image inserted to textarea

-実際の結果-「イメージ」ダイアログは開いたままで何も変化しません

Actual result - 'Image' dialog stays open and nothing changes

この方法で画像アップロード機能を実装した人はいますか?私が欲しいものを手に入れる良い方法はありますか?

3
Avner Schwartz

D7に到達した場合、このモジュールはまさにあなたが探しているものを実行します。

ワンクリックアップロードモジュール

BUEditorおよびCKEditorのボタン。ワンクリックでファイルをアップロードできます。

特徴

  • 画像をアップロードしてエディターの画像コードに挿入する
  • ファイルをアップロードしてエディターのリンクコードに挿入する
  • マルチアップロードファイルと画像
  • 画像スタイルとの統合
  • 編集可能なHTMLテンプレート
4
Bryan Casler

これで CKUtils Image プラグインが利用可能になりました!セットからの別のプラグインも参照してください。例: プレビューをアップロードするには フルサイズの画像へのリンク付き。

1
john

Drupal 7バージョンを使用する場合、必要に応じて ワンタイムアップロードモジュール を使用できます。

特徴:

  1. 画像をアップロードしてエディターの画像コードに挿入する
  2. ファイルをアップロードしてエディターのリンクコードに挿入する
  3. マルチアップロードファイルと画像
  4. 画像スタイルとの統合
  5. 編集可能なHTMLテンプレート

モジュールの詳細については、このモジュールのREADME.txtを参照してください。

1
Nitesh Sethia

dragndrop_uploads モジュールを使用できます。 Drupal 7とDrupal 6の両方のバージョンを提供し、後者は " すべてのリリースを表示"リンク)の後ろに隠されている 、おそらくそれらは現在サポートされていないためです。

名前にもかかわらず、それは一般的なファイルアップロードモジュールではありませんが、リッチテキストエディターへの画像アップロード用に作成されました。 プロジェクトページ から:

ドラッグアンドドロップアップロードモジュールは、ローカルファイルシステムから画像をドラッグし、ノード本体のテキストエリアにドロップして、ファイルをノードに自動的にアップロードして参照する機能を追加します。 […] [提供] WYSIWYGモジュールのサポート。

0
tanius

次のプラグインを試してみてください。ファイルブラウザーを必要とせずに、サーバーにファイルを直接アップロードできます。素晴らしく、単にあなたが得る最高の体験!

http://doksoft.com/soft/ckutils/index.html

0
Patrick