# Example Applications

## Live Examples

<!-- docuserve:examples-index:start -->
| Example | Complexity | Summary | Live |
|---------|------------|---------|------|
| [Book Viewer](book%5Fviewer/README.md) | Intermediate | A long-form ten-chapter book rendered with pict-section-content and click-to-edit per section — Mermaid, KaTeX, code, and tables included. | [&#9654; Launch](examples/book%5Fviewer/index.html) |
| [Embedded Editor](embedded%5Feditor/README.md) | Basic | The smallest useful integration — pict-section-markdowneditor mounted inside a bordered card on an ordinary page, ready to drop into a notes field or comment box. | [&#9654; Launch](examples/embedded%5Feditor/index.html) |
| [Markdown Editor](markdown%5Feditor/README.md) | Basic | The full-featured segmented editor with quadrant buttons, drag-and-drop reorder, rich previews, Mermaid diagrams, KaTeX math, and code highlighting — every default capability turned on. | [&#9654; Launch](examples/markdown%5Feditor/index.html) |
| [Server Upload](server%5Fupload/README.md) | Intermediate | The onImageUpload hook wired to a live Orator backend — paste, drag, or pick an image and the editor inserts a server URL instead of an embedded base64 data URI. | [&#9654; Launch](examples/server%5Fupload/index.html) |
<!-- docuserve:examples-index:end -->
