TYPO3 CKEditor und Font Awesome Icons

Die Icons von Font Awesome haben nicht ohne Grund eine weite Verbreitung gefunden, lassen sich damit doch die meisten gängigen Icontypen abdecken. Nachdem nur der Iconfont geladen werden muss und sich die Icons via CSS bequem skalieren lassen, lassen sich auch positive Effekte auf Ladezeiten von Webseiten erzielen.

Über die Erweiterung CKEditor Fontawesome Add-On lassen sich die Icons auch bequem im CKEditor nutzen, was aber nur so lange funktioniert, wie keine eigene Konfiguration des CKEditor eingesetzt wird.

Damit das auch in diesem Fall funktioniert, müssen die folgenden Zeilen in die Konfiguration eingefügt werden:

  externalPlugins:
    ckeditor_fa5:
      resource: "EXT:rte_ckeditor_fontawesome/Resources/Public/JavaScript/Plugins/ckeditor_fa5/plugin.js?v=9.2.0"

  allowedContent: true

  config:
    coreStyles_italic:
      element : 'i'
      overrides : 'span'

imports:
    - { resource: "EXT:rte_ckeditor_fontawesome/Configuration/RTE/PluginFA5.yaml" }

Jetzt klappt das auch mit einer eigenen Konfiguration des Editor.