So definieren Sie Bereichs-Widgets aus einem Makro in Apostroph CMS

Question

Ich möchte die Widgets für alle meine Spalten und Layouts an einer Stelle definieren.

Dieser Code würde

{% macro columnWidgets(data, option) %} 
{{ apos.area(data.widget, '{{option}}', { 
blockLevelControls: true, 
widgets: { 
'apostrophe-rich-text': { 
    toolbar: [ 'Styles', 'Bold', 'Italic', 'Blockquote', 'Link', 'Anchor', 'Unlink', 'BulletedList' ], 
    styles: [ 
    { name: 'Paragraph', element: 'p' }, 
    { name: 'Quote/Section Descriptor', element: 'h3' }, 
    { name: 'Main Heading', element: 'h1',attributes: { 'class': 'main-heading'} } 
    ] 
}, 
'apostrophe-html': { 
    toolbar: [ 'Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript','Image','slideshow' ], 
    styles: [ 
    { name: 'Marker: Yellow', element: 'span', styles: { 'background-color': 'Yellow' } } 
    ] 
}, 
'apostrophe-images': { 
    minSize: [ 700, 350 ], 
    aspectRatio: [ 2, 1 ], 
    size: 'full' 
} 
} 
}) }} 
{% endmacro %} 

Da ist in meinem 4Column Layout-Widget in views/Makros/columnWidgets.html sein ich etwas in dieser Richtung umfassen würde.

{% Import 'Makros/columnWidgets.html' als columnwidgets%}

{{apps.columnWidgets (Daten, 'column1')}}

Answer 1

Sicher, wir tun dies die ganze Zeit in unserem eigene Projekte.

// in app.js 

modules: { 
    'apostrophe-templates': { 
    viewsFolderFallback: __dirname + '/views' 
    }, ... 
} 

{# In views/macros/areas.html %} 

{% macro content(context, name) %} 
    {{ apos.area(context, name, { 
    widgets: { 
     'apostrophe-rich-text': { 
     toolbar: [ 'Styles', 'Bold', 'Italic', 'Link', 'Anchor', 'Unlink', 'BulletedList' ] 
     }, 
     'apostrophe-images': {}, 
     'apostrophe-files': {}, 
     'apostrophe-video': {} 
    } 
    }) }} 
{% endmacro %} 

{# In any other template in any module #} 

{% import "macros/areas.html" as areas %} 
{{ areas.content(data.page, 'body') }} 

Die Verwendung von viewsFolderFallback ist eine nette Annehmlichkeit, um einen Top-Level-Ordner freigegeben importierten eine Ausweichpunkt für Vorlagendateien zu werden, enthalten, erweiterte etc. von jedem Modul.