yii2 fontawesomeダウンロードyii2 fontawesomeソースコードのダウンロード

Yii 2フォント素晴らしいアセットバンドル

この拡張機能は、YII Framework 2.0アプリケーションとヘルパーに最適なフォントを備えたアセットバンドルを提供し、アイコンを使用します。

ライセンス情報については、ライセンスファイルを確認してください。

コードステータス

サポート

Guthubの問題
パブリックチャット

Fontawesomeバージョン

Font-Awesomeのバージョン	拡張機能のバージョン
4.*	〜2.17
5.*	〜3.0

`3.2`に更新します

バージョン3.2 rmrevinyiifontawesomeAssetBundleパッケージでは、デフォルトでCDNを使用してください。 Changelogの詳細。

`3.0`に更新します

バージョン3.0では、非推奨方法が削除されました。 Changelogの詳細。

`2.17`に更新します

バージョン2.17では、非推奨方法が削除されました。 Changelogの詳細。

インストール

この拡張機能をインストールするための好ましい方法は、Composerを通じてです。

どちらか走ってください

composer require " rmrevin/yii2-fontawesome:~3.5 "

または追加します

 "rmrevin/yii2-fontawesome": "~3.5",

composer.jsonファイルのrequireセクションに。

FA Proバージョンでの使用

CDN

ここにドメインを登録する-https：//fontawesome.com/how-to-use/on-the-web/setup/getting-started

アプリアセットバンドルに依存するように、 CdnProAssetBundle追加します。

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeCdnProAssetBundle '
	];
}

または、あなたのビューにCdnProAssetBundleを注入します。

 rmrevin  yii  fontawesome CdnProAssetBundle:: register ( $ this );

npm

フォントのNPMパッケージをインストールします。

 npm install @fortawesome/fontawesome-pro

または

 yarn add @fortawesome/fontawesome-pro

アプリアセットバンドルに依存するように、 NpmProAssetBundle追加します。

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeNpmProAssetBundle '
	];
}

または、あなたのビューにNpmProAssetBundleを注入します。

 rmrevin  yii  fontawesome NpmProAssetBundle:: register ( $ this );

オプション

Font-Awesomeパッケージの無料バージョンをインストールしないために、 composer.jsonのreplaceセクションに追加できます。

  "replace": {
    "fortawesome/font-awesome": "*"
  },

FA無料版での使用

CDN

アプリアセットバンドルに依存するように、 CdnFreeAssetBundle追加します。

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeCdnFreeAssetBundle '
	];
}

または、あなたのビューにCdnFreeAssetBundleを注入します。

 rmrevin  yii  fontawesome CdnFreeAssetBundle:: register ( $ this );

作曲家

ベンダーにすでにインストールされているパッケージfortawesome/font-awesomeの無料版。

アプリアセットバンドルに依存するように、 NpmFreeAssetBundle追加します。

 class AppAsset extends AssetBundle
{
	// ...

	public $ depends = [
		// ...
		' rmrevinyiifontawesomeNpmFreeAssetBundle '
	];
}

または、あなたのビューにNpmFreeAssetBundleを注入します。

 rmrevin  yii  fontawesome NpmFreeAssetBundle:: register ( $ this );

クラス参照

名前空間： rmrevinyiifontawesome ;

クラス`FAB` 、 `FAL` 、 `FAR` 、 `FAS`または`FontAwesome`

static FAR::icon($name, $options=[]) - fonteusome htmlアイコンに使用できるcomponentIconを作成します
- $nameフォントのアイコンの名前Awesomeセット。
- $options i.fa HTMLタグの追加属性。
static FAR::stack($name, $options=[]) - fonteose htmlアイコンに使用できるcomponentStackを作成します
- $options span.fa-stack htmlタグの追加属性。

クラス`componentIcon`

