craft3 iconpicker
ve icon
사용자에게 .woff 또는 .ttf font 파일에서 아이콘을 쉽게 선택할 수있는 쉬운 방법을 제공하는 새로운 필드 유형을 제공하는 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>
아이콘 유니 코드 (10 진수) 받기
{{ entry.fieldName.icon }}
아이콘 유니 코드 (16 진수) 받기
{{ 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]에 의해 당신에게 가져온 사소한 변경
