Live demo — this example is server-driven; run the showcase locally for the interactive version.

Document editor

Use Document editor straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Java Builder
Qute template

Templates

document-editor

{#include components/editors/document-editor /}

Document editor — PHA custom component wrapping Collabora Online 
 Optional: id — DOM id on the root; omit unless something else references the editor.
              collaboraUrl (optional), wopiSrc (optional), accessToken (optional),
              fileName (optional), readOnly (optional), lang (optional), height (optional) 
 Requires: /web/js/alpine/components/document-editor.js loaded before Alpine 
 Requires: /web/css/components/document-editor.css