DocumentBuilderCanvas

The main document builder canvas component.

Overview

DocumentBuilderCanvas provides the WYSIWYG editing surface for assembling project documents. Users drag content blocks onto pages, arrange them visually, and preview the final output.

Features

• Multi-page document canvas
• Drag-and-drop block placement
• Block selection, resizing, and repositioning
• Page navigation
• Zoom controls
• Grid snap alignment
• Real-time preview

Key Dependencies

• useDocumentBuilder — Builder state and logic

Source

app/components/document-builder/DocumentBuilderCanvas.vue