在 Laravel 的表单提交按钮中使用 Font Awesome？

Question

我有以下表单作为 'Delete' 按钮。

{{ Form::open(['method' => 'DELETE', 'route' => ['notes.delete', $note->user->id]]) }}
{{ Form::submit('Delete', ['class' => 'btn btn-warning btn-sm']) }}
{{ Form::close() }}

有没有办法用 Font Awesome 图标替换 "Delete" 按钮文本？我尝试将其更改为：

{{ Form::submit('<i class="fa fa-minus-circle" aria-hidden="true"></i>', ['class' => 'btn btn-warning btn-sm']) }}

但是，它不显示图标，只显示 HTML 代码的原始版本 - <i class="fa fa-minus-circle" aria-hidden="true"></i>。有没有办法在 Laravel 表单中使用 Font Awesome？

Answer 1

当您使用 Form::submit 时，内容总是被转义。您可以改用 Form::button，它不会转义内容。

{{ Form::button('<i class="fa fa-minus-circle" aria-hidden="true"></i>', ['class' => 'btn btn-warning btn-sm', 'type' => 'submit']) }}

这里需要注意的重要一点是 'type' => 'submit' 添加在 class 之后。

在 Laravel 的表单提交按钮中使用 Font Awesome？

Using Font Awesome in Laravel's Forms Submit button?

css

laravel

font-awesome

laravel-form