3

我正在尝试使用现有页面（通过 TouchUI 中的路径浏览器选择）作为我的 HTL 页面上的弹出窗口/模式。有没有办法从不同的文件中添加/注入 HTML ？它更多的是关于在页面上视觉和呈现该 html，而不是如何构建对话窗口。

4

2 回答 2

7

您需要在页面中包含内容（而不是模板），最好使用data-sly-resource页面路径（/content/myapp/content/myPageIwantToDisplayAsModal）。这将在您的页面上呈现相关的 html - 请记住，在 AEM 中，内容知道如何显示自己 - 所以如上所述，您只需要引用内容

可能您还可以使用选择器不显示整个 html 以及<head>部分和不需要的<body>标签

例如：

<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>

参考这里https://docs.adobe.com/docs/en/htl/docs/block-statements.html

于 2017-02-09T14:00:42.947 回答
1

一种方法是使用引用组件并注入被引用页面的 HTML。然后，您可以使用 JS/CSS 魔术将其包装/样式化为弹出窗口。

于 2017-02-09T13:30:38.533 回答