Hi,
I have a custom widget with a few elements that comes from the apostrophe-widgets exdented index.js of my widget. Things like headline, ect.
In my view i’ve got two elements, one called “content”, the other called “inlinecontent”.
“content” is filled by the form in the popover. The other should be visible and editable on-page.
{{
apos.area(data.widget, 'content', {edit: false})
}}
{{
apos.area(data.widget, 'inlinecontent', {
widgets: {
'apostrophe-rich-text': {
controls: [ 'Bold', 'Italic', 'Link', 'Unlink' ]
},
'adt-list': {}
}
})
}}
After I create the element on the page everything looks fine. The Content is filled so far and the “+” sign from the inlinecontent is shown correctly.
I can open the menu defined as “inlinecontent”:
And i can edit some Text:
But after a reload the text is gone!
Oops!
Is inline editing inside a widget not possible? Is something wrong with my template? I have this behaviour in all of my templates. Even when I allow inline editing of the elements that i define inside the index.js. It doesn’t matter, all content that is added onsite inside a custom widget ist lost after a reload.
Thanks for an explanation or a hint what i can try to archive that goal!
ps