我有一个外部 JavaScript 和一个 CSS 文件。我不知道如何将此文件添加到我的页面。我正在为 CT 和 PT 使用 DWT TBB。
我暂时在我的页面 TBB 中编写内部 CSS 以获取输出。但我不知道如何实现 JavaScript。有人可以帮助我吗？
我应该将这些文件作为组件并将它们呈现在我的页面上吗？这是正确的方法吗？如果是，请告诉我要遵循的步骤。
【问题讨论】：
标签： tridion tridion-2011
这是一个广泛讨论的话题，我将尝试概述各种可能性：
选项 #1 是最简单的，但有很多缺点。
<link href="tcm:27-2762" rel="stylesheet" type="text/css" />
<script src="tcm:27-2763" type="text/javascript"></script>
如果您的模板使用默认完成操作构建块，那么 Tridion 将解析对这些二进制文件的引用并将其与您的页面一起发布。 这样做的副作用是这些二进制文件将与使用相同模板的所有页面一起发布。
选项 #2 要求您编写一个动态组件模板，可能需要一些代码来确定文件发布到哪里。这更符合我通常实施的方式，但目前我不建议您这样做。随着您对 Tridion 知识的了解，您会感到很自在，可以自己完成这项工作。使用此选项，您可以将 CSS/JS 文件发布到给定位置，然后在 DWT 中使用引用，而不是使用 TCM URI（如上），而是使用文件发布到的 URL。
选项 #3 要求您创建“代码组件和模板”，这意味着只有一个大文本字段（不是富文本）的简单架构，在其中复制/粘贴 CSS 或 JS 的内容。然后编写一个简单的组件模板，它将按原样输出内容。类似于@@Fields.Code@@。
最后你用一个 DW 模板创建了 2 个页面模板（一个扩展名为 .js，另一个扩展名为 .css）：
<!-- TemplateBeginRepeat name="Components" -->
@@RenderComponentPresentation()@@
<!-- TemplateEndRepeat -->
最后，同样重要的是（有很多方法可以给这只猫换皮），您可以直接将这些 CSS/JS 文件放在您的网络服务器上，然后在您的 DWT 中添加一个链接，指向这些文件可用的 URL。
希望这能给你一些选择。请记住，应在页面模板级别（最好在页面的 <head> 部分）而不是在组件模板中包含 CSS/JS。
【讨论】：
Building Blocks 中有一系列很棒的文章解释了这一点
查看以下链接：
如果您想让事情变得非常简单（但我不建议这样做，因为它会在您每次发布页面时重新发布您的 CSS 或 JS）。您可以将 CSS 存储为多媒体组件（并记下其 URI）并在 DWT 页面布局中像这样引用它：
<link rel="stylesheet" href="tcm:1-2-16" />
or
<script type="text/javascript" src="tcm:1-2-16"></script>
然后使用默认完成操作确保二进制文件已发布并且链接已解析。
【讨论】：