<p>Looks like Craft had the answer all along
<a href="https://github.com/craftcms/ckeditor/discussions/94#discussioncomment-5920028" rel="nofollow noreferrer">https://github.com/craftcms/ckeditor/discussions/94#discussioncomment-5920028</a></p>

CC BY-SA 4.0
2023-11-06T17:09:14.867Z
2023-11-06T17:09:14.867Z
Amanda Lutz
<p>try like this in this post on ckeditor github .. . <a href="https://github.com/craftcms/ckeditor/discussions/120" rel="nofollow noreferrer">https://github.com/craftcms/ckeditor/discussions/120</a></p>

CC BY-SA 4.0
2023-11-06T16:53:01.697Z
That link doesn't have any info about image resize. When I try that config I don't get "transformImage".
Amanda Lutz
CC BY-SA 4.0
2023-08-18T06:04:49.777Z
2023-08-18T06:04:49.777Z
ILija
<p>I'm experimenting with all the CKEditor 5 config options and I like how the docs have the image resize (<a href="https://ckeditor.com/docs/ckeditor5/latest/features/images/images-overview.html#image-contextual-toolbar" rel="nofollow noreferrer">https://ckeditor.com/docs/ckeditor5/latest/features/images/images-overview.html#image-contextual-toolbar</a>)</p>
<p><a href="https://i.sstatic.net/ffxYe.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/ffxYe.png" alt="CKEditor docs" /></a></p>
<p>Using the Image Config docs (<a href="https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html" rel="nofollow noreferrer">https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html</a>) my config is now:</p>
<pre><code>{
  &quot;image&quot;: {
    &quot;resizeOptions&quot;: [
      {
        &quot;icon&quot;: &quot;original&quot;,
        &quot;label&quot;: &quot;Original size&quot;,
        &quot;name&quot;: &quot;resizeImage:original&quot;,
        &quot;value&quot;: null
      },
      {
        &quot;icon&quot;: &quot;small&quot;,
        &quot;label&quot;: &quot;100px&quot;,
        &quot;name&quot;: &quot;resizeImage:100&quot;,
        &quot;value&quot;: &quot;100&quot;
      },
      {
        &quot;icon&quot;: &quot;medium&quot;,
        &quot;label&quot;: &quot;200px&quot;,
        &quot;name&quot;: &quot;resizeImage:200&quot;,
        &quot;value&quot;: &quot;200&quot;
      }
    ],
    &quot;resizeUnit&quot;: &quot;px&quot;,
    &quot;toolbar&quot;: [
      &quot;toggleImageCaption&quot;,
      &quot;imageTextAlternative&quot;,
      &quot;|&quot;,
      &quot;resizeImage:100&quot;,
      &quot;resizeImage:200&quot;,
      &quot;resizeImage:original&quot;,
      &quot;|&quot;,
      &quot;linkImage&quot;
    ]
  }
} 
</code></pre>
<p>I have the other toolbar buttons but not the image resize buttons:</p>
<p><a href="https://i.sstatic.net/y7O3B.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/y7O3B.png" alt="my image CKEditor image toolbar" /></a></p>
<p>It doesn't even have the extra separator. Have I typo'ed something?</p>

CC BY-SA 4.0
2023-11-06T16:56:01.477Z
Have just noticed browser console says "toolbarview-item-unavailable item: 'resizeImage:100'" and links to https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html#error-toolbarview-item-unavailable. Does resizeOptions (https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html#member-resizeOptions) need to be added as a plugin?
Amanda Lutz
<craft4><ckeditor5>
Craft 4, CKEditor 5, image resizeOptions not showing in image toolbar
# Craft 4, CKEditor 5, image resizeOptions not showing in image toolbar

(Asked by: username_0 on 2023-08-17)

I'm experimenting with all the CKEditor 5 config options and I like how the docs have the image resize (https://ckeditor.com/docs/ckeditor5/latest/features/images/images-overview.html#image-contextual-toolbar)

Using the Image Config docs (https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html) my config is now:
{
  "image": {
    "resizeOptions": [
      {
        "icon": "original",
        "label": "Original size",
        "name": "resizeImage:original",
        "value": null
      },
      {
        "icon": "small",
        "label": "100px",
        "name": "resizeImage:100",
        "value": "100"
      },
      {
        "icon": "medium",
        "label": "200px",
        "name": "resizeImage:200",
        "value": "200"
      }
    ],
    "resizeUnit": "px",
    "toolbar": [
      "toggleImageCaption",
      "imageTextAlternative",
      "|",
      "resizeImage:100",
      "resizeImage:200",
      "resizeImage:original",
      "|",
      "linkImage"
    ]
  }
} 

I have the other toolbar buttons but not the image resize buttons:

It doesn't even have the extra separator. Have I typo'ed something?

**Tags:** craft4, ckeditor5
> **Comments:**
> **username_0**: Have just noticed browser console says "toolbarview-item-unavailable item: 'resizeImage:100'" and links to https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html#error-toolbarview-item-unavailable. Does resizeOptions (https://ckeditor.com/docs/ckeditor5/latest/api/module_image_imageconfig-ImageConfig.html#member-resizeOptions) need to be added as a plugin?  

---

## 2 answers

### Answer by username_0 on 2023-11-06. Score: 1 | Accepted answer

Looks like Craft had the answer all along
<https://github.com/craftcms/ckeditor/discussions/94#discussioncomment-5920028>


---

### Answer by username_1 on 2023-08-18. Score: 2

try like this in this post on ckeditor github .. . <https://github.com/craftcms/ckeditor/discussions/120>

> **Comments:**
> **username_0**: That link doesn't have any info about image resize. When I try that config I don't get "transformImage".  

---