(string)$Icon - アイコンをレンダリングします
$Icon->addCssClass($value) - htmlタグCSSクラスに$valueに追加
- $value -CSSクラスの名前
$Icon->inverse() - HTMLタグCSSクラスfa-inverseに追加します
$Icon->spin() - HTMLタグCSSクラスfa-spinに追加します
$Icon->fixedWidth() - HTMLタグCSSクラスfa-fwに追加します
$Icon->ul() - HTMLタグCSSクラスfa-ulに追加します
$Icon->li() - HTMLタグCSSクラスfa-liに追加します
$Icon->border() - HTMLタグCSSクラスfa-borderに追加します
$Icon->pullLeft() - HTMLタグCSSクラスプルpull-leftに追加します
$Icon->pullRight() - HTMLタグCSSクラスpull-rightに追加します
$Icon->size($value) - sizeのHTMLタグCSSクラスに追加
- $value -size値（バリエーション： FA::SIZE_LARGE 、 FA::SIZE_2X 、 FA::SIZE_3X 、 FA::SIZE_4X 、 FA::SIZE_5X ）
$Icon->rotate($value) - rotateでHTMLタグCSSクラスに追加
- $value -Rotate Value（バリエーション： FA::ROTATE_90 、 FA::ROTATE_180 、 FA::ROTATE_270 ）
$Icon->flip($value) - rotateでHTMLタグCSSクラスに追加
- $value -flip値（バリエーション： FA::FLIP_HORIZONTAL 、 FA::FLIP_VERTICAL ）

クラス`componentStack`

(string)$Stack - アイコンスタックをレンダリングします
$Stack->icon($icon, $options=[]) - スタックのアイコンを設定します
- $icon - アイコンまたはcomponentIconオブジェクトの名前
- $options - アイコンHTMLタグの追加属性。
$Stack->icon($icon, $options=[]) - スタックの背景アイコンを設定します
- $icon - アイコンまたはcomponentIconオブジェクトの名前
- $options - アイコンHTMLタグの追加属性。

ヘルパーの例

 use rmrevin  yii  fontawesome  FAS ;
// or (only in pro version https://fontawesome.com/pro)
// use rmrevinyiifontawesomeFAR;
// use rmrevinyiifontawesomeFAL;
// use rmrevinyiifontawesomeFAB;

// normal use
echo FAS :: icon ( ' home ' ); // <i class="fas fa-home"></i>

// shortcut
echo FAS :: i ( ' home ' ); // <i class="fas fa-home"></i>

// icon with additional attributes
echo FAS :: icon (
    ' arrow-left ' , 
    [ ' class ' => ' big ' , ' data-role ' => ' arrow ' ]
); // <i class="big fas fa-arrow-left" data-role="arrow"></i>

// icon in button
echo Html:: submitButton (
    Yii:: t ( ' app ' , ' {icon} Save ' , [ ' icon ' => FAS :: icon ( ' check ' )])
); // <button type="submit"><i class="fas fa-check"></i> Save</button>

// icon with additional methods
echo FAS :: icon ( ' cog ' )-> inverse ();    // <i class="fas fa-cog fa-inverse"></i>
echo FAS :: icon ( ' cog ' )-> spin ();       // <i class="fas fa-cog fa-spin"></i>
echo FAS :: icon ( ' cog ' )-> fixedWidth (); // <i class="fas fa-cog fa-fw"></i>
echo FAS :: icon ( ' cog ' )-> li ();         // <i class="fas fa-cog fa-li"></i>
echo FAS :: icon ( ' cog ' )-> border ();     // <i class="fas fa-cog fa-border"></i>
echo FAS :: icon ( ' cog ' )-> pullLeft ();   // <i class="fas fa-cog pull-left"></i>
echo FAS :: icon ( ' cog ' )-> pullRight ();  // <i class="fas fa-cog pull-right"></i>

// icon size
echo FAS :: icon ( ' cog ' )-> size ( FAS :: SIZE_3X );
// values: FAS::SIZE_LARGE, FAS::SIZE_2X, FAS::SIZE_3X, FAS::SIZE_4X, FAS::SIZE_5X
// <i class="fas fa-cog fa-size-3x"></i>

// icon rotate
echo FAS :: icon ( ' cog ' )-> rotate ( FAS :: ROTATE_90 ); 
// values: FAS::ROTATE_90, FAS::ROTATE_180, FAS::ROTATE_180
// <i class="fas fa-cog fa-rotate-90"></i>

// icon flip
echo FAS :: icon ( ' cog ' )-> flip ( FAS :: FLIP_VERTICAL ); 
// values: FAS::FLIP_HORIZONTAL, FAS::FLIP_VERTICAL
// <i class="fas fa-cog fa-flip-vertical"></i>

// icon with multiple methods
echo FAS :: icon ( ' cog ' )
        -> spin ()
        -> fixedWidth ()
        -> pullLeft ()
        -> size ( FAS :: SIZE_LARGE );
