Adding Image Styles to Images about ckeditor HOT 2 CLOSED

Hi Nate!

You have to add the style buttons you need via Config Options in Settings > CKEditor Configs.
We add the toggleImageCaption and imageTextAlternative buttons by default.

For styling, you need buttons like: imageStyle:alignLeft, imageStyle:alignRight etc.

You can find more info on the available buttons here: https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html#member-toolbar.

And info on available styles can be found here: https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html#member-styles

As a quick POC, I added this to my Config Options:

{
  "image": {
    "toolbar": [
      "imageStyle:alignLeft",
      "imageStyle:alignCenter",
      "imageStyle:alignRight",
      "toggleImageCaption",
      "imageTextAlternative"
    ]
  }
}

And this is what I see in the editor now:

I hope this helps!

I will close this now, but please don’t hesitate to get in touch if you run into any further problems!

from ckeditor.

This is great! I was having a disconnect between Crafts' CKEditor config and the CKEditor plugin docs and this cleared things right up!

from ckeditor.