Answers.Body: <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>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-11-06T17:09:14.867Z
Answers.LastActivityDate: 2023-11-06T17:09:14.867Z
Answers.UserDisplayName: Amanda Lutz
Answers.Body: <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>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-11-06T16:53:01.697Z
Answers.Text: That link doesn't have any info about image resize. When I try that config I don't get "transformImage".
Answers.UserDisplayName: Amanda Lutz
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-08-18T06:04:49.777Z
Answers.LastActivityDate: 2023-08-18T06:04:49.777Z
Answers.UserDisplayName: ILija
Body: <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>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2023-11-06T16:56:01.477Z
Comments.Text: 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?
Comments.UserDisplayName: Amanda Lutz
Tags: <craft4><ckeditor5>
Title: Craft 4, CKEditor 5, image resizeOptions not showing in image toolbar
ThreadText: # 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>)
  
  [![CKEditor docs](https://i.sstatic.net/ffxYe.png)](https://i.sstatic.net/ffxYe.png)
  
  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:
  
  [![my image CKEditor image toolbar](https://i.sstatic.net/y7O3B.png)](https://i.sstatic.net/y7O3B.png)
  
  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".  
  
  ---
  
  