Использование нескольких вложенных модулей в апостроф CMS - PullRequest
Новая
       6

Использование нескольких вложенных модулей в апостроф CMS

0 голосов
/ 01 июня 2018

Я создаю набор модулей (виджетов) с помощью apostrophe-cms (2.x).Теперь я хочу создать разные вложенные виджеты, чтобы использовать некоторые модули, например, в макете с двумя столбцами.Я следовал руководству для nested-widgets https://apostrophecms.org/docs/tutorials/getting-started/layout-widgets.html и создал простой макет из двух столбцов: 

module.exports = {
  extend: 'apostrophe-widgets',
  label: 'Two Column Layout',
  contextualOnly: true,
  addFields: [{
      name: 'columnLeft',
      type: 'area',
      label: 'Left Area',
    },
    {
      name: 'columnRight',
      type: 'area',
      label: 'Right Area',
    }
  ]
};

Частично это работает.Я могу добавить другие виджеты внутри двух областей, и HTML будет правильно построен.Проблема возникает, когда я использую другие виджеты ниже двухколоночного макета.Взглянув на Инспектора, я вижу, что все виджеты ниже создаются внутри двухколоночной оболочки apos-area-widget-wrapper.Когда я хочу удалить только виджет с двумя столбцами, я также удаляю все модули ниже.(См. Ссылку на изображение)

Инспектор Chrome, неправильное вложение виджетов внутри виджета с двумя столбцами

Я что-то упустил или вложенный макет каким-то образом пропустил закрывающий тег,так что в него все втягивается?

(Обновление): Попытка сузить проблему: ниже я могу добавить новые (не только для макета) модули, они кажутся правильными.Как только я пытаюсь добавить другой виджет макета, я ничего не могу с ним сделать, так как он не сохраняет никакой информации.

(Обновление): GitHub Project для демонстрации: https://github.com/raphaelurban/apostrophe-test

1 Ответ

0 голосов
/ 04 июня 2018

Я не совсем понимаю ваше поведение, но шаблон accordion-widgets неправильно закрывает разметку.Утечка может по-разному влиять на разные браузеры, в Chrome я получаю несколько неработающих стеков.

...