php - 在 Symfony2 twig express 中添加 CSS

Question

在 Twig HTML 文件中，这是一个非常正常的行:

{{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }}

如何添加<strong></strong>标签包装用户名？

Answer 1

~ 是 Twig 的字符串连接运算符。来自 Twig's docs :

~: Converts all operands into strings and concatenates them.
{{ "Hello " ~ name ~ "!" }} would return Hello John! (assuming name is 'John').

在您的情况下，这应该转化为类似以下内容:

{{ 'layout.logged_in_as'|trans({'%username%': '<b>'~app.user.username~'</b>'}, 'FOSUserBundle') }}

或者也许:

{% set boldUsername = '<strong>' ~ app.user.username ~ '</strong>' %}
{{ 'layout.logged_in_as'|trans({'%username%': boldUsername}, 'FOSUserBundle') }}

如果 html 的自动转义是一个问题，您可能需要应用 raw filter :

{% set boldUsername = '<strong>' ~ app.user.username ~ '</strong>' %}
{{ 'layout.logged_in_as'|trans({'%username%': boldUsername}, 'FOSUserBundle')|raw }}

最后，如果您更喜欢在 css 中制作样式(谁不喜欢)，请添加带有类的 而不是 :

{% set usernameMarkup = '<span class="username">' ~ app.user.username ~ '</span>' %}
{{ 'layout.logged_in_as'|trans({'%username%': usernameMarkup}, 'FOSUserBundle')|raw }}

在 css 文件中:

.username { font-weight: bold; }