CKEditor 5 has been upgraded from version 44 to version 45.2.0 in Drupal 10.5.0 and 11.2.0. With that update, there is a documented change on to how to reference the icons CKEditor 5 provides. Any code referencing icons may need to be updated. The icons were moved from ckeditor5-core to a separate ckeditor5-icons package, with all icon names changed to include the "Icon" prefix. The list of old icon names can be found in the version 44 source, and the new icon names are similarly in the version 45 source.
Using the old icon names in Drupal CKEditor 5 plugins defining Drupal Element Styles using the drupalElementStyles configuration key is deprecated in Drupal 11.2.0 and will not be supported in Drupal 12.0.0.
Example:
Before
media_mediaAlign:
provider: media
ckeditor5:
plugins:
- drupalMedia.DrupalElementStyle
config:
drupalElementStyles:
align:
- name: 'right'
title: 'Align right and wrap text'
icon: 'objectRight'
attributeName: 'data-align'
attributeValue: 'right'
modelElements: [ 'drupalMedia' ]
- name: 'left'
title: 'Align left and wrap text'
icon: 'objectLeft'
attributeName: 'data-align'
attributeValue: 'left'
modelElements: [ 'drupalMedia' ]
- name: 'center'
title: 'Align center and break text'
icon: 'objectCenter'
attributeName: 'data-align'
attributeValue: 'center'
modelElements: ['drupalMedia']
- name: 'breakText'
title: 'Break text'
icon: 'objectBlockLeft'
isDefault: true
modelElements: [ 'drupalMedia' ]
After
media_mediaAlign:
provider: media
ckeditor5:
plugins:
- drupalMedia.DrupalElementStyle
config:
drupalElementStyles:
align:
- name: 'right'
title: 'Align right and wrap text'
icon: 'IconObjectInlineRight'
attributeName: 'data-align'
attributeValue: 'right'
modelElements: [ 'drupalMedia' ]
- name: 'left'
title: 'Align left and wrap text'
icon: 'IconObjectInlineLeft'
attributeName: 'data-align'
attributeValue: 'left'
modelElements: [ 'drupalMedia' ]
- name: 'center'
title: 'Align center and break text'
icon: 'IconObjectCenter'
attributeName: 'data-align'
attributeValue: 'center'
modelElements: ['drupalMedia']
- name: 'breakText'
title: 'Break text'
icon: 'IconObjectLeft'
isDefault: true
modelElements: [ 'drupalMedia' ]
Note that CKEditor 5 still supports providing SVG XML as the icon value.
