Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CKEditor Image Upload

I am looking to include CKEditor in a project I am working on and I need the image upload support provided by the CKFinder plugin, however I do not particularly need the rest of the CKFinder tool and thus purchasing a license is a little overkill. Has anyone taken the time to implement a custom image uploader for CKEditor 3 that will work with ASP.NET MVC? If need be I can create my own, just wanted to check here first.

Alternatively, does anyone know of a decent WYSIWYG editor on par with CKEditor / Cute Editor that supports image uploading and will work in ASP.NET MVC?

like image 559
Nathan Taylor Avatar asked Sep 22 '09 16:09

Nathan Taylor


People also ask

How do I Upload a file to CKEditor?

File Upload through Dialogs and Drag&Drop Documentation filebrowserBrowseUrl and config. filebrowserUploadUrl configuration settings, all file manager features will automatically become available. This includes the Upload tab in the Link or Image Properties dialog windows as well as the Browse Server button.

How do I make my image CKEditor responsive?

In order to make the image 100% width of the figure please open ckeditor\contents. css file, find the selector for figure element and remove the padding: 10px; declaration. Next refresh your page and you should be good to go.


2 Answers

Here is a image uploader I originally wrote in ASP.NET WebForms for Fckeditor (hence the theme no longer matches), that I've modified to work with Ckeditor.

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

Update: I've now added an example showing how you can add this WebForms image uploader to a MVC project.

Update 2: I've now added a Razor Pages version which can be used in .NET Core MVC projects.

like image 104
Michael Avatar answered Sep 30 '22 07:09

Michael


Here is a tutorial on how to upload image with ASP:NET MVC2 (not Webforms) using CKEditor

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

like image 33
Artur Kędzior Avatar answered Sep 30 '22 08:09

Artur Kędzior