I can only use the default icon, not a custom svg icon

Created on 26 August 2024, 8 months ago
Updated 27 August 2024, 7 months ago

Upload a custom svg icon broke the Ckeditor

I have modified the old icon file (.png) to a new .svg file. After that, if I return on the node edit page, the CKeditor is broken (the content / main section is empty).

I need to switch to default icon ('E') to use CKeditor.

Is it possible to use a custom .svg file ?

Thanks for yours replies.

P.S. here is my .svg file : https://uxwing.com/pictures-icon/

πŸ› Bug report
Status

Active

Version

1.6

Component

CKEditor integration

Created by

πŸ‡«πŸ‡·France kumkum29

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @kumkum29
  • πŸ‡«πŸ‡·France kumkum29

    After analyse, when I switch on 'ckeditor5' format, I get an error in logs :

    NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'http://assets-dev......... /image.svg

    I use AWS S3 to store the images.

    Maybe is related to this ols issue: https://www.drupal.org/project/ckeditor/issues/3403865 πŸ› CKEditor not loading on chrome (Failed to execute 'send' on 'XMLHttpRequest') Active

  • πŸ‡ΊπŸ‡ΈUnited States sonfd Portland, ME

    I just ran into a similar issue, but my issue was simply because my site was using an old .png for the icon and CKEditor 5 only supports svgs. I'll note that my site just stores files locally, on the server.

    After uploading the svg, I noticed that the svg seemed to be stored in a data property in the config file for my button, e.g. ../config/embed.button.my_button.yml.

    I'll note that I also see it in my my files directory at public://embed_buttons/my-button.svg.

    After deleting the file from my public files directory, I still see the icon in my toolbar, but it appears that this may be because entity embed recreates the file when I load my page with the toolbar icon.

    No idea if this is useful information, but figured I'd share, just in case.

Production build 0.71.5 2024