Page History

...

All content editing is done in the Pages app of the Magnolia author instance. The Magnolia-provided SPA renderer libraries ensure that a SPA project can be edited in the Pages app. The SPA renderer produces template annotations, which the Pages app transforms into the green toolbars – editable page elements. Note: The green toolbars are generated whenever the page iFrame is loaded. Additionaly, the green bars can also be generated by calling the document.mgnlRefresh() function.

On the Magnolia side, an SPA has a very simple template definition that just references the index.html file generated by the external React or Angular app.

...