Menu 带有字体3图标的菜单

我尝试使用typo3 8.7.13中的图标实现菜单。 我的想法是用tx__图标扩展表页面-没问题-它可以用于页面属性，也可以保存在数据库中

但是我如何在打字稿中使用它呢

[ts]
lib.mainnav_mobile = HMENU
lib.mainnav_mobile {
  wrap = <ul>|</ul>
  1 = TMENU
  1 {
    expAll = 1
    NO = 1
    NO {
      wrapItemAndSub =<li>|</li>
      stdWrap.wrap = <i class="fas fa-home fa-2x"></i>|
      stdWrap.htmlSpecialChars = 1
      ATagTitle.field = title
      ATagParams = class="home-link"
    }
  }
}
[/ts]

[ts]
lib.mainnav_mobile=HMENU
lib.mainnav_mobile{
包裹=
|
1=t菜单
1 {
expAll=1
否=1
没有{
wrapItemAndSub=
|
stdWrap.wrap=|
stdWrap.htmlSpecialChars=1
ATagTitle.field=标题
ATagParams=class=“主链接”
}
}
}
[ts]

谢谢

---

沃尔克

我假设您将完整的图标名存储在字段中。如果可能跳过前缀，请在换行符中生成前缀

您可以尝试使用

.stdWrap

，因此我更喜欢此属性：

.before

您可以这样使用（填写菜单定义的其余部分）：

---

我的解决方案是：

lib.mainnav_mobile = HMENU
lib.mainnav_mobile {
wrap = <ul>|</ul>

1 = TMENU
1 {
    expAll = 1

    NO = 1
    NO {
        wrapItemAndSub =<li>|</li>

        stdWrap.htmlSpecialChars = 1
        ATagTitle.field = description // subtitle // title
        ATagParams = class="home-link"
        ATagBeforeWrap = 1
        stdWrap.wrap.cObject = TEXT
        stdWrap.wrap.cObject {
            field = tx_fontawesome_icon
        ## have a default icon:
                ifEmpty = fa-home
            noTrimWrap = |<i class="fas | fa-2x"></i>&nbsp;|
        }
    }

lib.mainnav\u mobile=HMENU
lib.mainnav_mobile{
包裹=
|
1=t菜单
1 {
expAll=1
否=1
没有{
wrapItemAndSub=
|
stdWrap.htmlSpecialChars=1
ATagTitle.field=说明//字幕//标题
ATagParams=class=“主链接”
ATagBeforeWrap=1
stdWrap.wrap.cObject=文本
stdWrap.wrap.cObject{
字段=发送图标
##有一个默认图标：
ifEmpty=fahome
noTrimWrap=||
}
}

谢谢你的帮助！

---

Volker

非常感谢您-功能如您所料。但我犯了一个大错误-fontawesome图标应该在a标签内（使用代码进行了太多测试，然后复制了错误：（）cu Volkeranswer edited:获得链接图标的两种可能性

:
NO {
    :
    stdWrap.dataWrap = <i class="fas {field:tx_fontawesome} fa-2x"></i>|
    :
}

lib.mainnav_mobile = HMENU
lib.mainnav_mobile {
wrap = <ul>|</ul>

1 = TMENU
1 {
    expAll = 1

    NO = 1
    NO {
        wrapItemAndSub =<li>|</li>

        stdWrap.htmlSpecialChars = 1
        ATagTitle.field = description // subtitle // title
        ATagParams = class="home-link"
        ATagBeforeWrap = 1
        stdWrap.wrap.cObject = TEXT
        stdWrap.wrap.cObject {
            field = tx_fontawesome_icon
        ## have a default icon:
                ifEmpty = fa-home
            noTrimWrap = |<i class="fas | fa-2x"></i>&nbsp;|
        }
    }