• Login
  • Register

DNN Blogs

Written for the Community, by the Community

How to use the new EasyImage upload in DNN's CKEditor

Written By Stefan Kamphuis (40FINGERS)
2021-06-25

At the beginning of 2021, 40Fingers contributed a few pull requests for the CKEditorProvider project in DNN. The first (PR #4383) updates the CKEditor used by DNN to version 4.15.1. But the other is probably slightly more interesting for content editors and administrators: that pull request (#4405) gives you the option to provide editors with an easier way to upload images to the website and use them in CKEditor (e.g. the HTML/Text module).

Both of these features have been available since DNN version 9.9.0.

With that option, you can get rid of this Image Properties dialog in the HTML editor:

Default Image Properties dialog

And replace it with a simple click on this button to select a file on your local system, upload it directly to the website, and include it in the text immediately:

This does give you less options too, because you can pretty much only still set the alt text of the image, but that can be seen as an advantage in a lot of use cases:

Configuration

So, how do you start using this shiny new EasyImage plugin in DNN?

Well, it's quite simple. All you need to do, is go into the Custom Editor Options (the link below a CKEditor in DNN) and change the Image Button setting to use Easy Image upload:

Of course, you will still be able to set the default folder the plugin uploads to, and choose which roles are allowed to do so.

So, hopefully this blogpost will be giving this relatively new feature a little bit of love.

 

Total: 2 Comment(s)
Thanks a lot for this, Stefan and the 40fingers team! This will make life easier for a lot of DNN users and content editors!
Monday, June 28, 2021 ·
Great solution! Is it also possible to implement a simple resize option...
Wednesday, September 15, 2021 ·

Would you like to help us?

Awesome! Simply post in the forums using the link below and we'll get you started.

Get Involved