Page History
HTML Wrap | ||||
---|---|---|---|---|
| ||||
Related topics: |
Magnolia front-end helpers is a collection of JavaScript libraries that enable easy integration of single-page applications in the Magnolia Pages app.
Currently, Magnolia provides the following helper libraries:
- Angular editor.
- React editor.
- Magnolia Template Annotations.
The annotations make content from a front-end project editable in Magnolia. This is achieved by injecting annotations (HTML comments) around components which the Magnolia Page editor transforms into controls for web content editors.
Table of Contents |
---|
Installing and usage
...
Example SPA projects built with front-end helpers
To see how these libraries can be used, check out our example SPA projects written in Angular and React frameworks:
- Angular: https://git.magnolia-cms.com/users/rsiska/repos/spa-angular-minimal/
- React: https://git.magnolia-cms.com/users/canh.nguyen/repos/magnolia-react-tutorial/
...
projects. The projects already include the required dependencies to the helper libraries.
- Minimal Headless SPA Demo - Minimal headless demo with full installation instructions (including React and Angular).
- Hello Magnolia - SPA - Tutorial of adding components to the minimal SPA (including React and Angular). The tutorial is part of Magnolia Headless Documentation (hd.magnolia-cms.com).