当前位置：文江博客话题详情

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

发布于 2024-12-10 16:16:16 字数 100 浏览 0 评论 0原文

是否有任何 jQuery WYSIWYG 编辑器能够上传图像，然后预览数据库中的图像？也许有一些适配器可以让著名的 CKEditor + CKFinder 与数据库一起使用？谢谢你！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

指尖上得阳光 2024-12-17 16:16:16

" 使用时最好的所见即所得编辑器是什么ASP.NET MVC 框架？”有一些所见即所得的建议。就我个人而言，我喜欢 TinyMCE。他们有一个非常漂亮的图像管理器。

易于集成。 MCFileManager 兼容。
创建文件夹。上传
图像。
作物与调整大小（如果启用了 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"]

然后要上传，您需要创建另一个接受发布的操作文件（图像）并将其保存到您的数据库中。有一些开源插件可以为您处理此问题：

" What's the best WYSIWYG editor when using the ASP.NET MVC Framework? " has a few WYSIWYG suggestions. Personally, I like TinyMCE. They have an image manager that's pretty slick too.

Easy to integrate. MCFileManager compatible.
Create folders. Upload
images.
Crop & Resize (if GD is enabled).
Thumbnail auto generation
(if GD is enabled).
EXIF jpg/jpeg and tiff thumbnail support. Highly
customizable configuration.
Works perfectly in fullscreen and
"popup" mode. Full source included, not obfuscated.
Ajax based
interface using a JSON bridge. Multilanguage support.

As far as database image support goes, you can use an image list (see http://www.tinymce.com/forum/viewtopic.php?id=12634 for similar discussion in 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>

Where ImageController.List() is a controller action that returns a JSON array of action links to your images retrieved from the database and ImageController.View(id) is an action that returns an image:

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

Then to upload, you'll need to create another action that will accept a posted file (image) and save it to your database. There are a few open source plugins that will take care of this for you:

回复收藏 0 原文