繁体   English   中英

如何在我的 TYPO3 站点菜单中的按钮的 a 标签中添加一个包装 div 标签?

[英]How can I add a wrapping div tag to the a tag of the button in my menu of TYPO3 site?

我有一个标题菜单,其中包含一个按钮并且是后端可管理的。 以下是菜单按钮部分的 Typoscript。

50 = RECORDS
    50 {
        source.data = field:pid
        tables = pages
        conf.pages = TEXT
        conf.pages.field = teaserlinktext
        wrap =  <div class="menu-link">|<span class="submenu-arrow"></span></div>
        wrap.insertData = 1
        stdWrap.typolink {
          parameter.field = pid
          section.field = teaserlink
          teaserlink {
             cObject = RECORDS
             cObject {
                tables = pages
                source.data = field:teaserlink
                conf.pages = TEXT
                conf.pages.field = teaserlink
             }
          }
       }
    }

这产生的输出为:

<a href="/example/">
   <div class="menu-link">Übersicht<span class="submenu-arrow"></span></div>
</a>

但我实际上想将 div 放在 a 标签之外,如下所示:

<div class="menu-link">
   <a href="/example/">Übersicht</a>
   <span class="submenu-arrow"></span>
</div>

这该怎么做? 任何人请帮助我..

谢谢!!

你可以使用outerWrap. 而不是wrap 然后你的包裹将在外面。

正如Aristeidis 提到的,您应该使用DataProcessor。 然后,您可以直接在模板中而不是 TypoScript 中轻松地执行 HTML 和包装内容。

资源:

  • 包裹和外包裹: https ://docs.typo3.org/m/typo3/reference-typoscript/master/en-us/Functions/Stdwrap.html
  • 数据处理: https ://docs.typo3.org/m/typo3/reference-typoscript/master/en-us/ContentObjects/Fluidtemplate/DataProcessing.html

您可以在此处找到有关菜单项和普通文本的换行层次结构的良好概述

谢谢。 我得到了答案。

50 = RECORDS
    50 {
        source.data = field:pid
        tables = pages
        conf.pages = TEXT
        conf.pages.field = teaserlinktext
        stdWrap.typolink {
          parameter.field = pid
          section.field = teaserlink
          teaserlink {
             cObject = RECORDS
             cObject {
                tables = pages
                source.data = field:teaserlink
                conf.pages = TEXT
                conf.pages.field = teaserlink
             }
          }
       }
       stdWrap.wrap =  <div class="menu-link">|<span class="submenu-arrow"></span></div>
    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM