craft3 iconpicker Download - craft3 iconpicker исходный код скачать

craft3 iconpicker

Загрузка шрифта

ve icon

Скачать

Плагин Iconpicker для Craft CMS 3.x

В настоящее время проект прекращен . Тем не менее, не стесняйтесь разжигать его и продолжить его развитие!

Крафтный плагин, который обеспечивает новый тип поля, который предлагает пользователям простой способ выбрать значок из файла шрифта .woff или .ttf. Вы можете легко использовать Ionicons или Awesome Font Icons

Примечание . Этот плагин может стать оплачиваемым дополнением, когда магазин ремесленных плагинов становится доступным.

Требования

Craft 3.0 (бета 20)+
PHP 7,0+
Phenx Php font lib
Один или несколько файлов .ttf или .woff

Пример

Пример использования поля в шаблоне для пользователя CMS

Скриншот

Пример всплывающего окна выбора

Скриншот

Установка

Установите с помощью композитора
```
 composer require dolphiq/iconpicker
```
Установите плагин на панели управления ремеслом в разделе «Настройки»> «Плагины»
Добавьте активы плагина в ваше приложение, добавив следующую строку в начале вашего шаблона:
```
 {% do view.registerAssetBundle("plugins\dolphiq\iconpicker\assets\sharedAsset") %}
```
Добавьте шрифты, которые вы хотите в следующем каталоге
```
 /vendor/dolphiq/iconpicker/src/resources-shared/fonts
```
Тип Iconpicker Field будет доступен при добавлении нового поля - Настройки> Поля> Добавить новое поле

Создание поля с типом поля Iconpicker

Выберите тип Iconpicker Field
При добавлении нового поля с типом Iconpicker Field вы можете выбрать, какой шрифт вы хотите использовать для этого поля из раскрывающегося списка

Использование типа поля Iconpicker

Добавьте поле в макет поля (например, в раздел)
Теперь вы можете выбрать значок при создании или обновлении раздела

Образец использования в шаблоне ветки

Быстрый пример кода

    {% do view.registerAssetBundle("plugins\dolphiq\iconpicker\assets\sharedAsset") %}
    <html style="padding: 0; margin: 0;">
    <head>
        <title></title>

        {{ head() }}

    </head>

    <body>

    {{ beginBody() }}

    {% if entry.iconPickerField.icon %}
        Hex: {{ entry.iconPickerField.icon }}<br>
        {{ entry.iconPickerField.iconSpan|raw }}
    {% endif %}

    {{ endBody() }}

    </body>
    </html>

Отображать значок с пользовательским классом:

 <span class='{{ entry.iconClass }} myCustomClass'>{{ entry.iconChar }}</span>

Свойства поля иконы

Получите значок Unicode (десятичный)
```
 {{ entry.fieldName.icon }}
```
Получить значок Unicode (шестнадцатеричный)
```
 {{ entry.fieldName.iconHex }}
```
Отображать значок как HTML -символ &#00000
```
 {{ entry.fieldName.iconChar|raw }}
```
Показать значок как HTML -символ Hex &#xf100
```
 {{ entry.fieldName.iconCharHex|raw }}
```
Отображать значок как пролет с персонажем и классом шрифта
```
 {{ entry.fieldName.iconSpan|raw }}
```
Получить класс шрифта иконы
```
 {{ entry.fieldName.iconClass }}
```
Условный пример отображения значка только тогда, когда он установлен
```
 {% if entry.fieldName.icon %}
     {{ entry.fieldName.iconSpan|raw }}
{% endif %}
```