craft3 iconpicker
ve icon
Craft -Plugin, das einen neuen Feldtyp bietet, der den Benutzern eine einfache Möglichkeit bietet, ein Symbol aus einer .woff- oder .ttf -Schriftdatei auszuwählen. Sie können problemlos Ionicons oder fantastische Symbole verwenden
Hinweis : Dieses Plugin kann zu einem kostenpflichtigen Add-On werden, wenn das Craft-Plugin-Geschäft verfügbar ist.
Mit Komponist installieren
composer require dolphiq/iconpicker
Installieren Sie das Plugin im Handwerkssteuerungstafel unter Einstellungen> Plugins
Fügen Sie die Plugin -Assets Ihrer Anwendung hinzu, indem Sie die folgende Zeile zu Beginn Ihrer Vorlage hinzufügen:
{% do view.registerAssetBundle("plugins\dolphiq\iconpicker\assets\sharedAsset") %}
Fügen Sie die möchten, die Sie möchten, in das folgende Verzeichnis
/vendor/dolphiq/iconpicker/src/resources-shared/fonts
Der Iconpicker Field -Feldtyp ist beim Hinzufügen eines neuen Feldes verfügbar - Einstellungen> Felder> neues Feld hinzufügen
Iconpicker Field -FeldtypIconpicker Field -Feldtyp hinzufügen {% 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>
Zeigen Sie ein Symbol mit einer benutzerdefinierten Klasse an:
<span class='{{ entry.iconClass }} myCustomClass'>{{ entry.iconChar }}</span>
Holen Sie sich den Icon Unicode (Dezimal)
{{ entry.fieldName.icon }}
Holen Sie sich den Icon Unicode (Hexadezimal)
{{ entry.fieldName.iconHex }}
Zeigen Sie das Symbol als HTML -Zeichen �
{{ entry.fieldName.iconChar|raw }}
Zeigen Sie das Symbol als HTML -Charakter -Hex 
{{ entry.fieldName.iconCharHex|raw }}
Zeigen Sie das Symbol als Spannweite mit Zeichen und Schriftklasse an
{{ entry.fieldName.iconSpan|raw }}
Holen Sie sich die Icon -Schriftklasse
{{ entry.fieldName.iconClass }}
Bedingte Beispiel für das Anzeigen von Symbol nur dann, wenn es eingestellt ist
{% if entry.fieldName.icon %}
{{ entry.fieldName.iconSpan|raw }}
{% endif %}
Lucas Weijers - ursprünglicher Entwickler Johan Zandstra - Kleinere Änderungen, die Sie von dolphiq [email protected] vorgestellt haben
