【问题标题】:Check link type for TYPO3 / FLUID template检查 TYPO3 / FLUID 模板的链接类型
【发布时间】:2020-07-08 15:12:00
【问题描述】:

在我的typo3 项目中,我有一个从CMS 呈现正文的流畅模板:

<f:section name="Main">
         <div class="RteContent">
               <f:format.html>{data.bodytext}</f:format.html>
         </div>
</f:section>

现在,在 RTE 中,您可以设置文件链接或页面链接。我的目标是为文件链接设置不同的样式。有没有办法找出正在设置的链接类型,然后为这种类型的文件链接应用相应的 CSS 样式?

【问题讨论】:

    标签: css templates hyperlink typo3 fluid


    【解决方案1】:

    parseFunc

    RTE 内容的 HTML 输出由parseFunc 控制(请参阅https://docs.typo3.org/other/typo3/view-helper-reference/master/en-us/typo3/fluid/latest/Format/Html.html)。默认为lib.parseFunc_RTE,但您可以使用自己的。

    如果您是 TypoScript 魔术师(我不是),它可以做出非常惊人的事情 (https://docs.typo3.org/m/typo3/reference-typoscript/master/en-us/Functions/Parsefunc.html#makelinks)。我会调查makelinks.http.ATagParams (stdWrap)。

    CSS

    然而,可能还有更简单的方法。通过使用 TYPO3 的固定文件存储 URL,我们可以使用 CSS 选择器来匹配文件的链接。

    这可能需要根据您的配置进行调整,这可能会影响链接生成 (config.baseUrl/absRefPrefix)

    a[href*="/fileadmin/"] {
      background: yellow
    }
    

    a[href^="/fileadmin/"] {
      background: yellow
    }
    

    a[href$=".pdf"] {
      background: yellow
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-07
      • 2023-03-10
      • 2013-09-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多