【问题标题】:TYPO3 - add javascript code into content element - I don't know whether it is posibleTYPO3 - 将 javascript 代码添加到内容元素中 - 我不知道它是否可行
【发布时间】:2015-08-21 05:34:50
【问题描述】:

在 TYPO3 中,我想在页面的内容元素中添加一些 javascript 代码,但我不知道是否可行。

例如:

我认为这可以通过打字稿解决。 打字稿中是否有任何方法可以将 javascript 代码包含到内容元素中?

另外,打字稿中的“page.jsInline”是什么??

我在搜索过程中得到以下代码,

page.jsInline {
    4711 = TEXT
    4711.dataWrap (
            window.fbAsyncInit = function() {
                    FB.init({
                            appId: '',
                            status: true,
                            cookie: true,
                            xfbml: true
                    });
            };
            (function() {
                    var e = document.createElement('script'); e.async = true;
                    e.src = document.location.protocol +
                    '//connect.facebook.net/en_US/all.js';
                    document.getElementById('fb-root').appendChild(e);
            }());
    )
}

我想这可能对我有帮助....但是这个数字“4711”是什么意思??

请帮帮我..

提前致谢。

【问题讨论】:

    标签: typo3 typoscript typo3-6.2.x


    【解决方案1】:

    答案很大程度上取决于内容元素 (CE) 中的内容。

    如果它是您的自定义插件,您可以通过f:uri.resource 或更好地通过v:asset.script 从您的插件模板中进行操作(为此您需要EXT:vhs)。

    如果你想将你的 JS 添加到现有的 CE,比如“Text”、“Image”、“Text with Image”等,而不是全部,但某些指定的,我不不知道开箱即用的方法来做到这一点。但是您可以通过 EXT:fluidcontent create a container, which is built only from one grid element 获取您想要的 CE。并将您的 JS 包含物放入容器的模板中。 因此,您首先将容器放在页面上,然后将所需的 CE 放入容器中。 我建议阅读 Flux-family 扩展的complete manual 以了解您在做什么:)

    至于page.jsInline,我建议检查TS Reference。简而言之:有可能通过不同的选项为所有页面添加 CSS/JS 全局(如果您使用 conditions,则不是全部),您可以在 TS Refrence (我推荐使用includeJS)。从参考资料中可以看出,所有的 CSS/JS 包含选项都是数组,像 4711 这样的数字只是这个数组中的索引。通常扩展开发者会尝试使用一些唯一数字来避免与 TYPO3 集成器重叠。所以,4711 只是一些随机数。

    正如@pgampe 指出的那样:这些数组中具有较低索引的定义被包含在之前具有较高索引的那些。

    【讨论】:

    • 嗨 Viktor,谢谢您的回答...我是新手...所以我无法完全理解答案...我有一个 js 代码,我想将其插入特定的CE,是否可以使用 'page.jsInline' 来做到这一点?
    • @JackyCoogan 是的,你可以把它放在page.jsInline,但这会让你的代码出现在任何页面上。
    • @ViktorLivakivskyi 在生成页面之前对数字进行排序。因此,数字确实很重要,即使它们在 TS 中以相反的方式定义,较低的数字也会出现在较高的数字之前。
    • @pgampe,感谢您指出这一点。根据我以前的经验,数字并不重要。似乎,这在某些 TYPO3 版本中有所改变。我会更新我的答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-03-07
    • 1970-01-01
    • 2020-07-27
    • 2021-11-21
    • 1970-01-01
    • 2019-11-16
    • 1970-01-01
    相关资源
    最近更新 更多