TinyMCEでの画像のアップロードのカスタマイズ

Question

ファイルのアップロードに使用するASP.NET Web API Webサービスがあります。私がこれを行う方法は、クライアントがJSONオブジェクトをサービスに投稿することです（http://myserver.com/api/images/upload）。

オブジェクトは例えば、画像のbase64文字列表現に加え、いくつかのメタデータが含まれます

{ companyId: 12345, image: "someBase64encodedStringRepresentingTheImage" }

私はクライアント側でTinyMCEのを使用したいが、私はどのように把握することはできませんイメージをその形式でサーバーにアップロードするようにカスタマイズすることができます。

https://www.tinymce.com/docs/advanced/handle-async-image-uploads/：

Answer 1

TinyMCEの4.2 +は、実際にあなたがエディタで配置画像のアップロードを処理するためのプロセスで構築された独自のを持っている（TinyMCEのは、すべての画像アップローダーが付属していますように実際に、それはいないようです）

基本的なプロセスは、TinyMCEがエディタに挿入する画像ごとに別々のHTTP POSTを作成することです。それはあなたのinitのimages_upload_urlオプションの設定に基づいて、あなたの選択したURL（HTTP POST経由）にその画像を送信します。

images_upload_urlで参照されているURLのイメージハンドラは、アプリケーションにイメージを格納するために必要な作業をすべて実行する必要があります。

ストアデータベース内の項目

ストア資産管理システム

の項目Webサーバー上のフォルダに

• ストアアイテム..：それはのようなものを意味するかもしれませんイメージを保存する場所を問わず、イメージハンドラはTinyMCEにイメージの新しい場所を伝えるJSONの1行を返す必要があります。 TinyMCEのは、あなたが返す値に画像のsrc属性を更新します

  { location : '/uploaded/image/path/image.png' } 
  

  ：TinyMCEのドキュメントで参照ように、これは次のようになります。 initでimages_upload_base_path settingを使用し、返された場所の先頭に追加される場合。

  TinyMCEは埋め込まれた画像があなたのコンテンツにいつ存在するのかを知っていますが、あなたのアプリケーションのコンテキストでその画像をどうするかを知ることができないので、ジョブ（「イメージハンドラ」）作成する必要があります。

  デフォルト1が十分でない場合は、独自のイメージハンドラを作成するためのオプションがあります：

  https://www.tinymce.com/docs/configure/file-image-upload/#images_upload_handler

  私はあなたがいないので、TinyMCEは付属していますアップローダーを使用しようとお勧めしますが、あなた自身のコードを書いて維持しなければなりません（いつでもより簡単です）が、組み込みコードが適切でない場合は、実際に自分の関数に置き換えることができます。