asp.net mvc wysiwyg编辑器w /数据库图像上传/预览

时间:2011-10-18 11:44:19

标签: jquery asp.net-mvc wysiwyg

是否有任何jQuery WYSIWYG编辑器能够上传然后从数据库预览图像? 也许有着名的CKEditor + CKFinder的适配器可以与数据库一起使用? 谢谢!

2 个答案:

答案 0 :(得分:1)

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

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

就数据库图像支持而言,您可以使用图像列表(请参阅http://www.tinymce.com/forum/viewtopic.php?id=12634以了解php中的类似讨论):

<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"]

然后要上传,您需要创建另一个接受已发布文件(图像)并将其保存到数据库的操作。有一些开源插件可以为您解决这个问题:

答案 1 :(得分:0)

我正在使用http://labs.corefive.com/projects/filemanager/插件。支持CKEditor和FCKEditor。

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