css - Laravelのフォーム送信ボタンでFont Awesomeを使用していますか?

Question

「削除」ボタンとして機能する次のフォームがあります。

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

「削除」ボタンのテキストを Font Awesome アイコンに置き換える方法はありますか? 私はそれを次のように変更しようとしました：

{{ 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ます。