Project

General

Profile

Actions
Copy link

Bug #102488

closed

Epic #99669: CKEditor5 Collection

CkEditor on TYPO3 12.4.2 does not allow <i/>-Tag for FontAwesome Glyphs

Added by Gabriel Kaufmann / Typoworx NewMedia 6 months ago. Updated 6 months ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
RTE (rtehtmlarea + ckeditor)
Target version:
-
Start date:
2023-11-23
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
12
PHP Version:
8.2
Tags:
CkEditor
Complexity:
Is Regression:
Sprint Focus:

Description

I've migrated a TYPO3 Site to TYPO3 12.4.2 and I need to preserve the functionality of FontAwesome Glyphs which are in the RTE-HTML.

Existing (migrated) Glyphs are embedded like this:
<em class="fa-user-headset far"></em>

The new CkEditor-Plugin I'm trying to use inserts this Markup (but I also could switch it to i):
<i class="fa-user-headset far"></i>

What happens:
I've tried to configure CkEditor using YAML to accept that Tag, but nevertheless what I'm trying it's always removed immediately after it has been inserted using either CkEditor-Plugin or manually using HTML-Source editing.

If I'm manually editing this HTML-Markup (using HTML-Source):
<i class="fa-user-headset far">&nbspM</i>

The tag immediately removed (after switching back from Source-Edit to RTE-View).

If I'm manually editing this HTML-Markup (using HTML-Source):
<i class="fa-user-headset far">X</i>

It results into this, whereas the tag isn't removed, but the class attribute is missing.
<i>X</i>

Due to testing to get it working I had this RTE-YAML config settings.
Of course I also switched the RTE-Preset config to use my own sitepackage RTE-Config.

imports:
    - { resource: "EXT:rte_ckeditor/Configuration/RTE/Processing.yaml" }
    - { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Base.yaml" }
    - { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml" }

processing:
  allowTags:
   - i

  allowAttributes
   - class

  HTMLparser_db:
    denyTags = img
    tags:
      i:
        allowedAttribs: ['class']

But all these settings still won't result into a working behaviour. I've been fiddling and researching the internet now for nearly one working day without progress.

Is this a bug or is there missing something in RTE/YAML Configuration?

Actions
Copy link

Also available in: Atom PDF