// <i class="fas fa-cog fa-spin fa-fw pull-left fa-size-lg"></i>

// icons stack
echo FAS :: stack ()
        -> icon ( ' twitter ' )
        -> on ( ' square-o ' );
// <span class="fa-stack">
//   <i class="fas fa-square-o fa-stack-2x"></i>
//   <i class="fas fa-twitter fa-stack-1x"></i>
// </span>

// icons stack with additional attributes
echo FAS :: stack ([ ' data-role ' => ' stacked-icon ' ])
     -> on ( FAS :: Icon ( ' square ' )-> inverse ())
     -> icon ( FAS :: Icon ( ' cog ' )-> spin ());
// <span class="fa-stack" data-role="stacked-icon">
//   <i class="fas fa-square-o fa-inverse fa-stack-2x"></i>
//   <i class="fas fa-cog fa-spin fa-stack-1x"></i>
// </span>

// Stacking text and icons
echo FAS :: stack ()
     -> on ( FAS :: Icon ( ' square ' ))
     -> text ( ' 1 ' );
// <span class="fa-stack">
//   <i class="fas fa-square fa-stack-2x"></i>
//   <span class="fa-stack-1x">1</span>
// </span>

// Stacking text and icons with options
echo FAS :: stack ()
     -> on ( FAS :: Icon ( ' square ' ))
     -> text ( ' 1 ' , [ ' tag ' => ' strong ' , ' class ' => ' stacked-text ' ]);
// <span class="fa-stack">
//   <i class="fas fa-square fa-stack-2x"></i>
//   <strong class="stacked-text fa-stack-1x">1</strong>
// </span>
// Now you can add some css for vertical text positioning:
. stacked-text { margin-top: .3 em; }

// unordered list icons 
echo FAS :: ul ([ ' data-role ' => ' unordered-list ' ])
     -> item ( ' Bullet item ' , [ ' icon ' => ' circle ' ])
     -> item ( ' Checked item ' , [ ' icon ' => ' check ' ]);
// <ul class="fa-ul" data-role="unordered-list">
//   <li><i class="fas fa-circle fa-li"></i>Bullet item</li>
//   <li><i class="fas fa-check fa-li"></i>Checked Item</li>
// </span>

// autocomplete icons name in IDE
echo FAS :: icon ( FAS :: _COG );
echo FAS :: icon ( FAS :: _DESKTOP );
echo FAS :: stack ()
     -> on ( FAS :: _CIRCLE_O )
     -> icon ( FAS :: _TWITTER );

拡大する

yii2 fontawesome

Yii 2フォント素晴らしいアセットバンドル

コードステータス

サポート

Fontawesomeバージョン

`3.2`に更新します

`3.0`に更新します

`2.17`に更新します

インストール

FA Proバージョンでの使用

CDN

npm

オプション

FA無料版での使用

CDN

作曲家

クラス参照

クラス`FAB` 、 `FAL` 、 `FAR` 、 `FAS`または`FontAwesome`

クラス`componentIcon`

クラス`componentStack`

ヘルパーの例

GitHub sgrebnov/cordova plugin background download

Wa ch ull navra maza navsacha 2 2024 ull ovie Fr e Online On Strea ings

Wa ch navra maza navsacha 2 2024 ull ovie Online For Fr e Strea ings At Home

Wa ch the greatest of all time 2024 ull ovie Online For Fr e Strea ings At Home

wolfs 2024 f llmo ie f lmyz lla dow load ree 7 0p 4 0p a d 10 0p

GitHub actions/download artifact

chat.petals.dev

GPT Prompt Templates

GPTyped

fedraserif

fontplayer

XiaoyaPixel

Google Dorks

shepherd

mongo express

yii2 fontawesome

Yii 2フォント素晴らしいアセットバンドル

コードステータス

サポート

Fontawesomeバージョン

3.2に更新します

3.0に更新します

2.17に更新します

インストール

FA Proバージョンでの使用

CDN

npm

オプション

FA無料版での使用

CDN

作曲家

クラス参照

クラスFAB 、 FAL 、 FAR 、 FASまたはFontAwesome

クラスcomponentIcon

クラスcomponentStack

ヘルパーの例

`3.2`に更新します

`3.0`に更新します

`2.17`に更新します

クラス`FAB` 、 `FAL` 、 `FAR` 、 `FAS`または`FontAwesome`

クラス`componentIcon`

クラス`componentStack`