具有数据库图像上传/预览功能的asp.net mvc所见即所得编辑器

Question

有没有jQuery所见即所得编辑器，可以上传图像到数据库，然后预览图像？也许有一些适配器可以让知名的CKEditor + CKFinder与数据库协同工作？谢谢!

Answer 1

“What's the best WYSIWYG editor when using the ASP.NET MVC Framework?”有一些所见即所得的建议。就我个人而言，我喜欢TinyMCE。他们也有一个很漂亮的image manager。

• 易于集成。兼容MCFileManager。
• 创建文件夹。上传图片。
• 裁剪和调整大小(如果启用了GD )。
• 缩略图自动生成(如果启用了GD )。
• EXIF jpg/jpeg和tiff缩略图支持。高度可定制的配置。
• 在全屏和“弹出”模式下都能完美工作。包含完整的源代码，没有混淆。使用JSON桥的基于
• Ajax的接口。多语言支持。

就数据库镜像支持而言，您可以使用镜像列表(参见http://www.tinymce.com/forum/viewtopic.php?id=12634中的类似讨论)：

<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.List()是一个控制器操作，它返回指向从数据库中检索到的图像的操作链接的JSON数组，而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。

当然，你必须对你想要存储文件的部分进行编程，等等，但它们确实包含了一些示例。