Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Latest commit 73c1fce Jun 25, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Configuration Version Update Jun 25, 2019
Resources/Public/JavaScript/Plugins Version Update Jun 25, 2019
.gitignore first commit Jul 10, 2017
LICENSE Create LICENSE Jan 26, 2018
README.md Update README.md Jun 19, 2019
composer.json 9LTS Oct 5, 2018
ext_emconf.php Version Update Jun 25, 2019
ext_icon.png first commit Jul 10, 2017
ext_localconf.php #8 Fontawesome 5 Pro integration bugfix Jun 18, 2019
ext_tables.php first commit Jul 10, 2017

README.md

CKEditor Add-On "Fontawesome" for TYPO3

Donate Latest Stable Version License

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

Switch back to Fontawesome 4

For the default template ot the CKE-Editor

RTE.default.preset = defaultFA4

For the full template of CKE-Editor

RTE.default.preset = fullFA4

Typo3 Constants:

Disable CDN Integration in Frontend

plugin.tx_ckeditor_fontawesome.loadCSS = 

Set alternativ CDN reference File

plugin.tx_ckeditor_fontawesome.css = {$path}

Switch back Fontawesome 4

# Include Fontawesome 4 from CDN
plugin.tx_ckeditor_fontawesome.css = https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

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/PluginFA5.yaml" }

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

  ...
  toolbar:
        - [ 'Bold', 'Italic', .....]
        ...
        - [ 'ckeditor_fa5' ]
        ...

Use Fontawesome Pro, or Custom Config:

first create the file /fileadmin/rte_ckeditor_fontawesome/FA5Pro.yaml. Copy the content from below and replace your fontawesome pro link.

imports:
  - { resource: "EXT:rte_ckeditor/Configuration/RTE/Full.yaml" }
  - { resource: "EXT:rte_ckeditor_fontawesome/Configuration/RTE/PluginFA5Pro.yaml" }
# Add configuration for the editor
editor:
  config:
    # css definitions for the editor
    contentsCss:
      - "EXT:rte_ckeditor/Resources/Public/Css/contents.css"
      - "LINK TO FONTAWESOME PRO"

Add to your TSConfig:

// Zuweisen der Konfiguration im PageTSconfig
RTE.default.preset = fa5pro

Add to your constant or clear this:

# Include Fontawesome 5-Pro CSS
plugin.tx_ckeditor_fontawesome.css = "LINK TO FONTAWESOME PRO"

ToDo:

  • Add FA-Icon in Content Headline Definition.

Please give us feedback

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

Contact us

You can’t perform that action at this time.