1. Flyology TUI
  2. Components
  3. Markdown editors

Editing

Markdown editors

Compose a bounded source editor with live Markdown preview layouts.

Generated previewCharm
Dedicated Markdown editors example rendered in the Charm skin

The site build compiles the dedicated Ada component example, constructs Markdown editors through its public API, and exports that exact styled surface. Read the capture source.

When to use it

Use a Markdown editor when users need source, preview, or responsive split modes from one bounded document.

State and ownership

The Flyology_TUI.Components.Markdown_Editors package defines this component.

A limited model owns one text area and one viewer in place. Text mutations synchronize the preview; cursor-only changes do not reset it.

  • The application model owner applies updates during serial event dispatch.
  • Appearance and skin values are borrowed only while the component renders.

Input and updates

The application routes input to the source or preview region from the current immutable layout.

Integration sequence

  1. Create the bounded model and populate it with caller-owned data.
  2. Route the current keyboard or local mouse event through the component handler.
  3. Apply the typed result, then render from the updated model with the current appearance.

See the linked package reference for its exact declarations and contracts.

Responsive and accessible behavior

  • Use dimensions and regions from the current layout or presentation value.
  • When a component owns mouse capture, route its matching release even when the pointer leaves the original bounds.
  • Retain a glyph, label, border, or text-attribute cue when the terminal reduces color.