Простой компонент для yii-1 для вставки иконок FontAwesome v4.x. Сам шрифт тоже присутствует. Расположение - рекомендованное для проектов на yii-1.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
yii1-component-fontawesome4/README.md

2.1 KiB

yii1-component-fontawesome4

Простой компонент для yii-1 для вставки иконок FontAwesome v4.x.

Сам шрифт тоже присутствует.

Расположение - рекомендованное для проектов на yii-1.

Пример подключения

Выгружаем компонент в protected/extensions/.

В файле config/main.php:


        // application components
        'components' => array(
                ...

                'fa' => array(
                        'class' => 'ext.yii1-component-fontawesome4.protected.components.FontAwesomeComponent',
                        /* доступные параметры */
                        /*
                        'debug' => false,       // bool, вкл-выкл подключение минифицированных версий css
                        'cdn' => false,         // bool, включает использование cdn (cloudflare)
                        'async' => false,       // bool, вкл-выкл асинхронную загрузку

                        'localUrl' => 'fonts/font-awesome-{version},
                                                // string, ссылка на локальные файлы в document_root
                        'cdnUrl' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/{version}',
                                                // string, ссылка на путь в cdn. по-умолчанию заменяется {version} на версию шрифта.
                        'tag' => 'i',           // string, название тега для вывода иконки
                        'baseCss' => 'css/fontawesome.css'
                                                // string, название файла базовых стилей
                        */
                ),

                ...
        ),

Пример использования

В коде view:


<?php
echo Yii::app()->fa->circle();
?>

<?php
echo Yii::app()->fa->icon('check-square', ['class' => 'text-success']);
?>