Contao Icon Insert Tag Screenshot

FontAwesome Inserttag

Im Screenshot sieht man die Verwendung. Das Inserttag "icon" und dann kommt die Icon-Klasse "fa-check". Wird FontAwesome 6 Pro genutzt, dann können die Design-Klassen wie "fat" benutzt werden zum Beispiel: "fat fa-check" als Icon-Klasse. Man kann auch die Icon-Größe mit fa-2x anpassen.

<?php

// src/EventListener/IconInsertTagListener.php
namespace App\EventListener;

use Contao\CoreBundle\DependencyInjection\Attribute\AsHook;

#[AsHook('replaceInsertTags')]
class IconInsertTagListener
{
    public const TAG = 'icon';

    public function __invoke(string $tag)
    {
        $chunks = explode('::', $tag);

        if (self::TAG !== $chunks[0]) {
            return false;
        }

        if(strpos($chunks[1], "fat") !== false ) {
            return "<i class=\"" . $chunks[1] . "\"></i>";
        } else if (strpos($chunks[1], "fa-") !== false){
            return "<i class=\"fa " . $chunks[1] . "\"></i>";
        }
        return false;
    }
}

Zurück zur Newsübersicht