typo3：使用html和javascript代码在文件夹中添加记录

Question

我使用在线工具创建了一个仪表板，我想嵌入它。我有一个文件夹，里面有很多记录。我如何添加包含此代码的记录？

<div 
    class="infogram-embed" 
    data-id="..." 
    data-type="interactive" 
    data-title="...">
</div>
<script>!function(e,n,i,s){var d="InfogramEmbeds";var o=e.getElementsByTagName(n)[0];if(window[d]&&window[d].initialized)window[d].process&&window[d].process();else if(!e.getElementById(i)){var r=e.createElement(n);r.async=1,r.id=i,r.src=s,o.parentNode.insertBefore(r,o)}}(document,"script","infogram-async","https://infogram.com/js/dist/embed-loader-min.js");</script>

我尝试在代码源中添加代码，但它不接受它。

Answer 1

由于安全原因，您无法在常规内容元素/richtext/wysiwyg 字段中输入 javascript。

您是否使用自定义的“nouvelles”内容元素？在这种情况下，您可以添加自定义“原始文本”字段。然后，您编辑该内容元素的输出模板，并在不转义的情况下发出字段（即在流体模板中，您将使用）。这样你就可以在该字段中输入 javascript，它就会被发出。

另一种（更好）的方法是创建一个独特的内容元素，其中您的 javascript 已经是模板的一部分。然后，您可以定义一个属性，例如“为 XXX 启用 javascript”，并在启用时在您的模板中发出该 javascript。然后，您可以在 JavaScript 中添加特定占位符/属性作为自定义元素属性（例如“标题”、“widtb”、“仪表板元素数量”等）。