带有图标的自定义 formHelper 按钮答案

【问题标题】：Custom formHelper button with icon带有图标的自定义 formHelper 按钮
【发布时间】：2014-05-24 19:23:08
【问题描述】：

我正在尝试使用 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 文档 http://book.cakephp.org/2.0/en/core-libraries/helpers/html.html 中的 HtmlHelper::link 方法进行了尝试

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

【问题讨论】：

您可以使用您在问题中输入的确切 html - 或者您尝试了什么，它输出了什么？

标签： cakephp button icons

【解决方案1】：

我忘记在标签方法的 options 数组中添加一个 'escape' => false 参数，用于转义内部 html 内容：

<?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
          )
?>

【讨论】：