AEM 6.0，editor.html 窗口中没有内容答案

【问题标题】：AEM 6.0, no content in editor.html windowAEM 6.0，editor.html 窗口中没有内容
【发布时间】：2015-02-02 22:07:11
【问题描述】：

我最近将一个开发站点从 AEM 5.6 迁移到 6.0。当我单击编辑图标时，在触摸 UI 模式下，会加载一个没有 UI 的空白页面。此模式下的示例 URL 如下所示：localhost:4502/editor.html/content/mypage.html

如果我将 url 切换到经典内容查找器，我的页面及其所有内容将显示： localhost:4502/cf#/content/mypage.html

如果我单击页面属性，则会加载此 URL，并且它完全没有样式，是 AEM UI 的一长串链接，包括我的用户设置 - 但没有页面设置。 localhost:4502/libs/wcm/core/content/sites/properties.html/content/mypage

有人经历过吗？ editor.html (Touch UI) 是否需要 cf# (Classic UI) 不需要的一组不同的权限或页面属性？

【问题讨论】：

对于触控 UI，您需要一个额外的对话框。它们不兼容，因为经典使用 ExtJS 作为小部件，而 Touch UI 使用 Coral：docs.adobe.com/docs/en/aem/6-0/develop/the-basics/… 虽然我很惊讶，甚至页面都没有显示在你的案例中。也许检查 JavaScript 错误...

标签： aem

【解决方案1】：

确保您的页面组件的 sling:resourceSuperType 设置为 /foundation/components/page。它将继承对话框和 cq:dialog。这很可能会解决 editor.html 和页面属性问题。

【讨论】：

谢谢你，罗比！这似乎解决了我的问题——我现在可以在 editor.html 模式下访问我的站点并加载我的页面属性。我在我的页面组件中忽略了这个设置。很高兴看到基础组件也可能涵盖这两个对话框！

【解决方案2】：

根据 AEM 6.1 略有变化。确保您的页面组件的 sling:resourceSuperType 设置为 wcm/foundation/components/page。您需要将此属性添加到页面组件。它将继承对话框和 cq:dialog。这很可能会解决 editor.html 和页面属性问题。希望能解决！

【讨论】：

【解决方案3】：

它只是从 adobe 的一个网站复制粘贴，解释了 Touch 和 Classic UI 之间的区别

为 Touch UI 构建的对话框是使用 un:structured 类型的节点定义的。您可以通过设置节点的 sling:resourceType 属性来定义 Touch UI 对话框上的控件类型。例如，要在 Touch UI 对话框上定义文本字段，请将 sling:resourceType 属性设置为 granite/ui/components/foundation/form/textfield。

注意：在为 Touch UI 视图构建对话框时，您可以通过设置 sling:resourceType 属性来定义控件的类型（例如，文本字段）。相反，在为经典视图构建对话框时，您可以通过设置控件的 xtype 属性来定义控件的类型。在以下部分中设置这两个属性。有关所有 Granite 对象的列表，请参阅 Granite 参考。

下图显示了本开发文章中创建的组件的 JCR 节点。

如上图所示，有两个 JCR 分支与组件的对话框相关：

/apps/mywebsite2/components/herotext2/cq:dialog /apps/mywebsite2/components/herotext2/dialog

开发 AEM 组件时需要这两个对话框。第一个分支定义了在 Touch UI 环境中使用的组件对话框。第二个分支定义在 AEM 经典视图中使用的组件对话框。因此，要在两个 AEM 视图中使用该组件，您需要创建两个 JCR 节点分支。

所以...总而言之，如果您希望它们在两个 UI 上工作，您需要定义两个对话框。

【讨论】：

谢谢 Mauri，我不知道这两个对话框。当我们迁移到 6.0 时，这将非常有帮助。我的问题更多是在 editor.html 模式下没有显示内容，也无法访问页面属性。