I am integrating CKEditor in an environment where normal <img> statements are not allowed. Instead, wherever an image is required there has to be a <div> block with a particular CSS class. (This 'special' <div> will actually contain the <img> statement and some other stuff inside it). Fortunately; the users won't have access to the Source button so the HTML will only ever be created by CKEditor.
I've already discovered that I can modify the Image dialog to give me the parameters I need for substitution in the <div> block on output, and I've also discovered how to change the output that is written for images, but I'm not sure that is the right approach.
I've found bits and pieces about 'protected source'. 'fake <div>', and 'custom tags' but am now very confused. Particularly; I haven't yet been able to find out....
1. How to get the editor to treat the 'special' <div> block as a single element in place of <img>.
2. How to get the editor to recognise the 'special' <div> in the input data and extract the parameters for the dialog.
All suggestions/pointers appreciated. Particularly; if anyone knows of an example of this kind of thing, please reply.
I've already discovered that I can modify the Image dialog to give me the parameters I need for substitution in the <div> block on output, and I've also discovered how to change the output that is written for images, but I'm not sure that is the right approach.
I've found bits and pieces about 'protected source'. 'fake <div>', and 'custom tags' but am now very confused. Particularly; I haven't yet been able to find out....
1. How to get the editor to treat the 'special' <div> block as a single element in place of <img>.
2. How to get the editor to recognise the 'special' <div> in the input data and extract the parameters for the dialog.
All suggestions/pointers appreciated. Particularly; if anyone knows of an example of this kind of thing, please reply.