web-dev-qa-db-ja.com

CKEditor画像のアップロード

作業中のプロジェクトに CKEditor を含めようとしています CKFinder プラグインによる画像アップロードサポートが必要ですが、残りの部分は特に必要ありませんCKFinderツール、つまりライセンスの購入は少しやりすぎです。 ASP.NET MVCで動作するCKEditor 3のカスタム画像アップローダーを実装するために時間をかけた人はいますか?必要に応じて、自分で作成することもできます。最初にここを確認したいだけです。

または、画像のアップロードをサポートし、ASP.NET MVCで動作する CKEditor / Cute Editor と同等のまともなWYSIWYGエディターを知っている人はいますか?

24
Nathan Taylor

以下は、Fckeditor用にASP.NET WebFormsで最初に記述した画像アップローダーです(そのため、テーマが一致しなくなりました)。Ckeditorで動作するように変更しました。

https://github.com/mcm-ham/ckeditor-image-uploader

更新:このWebForms画像アップローダーをMVCプロジェクトに追加する方法を示す例を追加しました。

更新2:.NET Core MVCプロジェクトで使用できるRazorページバージョンを追加しました。

29
Michael

これは、CKEditorを使用してASP:NET MVC2(Webformsではない)で画像をアップロードする方法のチュートリアルです

http://arturito.net/2010/11/03/file-and-image-upload-with-asp-net-mvc2-with-ckeditor-wysiwyg-rich-text-editor/

22
Artur Kędzior

私はckeditorとASP.NETを使用したアップロードコントロールを使用しましたが、特にMVCは使用していません。 ckeditorに匹敵するものは見つかりませんでした。設定が簡単で、同じ機能を提供しているものです。

MVCの制限はわかりませんが、次の方法でファイルアップロードのサポートを設定しました。

  • あなたが言及したCKFinderプラグインを主に参照する基本的なドキュメント:

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29

  • アップロードコンポーネントの実装方法に関するより良いドキュメント:

カスタムファイルブラウザ/アップローダーをCKEditorと統合するにはどうすればよいですか?

それ以外の場合、ckeditorはリクエストオブジェクトにすべての画像バイトを詰め込み、アップロード用に構成されたページに送信するだけだと思います。このページはそれらのバイトを受け取り、それが好きなことを行うことができます(つまり、それらをファイルシステム、SQLサーバーなどに保存します)。ここでカスタム実装が行われます。

ページを使用してアップロードを行う代わりに、httphandler実装を使用しました。ページckeditorはリダイレクトして必要なjavascript関数を呼び出し、アップロードが完了した後のアップロードのステータスを示しますが、ハンドラーは実際のファイルのアップロードを実際に制御します。私が使用したhttphandlerの基本的な実装は次のとおりです。

http://darrenjohnstone.net/2008/07/15/aspnet-file-upload-module-version-2-beta-1/

これが少なくとも出発点になることを願っています。


更新:他のものを検索しているときにこれを見つけました。詳細は調べていませんでしたが、路地のすぐ上にあるようです。

http://interactiveasp.net/blogs/spgilmore/archive/2009/06/03/how-to-support-file-uploads-in-asp-net-mvc.aspx

2
user82646

すぐに実装して信頼できるソリューションが必要な場合は、CKEditorの画像をアップロードして保存するためのホストされたソリューションを検討してください。たとえば、プラグイン:

http://ckeditor.com/addon/uploadcare