Font Awesome глиф не отображается как заголовок кнопки помощников формы - PullRequest
0 голосов
/ 18 января 2020

Торт PHP версия: 4.0.1 Font Awesome версия: free-5.12.0 - здесь

Я только что обновил Cake версии 3.7.5 до 4.0.1, и шрифт awesome glyph не отображается в виде кнопок название больше.

Я следовал информации здесь в кулинарной книге для конфигурации кнопки, как описано ниже:

$this->Form->button('<i class="fas fa-search"></i>', [
    'type' => 'submit',
    'name' => 'AccountChoose',
    'class' => 'btn btn-ae-lookup-as-glyph'
]);

Я пытался использовать 'escape' => Значение true в настройках кнопок на случай, если это связано с кодировкой html, но без изменений.

Я также попытался объявить заголовок, как этот, но все равно без изменений.

$this->Form->button("<i class='fas fa-search'></i>", [

Символ отображается за пределами кнопки, поэтому я знаю, что это что-то, что изменилось между ветвями 3x и 4x.

Мой вопрос.

Есть ли тип кнопки Конфигурация, которая позволила бы мне отображать глиф в качестве заголовка кнопки в версии 4.0.1 или, возможно, он был разработан, в этом случае есть альтернативный метод.

Спасибо Z.

@ ndm - Отлично, все работает. И спасибо за создание Pr.

1 Ответ

0 голосов
/ 18 января 2020

Документы выглядят устаревшими, так как в Cake PHP 4.x содержимое кнопок имеет HTML право кодирования по умолчанию. Из руководства по миграции:

Cake\View\Helper\FormHelper::button() сейчас HTML объект кодирует текст кнопки и атрибуты HTML по умолчанию. Добавлена ​​новая опция escapeTitle, позволяющая управлять экранированием заголовка отдельно от других атрибутов HTML.

Так что вам необходимо явно отключить экранирование (для этого необходимо использовать false, а не true). 4.x также ввел опцию escapeTitle, которую вы должны использовать вместо escape, поскольку последняя теперь применяется только к атрибутам HTML:

$this->Form->button('<i class="fas fa-search"></i>', [
    'type' => 'submit',
    'name' => 'AccountChoose',
    'class' => 'btn btn-ae-lookup-as-glyph',
    'escapeTitle' => false,
]);

См. Также

...