【问题标题】:Wrap H1-H6 Tags with Typo3 ParseFunc depending on the class set in RTE根据 RTE 中设置的类,使用 Typo3 ParseFunc 包装 H1-H6 标签
【发布时间】:2017-11-30 10:27:52
【问题描述】:

我想根据 RTE 中设置的类将 inline-svgs 添加到我的 h1 到 h6 标签中。

示例: 即食:

<h1 class="icon--clock">Header</h1>

输出:

<h1 class="icon--clock"><svg>...</svg>Header</h1>

我之前使用 parseFunc 配置对链接做过类似的事情。像这样的方法:https://wiki.typo3.org/External_links

有没有什么方法可以通过 TypoScript 像链接参数一样访问和拆分标签和类?

我也尝试过使用 userFunc

lib.parseFunc.userFunc = ...\MyClass->MyUserFunc

但在Params中我只得到标签内容,而不是标签或自己设置的类。

我将 Typo8 与 ckeditor 一起使用,但我认为这没有什么不同。

我什至可以这样做吗? 我该怎么做?

我知道我可以选择添加不同的标题布局并使用 tt_content 标题字段,因为在那里操作模板更容易。但我很想知道在 RTE 中是否有办法做到这一点。

【问题讨论】:

    标签: typo3 typoscript typo3-8.x


    【解决方案1】:

    我想你可以用打字稿来做,但这会很复杂,因为你需要分析 Hn-tags 的属性。

    想到的一个更简单的方法是:使用 CSS 和 ::before。因此,您可以使用类的选择器来插入匹配的 SVG。
    这也可以使用 javascript 来完成,但 CSS 可以做到这一点,使用 CSS 会更有效。

    【讨论】:

    • 你说得对,CSS 是另一种选择。而且可能也是最快的。不过,我仍然希望将实际的 svg 代码添加到我的 html 中,因为我想稍后再操作 svg 代码。
    • 也许您可以在内容中动态插入 CSS(使用内联 SVG?)?然后是javascript-variant。否则我会选择 PHP 变体,因为我能想象到的唯一打字稿解决方案要么非常复杂(拆分、比较、加入……),要么风格不好(添加一个关闭标签并打开其他标签的“属性”:@987654322 @)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-03
    • 1970-01-01
    相关资源
    最近更新 更多