Hi,
I evaluate the usage of CKEditor for a project and I cannot wrap my head around how to use widgets (the brand new feature just added to CKEditor recently) that contain an editable image.
My usecase is this:
I want to use several widgets, some having an image, some being plain text (the plain text widgets I built are derived from the two tutorials here at CKEditor documentation). Now I checked the sample "image widget" (Apollo 11 sample text) that contains an image and a sub-text. I figured out that this is basically a "hardcoded" approach: The widget basically implements a dialog that "knows" about the widget structure and sets the image URL.
My intention was to use plain editable images just as usual with CKEditor (by using the "image" plugin and setting images as "contenteditable='true'): but this does not work at all. Am I doing something wrong or is the editing of images inside widgets simply not possible on a "dynamic" (HTML tag) basis?
You need to add images to the 'editable' list
Before you initialize your editor, you need to update the editable list in the dtd, by adding this line:
That should make it possible for images to be initialized as editables.