2009-09-22 18 views
24

Estoy buscando incluir CKEditor en un proyecto en el que estoy trabajando y necesito el soporte de carga de imágenes proporcionado por el complemento CKFinder, sin embargo, no necesito el resto de la herramienta CKFinder y comprar una licencia es un poco exagerado ¿Alguien se ha tomado el tiempo para implementar un cargador de imágenes personalizado para CKEditor 3 que funcionará con ASP.NET MVC? Si es necesario, puedo crear el mío, solo quería verificar aquí primero.CKEditor Image Upload

Como alternativa, ¿alguien sabe de un editor WYSIWYG decente a la par con CKEditor/Cute Editor que admite la carga de imágenes y funcionará en ASP.NET MVC?

Respuesta

28

Aquí es un cargador de imágenes que escribí originalmente en ASP.NET WebForms para Fckeditor (de ahí el tema ya no coincide), que he modificado para trabajar con Ckeditor.

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

Actualización: He añadido ahora un ejemplo que muestra cómo se puede añadir este cargador de imágenes Web Forms a un proyecto de MVC.

Actualización 2: ahora he subido esto a Github.

+0

Excelente esto me salvó un montón de problemas! – Leah

+0

+1: Muy agradable. ¡Gracias! =) –

+3

Este ejemplo es formas web en lugar de MVC. –

2

He utilizado ckeditor y el control de carga utilizando ASP.NET, pero no específicamente MVC. No he encontrado nada a la par con ckeditor que esté cerca de ser tan fácil de configurar u ofrecer las mismas características.

No está seguro de las restricciones para MVC, pero configurar el soporte de carga de archivos mediante el uso de lo siguiente:

  • La documentación básica en referencia sobre todo a la CKFinder que plugin de mencionar:

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

  • Mejor documentación sobre cómo implementar el componente de carga:

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

De lo contrario, creo que CKEditor simplemente rellena todos los bytes de la imagen en el objeto de solicitud y la envía a la página configurada para la carga. Esta página puede tomar esos bytes y hacer lo que le plazca (es decir, guardarlos en el sistema de archivos, servidor SQL, etc.) Aquí es donde entra en juego la implementación personalizada.

En lugar de usar una página para cargar, usó una implementación httphandler. La página ckeditor redirige a las llamadas la función javascript requerida para indicar el estado de la carga después de que se completa, pero el controlador realmente controla la carga real del archivo. La implementación básica para la HttpHandler Solía ​​se encuentra en:

http://darrenjohnstone.net/2008/07/15/aspnet-file-upload-module-version-2-beta-1/

Hope esto por lo menos le da un punto de partida.


ACTUALIZACIÓN: encontró esto mientras buscaba otras cosas. No miraba a en profundidad, pero parece ser apropiado para ti:

http://interactiveasp.net/blogs/spgilmore/archive/2009/06/03/how-to-support-file-uploads-in-asp-net-mvc.aspx

22

Aquí es un tutorial sobre cómo cargar una imagen con ASP: MVC2 NET (no Webforms) usando CKEditor

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

+6

Excelente! Muy útil. –

+1

Este ejemplo es MVC. El único problema es que está incompleto (el controlador no en realidad, guarde el archivo). Pero, puede corregirlo en la sección "6. Controlador ..." si reemplaza la línea 6-10 (y arregle la línea 13 y 16) con la lógica de la que Phil habla en http: // haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx –

+0

Gracias - ¡este fue perfecto! – MojoDK

2

Si es necesario implementar de forma rápida y tener una solución fiable, puede considerar una solución para cargar y almacenar imágenes de CKEditor alojado - por ejemplo, nuestro plugin:

http://ckeditor.com/addon/uploadcare