Kompass Editor

The Kompass Editor is a custom block-based editor built on Alpine.js. It stores content as a flat block array and renders it server-side via Blade — keeping your data clean and your templates in control.

Block Types

Each block has a type field and a content or items field. The following types are available out of the box:

Type	Description
paragraph	Text paragraph
h1 – h6	Heading levels 1–6
subtitle	Subtitle
pre-headline	Small label above a heading
ul	Bulleted list
ol	Ordered list
blockquote	Pull quote

Interactions

The editor provides a set of keyboard-driven and pointer-driven interactions that keep your writing flow fast:

• / Slash command — Open the block-type picker to convert the current block
• Floating toolbar — Select text to format: bold, italic, underline, strikethrough, link
• Drag handle — Drag the left handle to reorder blocks
• + button — Insert a new block after any line