CKEditor图像上传

时间:2009-09-22 16:54:50

标签: asp.net-mvc ckeditor wysiwyg image-uploading

我希望在我正在处理的项目中包含CKEditor,我需要CKFinder插件提供的图片上传支持,但我并不特别需要CKFinder工具的其余部分和因此购买许可证有点矫枉过正。有没有人花时间为CKEditor 3实现一个可以与ASP.NET MVC一起使用的自定义图像上传器?如果需要,我可以创建自己的,只是想先在这里查看。

或者,是否有人知道一个与CKEditor / Cute Editor相同的WYSIWYG编辑器,它支持图像上传,并且可以在ASP.NET MVC中使用?

4 个答案:

答案 0 :(得分:29)

这是我最初在ASP.NET WebForms for Fckeditor中编写的图像上传器(因此主题不再匹配),我已修改为与Ckeditor一起使用。

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

更新:我现在添加了一个示例,说明如何将此WebForms图像上载程序添加到MVC项目中。

更新2:我现在已将此内容上传到Github。

答案 1 :(得分:22)

以下是如何使用CKEditor

使用ASP:NET MVC 2(非Webforms)上传图像的教程

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

答案 2 :(得分:2)

我使用过ckeditor和使用ASP.NET的上传控件,但没有使用MVC。我还没有发现任何与ckeditor相同的东西,甚至可以轻松设置或提供相同的功能。

不确定MVC的限制,但我使用以下方法设置了文件上传支持:

  • 基本文档主要涉及您提到的CKFinder插件:

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

  • 有关如何实施上传组件的更好文档:

How can you integrate a custom file browser/uploader with CKEditor?

否则,我相信ckeditor只会填充请求对象中的所有图像字节,并将其发送到配置为上传的页面。这个页面可以取这些字节并做任何它喜欢的事情(即将它们保存到文件系统,sql server等)。这就是自定义实现的用武之地。

我没有使用页面进行上传,而是使用了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

答案 3 :(得分:2)

如果您需要快速实施并拥有可靠的解决方案,您可以考虑使用托管解决方案为CKEditor上传和存储图像 - 例如,我们的插件:

http://ckeditor.com/addon/uploadcare