將靜態HTML插入AEM頁面

Question

我有一個HTMl文件和帶有頁眉，頁腳和空白內容的AEM模板。

我想基於模板創建一個AEM頁面，並用HTMl文件填充空白內容。 我知道PageManager API可以使用某些模板創建頁面，而JcrUtils API可以在創建頁面時添加節點（textNode，imageNode）。 但是，如何將靜態HTML文件作為AEM頁面的組件插入？

Answer 1

您可以通過多種方式實現此目標-

• 遵循AEM建立獨立組件的理念，您可以為此HTML創建一個組件，並在模板的頁面組件中使用data-sly-resource （頁面組件-模板通常回退到頁面組件以呈現頁眉，頁腳，正文等等），以將該組件包括在頁面上。

<sly data-sly-resource="${'htmlcomp' @ resourceType='<<project>>/components/htmlcomponent'}"/>

• 在頁面組件內，您可以使用此HTML創建一個靜態文件（例如static-content.html），並在blank-content.html文件中引用靜態HTML文件進行data-sly-include 。

<sly data-sly-include="static-content.html" data-sly-unwrap/>

• 或者，如果這是需要編寫完整標記的用例，則將遵循@ronnyfm在注釋中提到的內容，並使用適當的顯示上下文從創作對話框中將其作為屬性讀取。 在此處查看可用於可視化的可用顯示上下文。