Блог

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

так что мой widget.html это всего лишь пара строк html, один раздел с классом контейнера, div с классом строки и два div с классами col-6. И для завершения некоторого текста внутри него.

 <section class="container">
    <div class="row">
        <div class="col-6">test</div>
        <div class="col-6">test</div>
    </div>
</section>
  

И мой index.js :

 module.exports = {
    extend: 'apostrophe-widgets',
    label: 'A container bootstrap',
    addFields: [
      {
        name: 'container',
        type: 'area',        
        label: 'container',
      }
    ]
  };
  

Я вызываю это внутри home.html с этим кодом :

 {{
    apos.area(data.page, 'container', {
      widgets: {
        'bootstrap-container': {},
      }
    })
}} 
  

И инициализация внутри app.js

 'bootstrap-container': {},

  

Я начинаю с apostrophe, кто-нибудь знает, почему мой код не работает? Возможно, я где-то допустил ошибку, но я ее не нахожу