PHPackages                             dirkpersky/typo3-rte-ckeditor-fontawesome - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. dirkpersky/typo3-rte-ckeditor-fontawesome

ActiveTypo3-cms-extension[Templating & Views](/categories/templating)

dirkpersky/typo3-rte-ckeditor-fontawesome
=========================================

Adds the Fontawesome add-on to the CKEditor in TYPO3.

12.2.0(2y ago)18151.9k↓56.2%10[6 issues](https://github.com/DirkPersky/typo3-rte-ckeditor-fontawesome/issues)[1 PRs](https://github.com/DirkPersky/typo3-rte-ckeditor-fontawesome/pulls)GPL-3.0-or-laterHTMLCI failing

Since May 7Pushed 2y ago3 watchersCompare

[ Source](https://github.com/DirkPersky/typo3-rte-ckeditor-fontawesome)[ Packagist](https://packagist.org/packages/dirkpersky/typo3-rte-ckeditor-fontawesome)[ Docs](https://github.com/DirkPersky/typo3-rte-ckeditor-fontawesome)[ Fund](https://www.paypal.com/paypalme/dirkpersky)[ GitHub Sponsors](https://github.com/DirkPersky)[ RSS](/packages/dirkpersky-typo3-rte-ckeditor-fontawesome/feed)WikiDiscussions master Synced 3d ago

READMEChangelog (10)Dependencies (2)Versions (26)Used By (0)

CKEditor Add-On "Fontawesome" for TYPO3
=======================================

[](#ckeditor-add-on-fontawesome-for-typo3)

[![Donate](https://camo.githubusercontent.com/6c77ceb6b90e7f66f006be54740623450b1197f935060be46d7202652a43c773/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f6e6174652d50617950616c2d677265656e2e7376673f7374796c653d666f722d7468652d6261646765)](https://www.paypal.me/dirkpersky)[![Latest Stable Version](https://camo.githubusercontent.com/1b58db8f763497b79d5247bdb5b5cf0fa0524dc929c3885cbbbdf391aa98393f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6469726b706572736b792f7479706f332d7274652d636b656469746f722d666f6e74617765736f6d653f7374796c653d666f722d7468652d6261646765)](https://packagist.org/packages/dirkpersky/typo3-rte-ckeditor-fontawesome)[![TYPO3](https://camo.githubusercontent.com/229faa13dacc6466fe3ffe2bd82e4300852488df39b723525ca29284e02aa659/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d7274655f5f636b656469746f725f5f666f6e74617765736f6d652d2532336634393730303f7374796c653d666f722d7468652d6261646765)](https://extensions.typo3.org/extension/rte_ckeditor_fontawesome/)[![License](https://camo.githubusercontent.com/2009449a737ae7650ef56eb285c183ba7e84ff42229c5bf05d4c3f41e01b548a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6469726b706572736b792f7479706f332d7274652d636b656469746f722d666f6e74617765736f6d653f7374796c653d666f722d7468652d6261646765)](https://packagist.org/packages/dirkpersky/typo3-rte-ckeditor-fontawesome)

This repository provides the add-on "Fontawesome" as a extension for TYPO3 CKEditor. It extends the `default`,` full` and `minimal` layout of the CKEditor. If you write your own CKE-Preset pls have attention that you **not remove the Italic Button**

TSConfig
--------

[](#tsconfig)

Typo3 Constants:
----------------

[](#typo3-constants)

Disable CDN Integration in Frontend

```
plugin.tx_ckeditor_fontawesome.loadCSS =

```

Set alternativ CDN reference File

```
plugin.tx_ckeditor_fontawesome.css = {$path}

```

Add Fotawesome in your own RTE Preset
-------------------------------------

[](#add-fotawesome-in-your-own-rte-preset)

To add this Plug-In in your own RTE Config. Import the Config in your preset.

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

At the next step you need to extend your individual Toolbar-Config to add the Clickable Icon.

```
  ...
  toolbar:
        - [ 'Bold', 'Italic', .....]
        ...
        - [ 'DPFontAwesome' ]
        ...
```

Fontawesome 6 Pro
-----------------

[](#fontawesome-6-pro)

[![Update YAML](https://camo.githubusercontent.com/a88304320592aaa2e9138a87ed7b92a32d2201a7dd5b4faa0e2b5dae4d5de0fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5550444154452d46413625323050524f25323059414d4c2d677265656e3f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/a88304320592aaa2e9138a87ed7b92a32d2201a7dd5b4faa0e2b5dae4d5de0fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5550444154452d46413625323050524f25323059414d4c2d677265656e3f7374796c653d666f722d7468652d6261646765)

Usually you have a RTE config in your sitepackage, if not create a new file.

- add PluginFA6Pro.yaml to imports
- add fontAwesome URL or path to CSS
- if icons are still missing: check webfonts path in the css and change if necessary

```
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" }
- { resource: "EXT:rte_ckeditor_fontawesome/Configuration/RTE/PluginFA6Pro.yaml" }

editor:
  config:
    ui:
      DPFontAwesome:
        css: 'LINK TO YOUR FONTAWESOME PRO CSS'
```

Depends on your RTE Config maybe the toolbar button may not appear. Than you need to add it to your sets.

```
editor:
  config:
    toolbar:
      ###YOUR_TOOLBARGRP###:
        - '|'
        - DPFontAwesome
```

ToDo:
-----

[](#todo)

Please give us feedback
-----------------------

[](#please-give-us-feedback)

We would appreciate any kind of feedback or ideas for further developments to keep improving the extension for your needs.

Say thanks! and support me
--------------------------

[](#say-thanks-and-support-me)

You like this extension? Get something for me (surprise!) from my wishlist on [Amazon](https://www.amazon.de/hz/wishlist/ls/15L17XDFBEYFL/r) or [![Donate](https://camo.githubusercontent.com/604e3db9c8751116b3f765aad0353ec7ded655bbe8aaacbc38d8c4a6b784b3ed/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f446f6e6174652d50617950616c2d677265656e2e737667)](https://www.paypal.me/dirkpersky) the next pizza. Thanks a lot!

### Contact me

[](#contact-me)

- [E-Mail](mailto:info@dp-wired.de)
- [GitHub](https://github.com/DirkPersky/rte-ckeditor-fontawesome)
- [Homepage](https://web-kon.de)
- [TYPO3.org](https://extensions.typo3.org/extension/rte_ckeditor_fontawesome/)
- [Packagist.org (composer)](https://packagist.org/packages/dirkpersky/typo3-rte-ckeditor-fontawesome)
- [Font Awesome](https://fontawesome.com)

###  Health Score

40

—

FairBetter than 86% of packages

Maintenance13

Infrequent updates — may be unmaintained

Popularity42

Moderate usage in the ecosystem

Community17

Small or concentrated contributor base

Maturity73

Established project with proven stability

 Bus Factor1

Top contributor holds 80% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~91 days

Recently: every ~53 days

Total

25

Last Release

787d ago

Major Versions

9.5.2 → 10.0.02019-11-05

10.3.1 → 11.5.02021-10-26

11.5.6 → 12.0.02023-10-10

### Community

Maintainers

![](https://www.gravatar.com/avatar/b595910fe8e9c97afc9eaf24b38c8fb6c37d91121b9cca582557e73a7c3dbb02?d=identicon)[dirkp](/maintainers/dirkp)

---

Top Contributors

[![DirkPersky](https://avatars.githubusercontent.com/u/1736266?v=4)](https://github.com/DirkPersky "DirkPersky (124 commits)")[![NitinParri](https://avatars.githubusercontent.com/u/10200415?v=4)](https://github.com/NitinParri "NitinParri (24 commits)")[![aschmutt](https://avatars.githubusercontent.com/u/1215504?v=4)](https://github.com/aschmutt "aschmutt (3 commits)")[![linawolf](https://avatars.githubusercontent.com/u/48202465?v=4)](https://github.com/linawolf "linawolf (3 commits)")[![dominikdoerr](https://avatars.githubusercontent.com/u/26066118?v=4)](https://github.com/dominikdoerr "dominikdoerr (1 commits)")

---

Tags

extensionCKEditoricontypo3FontAwesomerteiconfont

### Embed Badge

![Health badge](/badges/dirkpersky-typo3-rte-ckeditor-fontawesome/health.svg)

```
[![Health](https://phpackages.com/badges/dirkpersky-typo3-rte-ckeditor-fontawesome/health.svg)](https://phpackages.com/packages/dirkpersky-typo3-rte-ckeditor-fontawesome)
```

###  Alternatives

[netresearch/rte-ckeditor-image

Image support in CKEditor for the TYPO3 ecosystem - by Netresearch

611.1M8](/packages/netresearch-rte-ckeditor-image)[quellenform/t3x-iconpack

Provides an iconpack-registry for custom iconpacks.

1552.6k27](/packages/quellenform-t3x-iconpack)[friendsoftypo3/visual-editor

TYPO3 CMS Visual Editor - Brings a modern WYSIWYG editing experience to TYPO3 CMS.

576.1k2](/packages/friendsoftypo3-visual-editor)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)