3

Yii2 の Bootsrap Tabs ウィジェット (yii\bootstrap\Tabs -- http://www.yiiframework.com/doc-2.0/yii-bootstrap-tabs.html )を使用しています。

labelこのウィジェットを構築する配列のキーの値として HTML タグを挿入したいと考えています。

'encode' => trueオプションの配列要素の 1 つとしてkey => value ペアを含めようとしましたが、何もしませんでした。

これが私のコードです：

<?=
Tabs::widget([
    'navType' => 'nav-pills',
    'options' => ['class' => 'course-manager'],
    'items' => [
        [
            'label' => '<i class="fa fa-book"></i>&nbsp;Show Books',
            'encode' => true,
            'content' => '<h2>Anim pariatur cliche...</h2>',
            'active' => true
        ],
        [
            'label' => '<i class="fa fa-graduation-cap"></i><span>&nbsp;Show Students</span>',
            'encode' => true,
            'content' => 'Anim cliche...',
        ],
        [
            'label' => '<i class="fa fa-tags"></i><span>&nbsp;Show Licenses</span>',
            'encode' => true,
            'url' => 'http://www.example.com',
        ],
    ],
]);
?>

これらのラベルは、HTML ではなくテキストとして表示されています。

4

1 に答える 1

5

HTMLコードをレンダリングしたい場合は、使用する必要があります'encodeLabels' => false,

Tabs::widget([
  'navType' => 'nav-pills',
  'options' => ['class' => 'course-manager'],
  'encodeLabels' => false,
  'items' => [
    [
        'label' => '<i class="fa fa-book"></i>&nbsp;Show Books',
        'content' => '<h2>Anim pariatur cliche...</h2>',
        'active' => true
    ],
于 2016-09-12T19:42:14.800 に答える