Problem/Motivation
Font Awesome (https://www.drupal.org/project/fontawesome) requires markup like <i class="fa-brands fa-drupal"></i>
to print a Drupal logo or <i class="fab fa-drupal"></i>
to print a Druplicon. Similar tactic is often used for custom inline icons, for example <span class="icon my-icon"></span> My text
.
CKEditor 5 strips empty inline elements, although you've listed them as "Manually editable HTML tags" under "Source editing".
Steps to reproduce
- Add
<i class>
or<span class>
to "Manually editable HTML tags" under "Source editing" - Create an article, select CKEditor "Source" button, type
<i class="fa-brands fa-drupal"></i> Drupal
or<span class="my-icon"></span> My point
, save - Inspect article source, see
<i>
and<span>
tags removed
Proposed resolution
Wait for https://github.com/ckeditor/ckeditor5/issues/9888 to be fixed and shipped in a release