8

YiiCHtmlクラスのアイコングリフのようないくつかのブートストラップ機能を使用しようとしています。コードは次のとおりです。

<?php 
   echo CHtml::submitButton('<i class="icon-user"></i> Login', 
       array(
           'class' => 'btn btn-large pull-right'
       )); 
 ?>

ただし、タグを「認識」せず、次の画像のようにタグをレンダリングするだけです。ここに画像の説明を入力してください

誰かがそれを回避する方法を知っていますか(htmlタグ自体を入力せずに)。

君たちありがとう。

4

5 に答える 5

13

CHtml::submitButton<input type="submit">コンテンツとして追加のHTMLを受け入れることができないを生成します。しかし、あなたは味わうことをすることができますCHtml::tag

echo CHtml::tag('button',
                array('class' => 'btn btn-large pull-right'),
                '<i class="icon-user"></i> Login');

これにより、<button>任意のHTMLをコンテンツとして使用できるタグが生成されます。

更新: frostyterrierがコメントで指摘しているように、CHtml::htmlButtonこれをさらに簡単に実行できる組み込みのメソッドがあります。

echo CHtml::htmlButton('<i class="icon-user"></i> Login',
                       array('class' => 'btn btn-large pull-right'));
于 2013-01-28T21:23:56.997 に答える
3

htmlOptionsパラメータで「encode」をfalseに設定してみてください。

<?php
    echo CHtml::submitButton('<i class="icon-user"></i> Login',
        array(
            'encode' => false,
            'class' => 'btn btn-large pull-right'
        ));
?>
于 2013-01-28T20:38:30.543 に答える
0

CHTML::submitbuttonタグを生成し、HTMLをその属性<intput type="submit" />に詰め込もうとしています。value

icon-userボタン自体にCSSクラスを追加してみませんか?

echo CHtml::submitButton('Login', array(
   'class' => 'btn btn-large pull-right icon-user'
)); 

Bootstrapで定義されたクラスの場合は、入力ボタンのスタイルを適切に設定する必要があります。

于 2013-01-28T20:55:26.067 に答える
0

これを試して

$this->widget("bootstrap.widget.TbButton", array(
'buttonType'=>'submit',
'label=>'Login',
'type'=>'success', //or default or warning... as you like
'icon'=>'user',
'size'=>'large', //small, mini, or just comment line for default

));

ドキュメント:http ://www.cniska.net/yii-bootstrap/#tbButton

于 2013-07-13T10:44:18.023 に答える
0

まず、subbmitButtonからhtmlButtonに変更する必要があります。たとえば、次のコードを記述します。

<?php echo CHtml::htmlButton('<span>Log in!</span>',array('type'=>'submit','class'=>'tbutton small pad')); ?>
于 2016-02-20T17:11:15.083 に答える