CKEditor 5 toolbar configuration: no admin UI visible, only JSON in a <textarea>

Created on 20 January 2023, over 1 year ago
Updated 25 October 2023, 8 months ago

Problem/Motivation

Since the notification the CKeditor is deprecated I changed over to CKeditor 5.
If I want to change my full HTML features, Ido not see any Icon, only text referring to the icons.....

{"undo":{"label":"Undo"},"redo":{"label":"Redo"},"heading":{"label":"Heading"},"style":{"label":"Style"},"specialCharacters":{"label":"Special characters"},"sourceEditing":{"label":"Source"},"bold":{"label":"Bold"},"italic":{"label":"Italic"},"underline":{"label":"Underline"},"code":{"label":"Code"},"codeBlock":{"label":"Code Block"},"strikethrough":{"label":"Strikethrough"},"subscript":{"label":"Subscript"},"superscript":{"label":"Superscript"},"blockQuote":{"label":"Block quote"},"link":{"label":"Link"},"bulletedList":{"label":"Bulleted list"},"numberedList":{"label":"Numbered list"},"horizontalLine":{"label":"Horizontal line"},"alignment":{"label":"Text alignment"},"removeFormat":{"label":"Remove Format"},"insertTable":{"label":"table"},"drupalInsertImage":{"label":"Image"},"indent":{"label":"Indent"},"outdent":{"label":"Outdent"},"textPartLanguage":{"label":"Language"},"drupalMedia":{"label":"Drupal media"}}

If I turn on the old (deprecated) CK editor, then the icons reappear.... see file

Steps to reproduce

No icons shown:
uninstall ck editor
install ck editor 5

Icons shown:

Install ck editor 5
change editor settings to ck editor
When I uninstall ck editor, icons are gone

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

💬 Support request
Status

Closed: duplicate

Version

9.5

Component
CKEditor 5 

Last updated about 5 hours ago

Created by

🇧🇪Belgium bart lambert

Live updates comments and jobs are added and updated live.
  • JavaScript

    Affects the content, performance, or handling of Javascript.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • Status changed to Postponed: needs info over 1 year ago
  • 🇧🇪Belgium Wim Leers Ghent 🇧🇪🇪🇺

    I'm 99% certain that the CKEditor 5 toolbar configuration UI is not being rendered due to a JavaScript error. Can you please check your browser's JS console and copy/paste the JS errors here? (Or post a screenshot of them.)

    Thanks! 😊

  • 🇧🇪Belgium bart lambert

    hi,

    see attached screenshot.

    I always use Chrome. I maintain different sites, all with the same provider (combell). This is th eonly side in which i have this problem

    bart

  • 🇧🇪Belgium Wim Leers Ghent 🇧🇪🇪🇺

    Hm … those are JS errors for sure, and they're not even related to CKEditor 5!

    Can you browse to /admin/config/development/performance and click ? Maybe your JS aggregates are somehow wrong. This would force them to be rebuilt.

    P.S.: leuke sites! 😄

  • 🇧🇪Belgium bart lambert

    Hi Wim,

    Clearing the caches did not really solve the problem but you've put me on the right track!

    On the bottom of the page there are settings to "bandwidth-optimailisation". "Javascript bestanden samenvoegen" was on!

    I switched it off and on again "like the IT Crowed" and I got ik all Back!

    thanks for the guidance!!!!

  • Status changed to Fixed over 1 year ago
  • Status changed to Closed: works as designed over 1 year ago
  • Status changed to Active 9 months ago
  • 🇦🇺Australia gordon Melbourne

    I just had this issue and I have been able to work out exactly what this issue is.

    Basically in my case I had configured everything and went on to do some other tasks. When I came back I was getting the above error. I followed the advice above and managed to fix it, however the problem turned out that I had a missing CKEditor5 plugin.

    So I had originally ckeditor templates installed with the ckeditor5 patch applied. Then after I had switched tasks and back I did not have this patch applied and I got this error.

    So if you make sure all the plugins you are using exist on the system.

    I am reopening this issue because this should fail gracefully and not just a block of JSON.

  • Status changed to Closed: duplicate 8 months ago
  • 🇧🇪Belgium Wim Leers Ghent 🇧🇪🇪🇺

    @gordon Thanks for following up!

    What you describe is a symptom of 🐛 CKEditor 4+5 plugin module dependency not added to text format configuration Needs work — it's not related to CKEditor 5 itself. Crediting you on that issue — there's nothing we can do in CKEditor 5 itself, unfortunately 😬

Production build 0.69.0 2024