douwu8060 2013-12-12 20:16
浏览 109
已采纳

在Symfony2 twig express中添加CSS

In Twig HTML file here is a very normal line:

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

How to add a <strong></strong> tag to wrap username?

  • 写回答

2条回答 默认 最新

  • dtl19910708 2013-12-12 21:04
    关注

    ~ is Twig's string concatenation operator. From Twig's docs:

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

     

    In your case, this should translate to something like:

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

    Or perhaps:

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

    If autoescaping of the html is a problem, you may need to apply the raw filter:

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

    Finally, if you prefer making styling in css (who doesn't), add a <span> with a class instead of <strong>:

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

    And in a css file:

    .username { font-weight: bold; }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 根据要求修改程序编码
  • ¥15 用 Python 做一个用 Excel 表导入的答题系统
  • ¥15 使用微信开发者工具实现一个“婚博会”小程序
  • ¥15 ros的rviz仿真机器人
  • ¥15 关于#linux#的问题(输入输出错误):出现这个界面接着我重新装系统,又让修电脑的师傅帮我扫描硬盘(没有问题)用着用着又卡死(相关搜索:固态硬盘)
  • ¥15 cv::resize不同线程时间不同
  • ¥15 web课程,怎么做啊😭没好好听课 根本不知道怎么下手
  • ¥15 做一个关于单片机的比较难的代码,然后搞一个PPT进行解释
  • ¥15 python提取.csv文件中的链接会经常出现爬取失败
  • ¥15 数据结构中的数组地址问题