How can I use CKFinder in a custom CKEditor plugin similar to Image2?

I'm trying to create a custom image plugin that will have some features that image and image2 do not have. It will basically just be a widget and a properties dialog.

I have a URL text input field and a button, but how do I wire up the CKFinder popup to start from the button? Then how can I get the selected / double clicked image URL to the text field after a user selection is made?

Thu, 05/08/2014 - 10:01

req

Joined: 13/03/2012

Posts: 76

Never mind, I just looked at

Never mind, I just looked at Image2 and it's actually not that hard when I have that as an example.

Fri, 05/09/2014 - 06:21

(Reply to #2) #3

loller

Joined: 06/05/2014

Posts: 4

Do you mind sharing what you

Do you mind sharing what you were hoping to change?

Fri, 05/09/2014 - 08:10

req

Joined: 13/03/2012

Posts: 76

Sure

Sure :)

I want to get rid of the height attribute setting completely, but still allow the width to be set
I want the width to only accept integers 1-100 (used for width)
I want to be able to set unique IDs to each image so that they can be post-processed into anchors for internal linking
- The uniqueness will be checked via ajax
I want a different preview (just the image at a reasonable size)
I want a caption similar to what Image2 has
I want it to be a widget for easy moving

All these are quite easy, but I would still want it to be either inline or a block element, but I haven't figured that out yet. Not a big issue though, I could always just create two plugins for that.

Fri, 05/09/2014 - 08:16

(Reply to #4) #5

loller

Joined: 06/05/2014

Posts: 4

I am about to post a question

I am about to post a question about styling the image2 widget and was wondering if you had done something similar. I simply wanted to add padding to the widget, and depending on if the widget is right-aligned or left-aligned, it would have different padding.

I'm using image2 widget specifically because of the caption functionality and ease of placing images, but they removed the styling.

Have you done any widget styling for inline editing and do you think you could share any tips?