craft3 iconpicker
ve icon
提供了一种新的字段类型的Craft插件,该类型为用户提供了一种从.woff或.ttf字体文件中选择图标的简便方法。您可以轻松使用离子或字体很棒的图标
注意:当Craft插件商店可用时,此插件可能会成为付费附加组件。


与作曲家安装
composer require dolphiq/iconpicker
在设置>插件下的手工控制面板中安装插件
通过在模板开始时添加以下行,将插件资产添加到您的应用程序:
{% do view.registerAssetBundle("plugins\dolphiq\iconpicker\assets\sharedAsset") %}
将您想要的字体添加到以下目录
/vendor/dolphiq/iconpicker/src/resources-shared/fonts
添加新字段 - 设置>字段>添加新字段时, Iconpicker Field类型将可用
Iconpicker Field类型Iconpicker Field类型添加新字段时,您可以从下拉列表中选择要用于该字段的字体 {% 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字符�
{{ entry.fieldName.iconChar|raw }}
将图标显示为HTML字符hex 
{{ entry.fieldName.iconCharHex|raw }}
将图标显示为具有字符和字体类的跨度
{{ entry.fieldName.iconSpan|raw }}
获取图标字体类
{{ entry.fieldName.iconClass }}
仅在设置图标时显示图标的条件示例
{% if entry.fieldName.icon %}
{{ entry.fieldName.iconSpan|raw }}
{% endif %}
Lucas Weijers-原始开发人员Johan Zandstra- dolphiq [email protected]带给您的次要更改