asp.net mvc wysiwygエディタw /データベース画像アップロード/プレビュー

Question

データベースにアップロード/プレビューする機能を備えたjQuery WYSIWYGエディタはありますか？ よく知られているCKEditor + CKFinder用のアダプタがデータベースと連動するのでしょうか？ ありがとうございました！

Answer 1

"What's the best WYSIWYG editor when using the ASP.NET MVC Framework?"には、いくつかのWYSIWYGの提案があります。個人的には、TinyMCEが好きです。彼らはimage managerも持っています。

• 簡単に統合できます。 MCFileManager互換。
• フォルダを作成します。 イメージをアップロードします。
• トリミング&サイズ変更（GDが有効な場合）。
• サムネイル自動生成 （GDが有効な場合）。
• EXIF jpg/jpegおよびtiffサムネイルをサポートしています。高度に の設定が可能です。
• 完全にフルスクリーンで動作し、 「ポップアップ」モードで動作します。完全なソースが含まれ、難読化されていません。
• JSONブリッジを使用するAjaxベースの インターフェイス。多言語サポート。

限り、データベースの画像のサポートが行くように、あなたがイメージリストを使用することができます（PHPで同様の議論のためのhttp://www.tinymce.com/forum/viewtopic.php?id=12634を参照してください）：

ImageController.List()は、アクションのJSON配列を返すコントローラのアクションである

<script language="javascript" type="text/javascript" src="../../jscripts/tiny_mce/tiny_mce.js"></script> 
<script language="javascript" type="text/javascript"> 
tinyMCE.init({ 
    theme: "advanced", 
    mode : "textareas", 
    plugins : "style", 
    theme_advanced_buttons3_add : "styleprops", 
    content_css : "../tiny.css", 
    external_image_list_url : "Image/List", 
    browsers : "msie,gecko,opera" 
}); 
</script> 

あなたのイメージへのリンクをデータベースから取得し、ImageController.View(id)は画像を返すアクションです：アップロードする次に

["test_before.jpg", "Image/View/bread"], 
["cherry.jpg", "Image/View/cherry"], 
["bread.jpg", "Image/View/bread"], 
["test_after.jpg", "Image/View/cherry"] 

を、あなたはその別のアクションを作成する必要があります投稿されたファイル（画像）を受け取り、データベースに保存します。あなたのためにこれの世話をするいくつかのオープンソースのプラグインがあります。

• http://tinymcefckfilemanger.codeplex.com/
• http://aspnetadvimage.codeplex.com/

Answer 2

私はhttp://labs.corefive.com/projects/filemanager/プラグインを使用しています。 CKEditorとFCKEditorをサポートします。

もちろん、ファイルを保存する場所などをプログラムする必要がありますが、いくつかの例があります。