adding image styles in ckeditor
Permalink
i work with version 8.1 in ckeditor. i have image and text in the content block. now i want to add a class, containing circle image, border size and color to a placed image.
how can i achieve this?
the only way i can add it is via html-code. is there an easier way?
thanks in advance
keith
how can i achieve this?
the only way i can add it is via html-code. is there an easier way?
thanks in advance
keith
thank you for ur answer. image is in dotted outline, so can't really use the image block.
i remember from earlier ckeditor versions that there were extra tabs in the image dialog, - but for some reason ckeditor loads only the normal image dialog, without extra possibilities to add classes.
in the WISIWIG settings i cannot activate "enhanced image", tried activate "image" and "enhanced image" then "enhanced image" only ... no way i get enhanced image dialog.
am i doing something wrong?
thanks k.
i remember from earlier ckeditor versions that there were extra tabs in the image dialog, - but for some reason ckeditor loads only the normal image dialog, without extra possibilities to add classes.
in the WISIWIG settings i cannot activate "enhanced image", tried activate "image" and "enhanced image" then "enhanced image" only ... no way i get enhanced image dialog.
am i doing something wrong?
thanks k.
in rich text editor settings: activate only "image"
if "enhanced image" is also activated, you only get the basic image dialog.
what exactly does ""enhanced image"?
if "enhanced image" is also activated, you only get the basic image dialog.
what exactly does ""enhanced image"?
Hi kfog.
Here is the description of the Enhanced Image plugin:
http://ckeditor.com/addon/image2...
The Enhanced Image plugin requires creating your own CSS for the alignment and caption (the plugin creates the HTML). A tutorial explaining this will be added soon.
When CKEditor 8.2 is released, you can use CKEditor custom editor styles:
https://documentation.concrete5.org/tutorials/adding-ckeditor-custom...
In the meantime, I recommend following ob7dev's advice and applying the custom classes using the Image plugin - Advanced tab > Stylesheet Classes input.
Here is the description of the Enhanced Image plugin:
http://ckeditor.com/addon/image2...
The Enhanced Image plugin requires creating your own CSS for the alignment and caption (the plugin creates the HTML). A tutorial explaining this will be added soon.
When CKEditor 8.2 is released, you can use CKEditor custom editor styles:
https://documentation.concrete5.org/tutorials/adding-ckeditor-custom...
In the meantime, I recommend following ob7dev's advice and applying the custom classes using the Image plugin - Advanced tab > Stylesheet Classes input.
thank you obdev and mrkdilkington
now i understood. thanks.
i cant't wait for 5.8.
now i understood. thanks.
i cant't wait for 5.8.
If you didn't find it yet this is how it looks for me:
http://archebian.org/videos/v8/add-image-styles-in-content-editor-c...
http://archebian.org/videos/v8/add-image-styles-in-content-editor-c...
But that's just how I do it. As for answering your post: Inside the ckeditor, open the image's properties and switch over to the third tab ( labeled Advanced )... therein you may add custom classes and more to the image.