AEM 6.0, в окне editor.html нет содержимого

Недавно я перенес сайт разработки с AEM 5.6 на 6.0. Когда я нажимаю на значок редактирования в режиме сенсорного интерфейса, загружается пустая страница без интерфейса. Пример URL-адреса в этом режиме выглядит так: localhost: 4502 / editor.html / content / mypage.html

Если я переключу URL-адрес на классический поисковик контента, моя страница и все ее содержимое будут отображены: localhost: 4502 / cf # / content / mypage.html

Если я нажимаю на свойства страницы, этот URL-адрес загружается, и он полностью лишен стиля, это длинный список ссылок для пользовательского интерфейса AEM, включая мои пользовательские настройки, но без настроек страницы. локальный: 4502 / библиотеки / wcm / core / content / sites / properties.html / content / mypage

Кто-нибудь испытал это? Требуется ли для editor.html (сенсорный интерфейс) другой набор разрешений или свойств страницы, которого нет в cf # (классический интерфейс)?


aem
person Em Ennis    schedule 02.02.2015    source источник
comment
Для Touch UI вам понадобится дополнительный диалог. Они несовместимы, поскольку в классическом варианте для виджетов используется ExtJS, а в Touch UI используется Coral: docs.adobe.com/docs/en/aem/6-0/develop/the-basics/ Хотя я удивлен, что даже не страница показан в вашем случае. Может быть, проверьте ошибки JavaScript ...   -  person Thomas    schedule 03.02.2015


Ответы (3)


Убедитесь, что sling: resourceSuperType вашего компонента страницы установлен на / foundation / components / page. Он унаследует диалог и cq: dialog. Это, скорее всего, решит проблемы как с editor.html, так и со свойствами страницы.

person Robby Thrift    schedule 03.02.2015
comment
Спасибо, Робби! Похоже, это устранило мою проблему - теперь я могу перейти на свой сайт в режиме editor.html, а также загрузить свойства моей страницы. Я пропустил этот параметр в моем компоненте страницы. Приятно видеть, что компоненты фундамента также могут охватывать оба диалога! - person Em Ennis; 03.02.2015

Это просто копипаст с одного из сайтов Adobe, объясняющий различия между Touch и Classic UI.

Диалог, созданный для Touch UI, определяется с помощью узлов типа un: structured. Вы определяете тип элемента управления в диалоговом окне Touch UI, устанавливая свойство sling: resourceType узла. Например, чтобы определить текстовое поле в диалоговом окне Touch UI, установите для свойства sling: resourceType значение granite / ui / components / foundation / form / textfield.

Примечание. При создании диалогового окна для представления Touch UI вы определяете тип элемента управления (например, текстовое поле), устанавливая свойство sling: resourceType. Напротив, при построении диалога для классического представления вы определяете тип элемента управления, устанавливая его свойство xtype. Вы устанавливаете оба свойства в следующих разделах. Список всех объектов из гранита см. В Справочнике по граниту.

На следующем рисунке показаны узлы JCR компонента, созданного в этой статье для разработчиков.

пример

Как вы можете видеть на предыдущей иллюстрации, есть две ветви JCR, которые связаны с диалоговым окном компонента:

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

Оба этих диалоговых окна необходимы при разработке компонента AEM. Первая ветвь определяет диалог компонента, используемый в среде Touch UI. Вторая ветвь определяет диалог компонента, используемый в классическом представлении AEM. Следовательно, чтобы использовать компонент в обоих представлениях AEM, необходимо создать обе ветви узла JCR.

Итак ... резюмируя, вам нужно определить два диалоговых окна, если вы хотите, чтобы они работали с обоими пользовательскими интерфейсами.

person Mauri Lopez    schedule 03.02.2015
comment
Спасибо, Маури, я не знал о двух диалогах. Это будет очень полезно при переходе на 6.0. Моя проблема больше в том, что в режиме editor.html не отображается контент и нет доступа к свойствам страницы. - person Em Ennis; 03.02.2015

Есть небольшие изменения в соответствии с AEM 6.1. Убедитесь, что для sling: resourceSuperType компонента страницы установлено значение wcm / foundation / components / page. Вам необходимо добавить это свойство в компонент страницы. Он унаследует диалог и cq: dialog. Это, скорее всего, решит проблемы как с editor.html, так и со свойствами страницы. Надеюсь, это разрешится!

person Vinod Satpute    schedule 02.10.2016