自定义formHelper按钮带有图标

时间:2014-05-24 19:23:09

标签: cakephp button icons

我正在尝试使用cakephp formHelper在其中使用带有图标标签的按钮,我该怎么做?以下是我要寻找的最终结果:

<button class="btn btn-sm btn-danger" type="button" data-toggle="tooltip" data-original-title="Remove this user">
     <i class="glyphicon glyphicon-remove"></i>
</button>

我尝试了各种替代方案:

<?php echo $this->Form->button(
         $this->Html->tag(
                  'span',
                  null, 
                  array(
                         'class' => 'fa fa-sign-out fa-fw'
                  )
         ), 
         'Remove user', 
         array('class' => 'btn btn-sm btn-danger'), 
         'type' => 'button'); 
?>

我根据cakephp docs http://book.cakephp.org/2.0/en/core-libraries/helpers/html.html

中的HtmlHelper :: link方法尝试了这个

它输出带有所有选项的按钮及其中的标签,但html不识别内部标签并将其输出为纯文本。

1 个答案:

答案 0 :(得分:2)

我忘了把'逃脱'=&gt;用于转义内部html内容的tag方法的options数组的false参数:

<?php 
     echo $this->Form->button(
          $this->Html->tag(
               'span',
               '', 
               array(
                     'class' => 'fa fa-sign-out fa-fw'
               )
          ), 
          'Remove user', 
          array(
              'class' => 'btn btn-sm btn-danger',
              'escape' => false
          )
?>