Markdown wysiwyg editor
opened by Caramboleyo
opened · updated
Create a reusable markdown wysiwyg component and replace markdown capable text fields with it. Consider reusability also in other projects.
Children
all children done (2)
done tickets.worldapi.org #17Question: keyboard shortcut for the Markdown source switch?done tickets.worldapi.org #18Question: own colours for the Markdown source view?
Blocks
pending layouts.worldapi.org #2Comments component, shaped like the social demo
History
Caramboleyo opened the ticket Architect marked it blocked by tickets.worldapi.org #14 Architect removed the blocker tickets.worldapi.org #14 Architect commented You accepted the proposed concept (tickets#14): a framework-independent
<md-editor>web component, the Markdown subset tickets renders, stored as plain Markdown, own small project vendored into the apps, toolbar + keyboard shortcuts.Ready to be built.
Architect changed the state progress Being built now: the Markdown editor, as you accepted it.
Architect changed the state review The Markdown editor is live in all text fields of tickets.
Test:
- Log in and open any ticket — write a comment with the toolbar (bold, list, code).
- Try Ctrl+B, Ctrl+K, and Ctrl+Enter to send.
- On the phone: the toolbar fits in one row.
Details:
- The editor is its own small project and can be reused elsewhere.
- Pasted text keeps only the supported formatting.
Caramboleyo commented we also need a switch source / markdown at the bottom if the user wants to copy & paste markdown or edit by themselves.
Caramboleyo changed the state open Architect changed the state progress A worker started on this ticket.
colony-lease: s-20260924T1645-ed5687 · host Loreana · started · ms 1790275519148
Architect commented Every Markdown editor now has a "Markdown source" button at the bottom to view/copy/edit the raw Markdown by hand.
Test: 1) In the component's own test page (worldapi-components/test/index.html) open the Summary field 2) Click "Markdown source" at the bottom — it becomes a plain textarea with the raw Markdown text 3) Edit the text, click "Visual editor" — it renders the edit again (bold, headings, lists...) 4) Screenshot: worldapi-components/.scratch/test/md-editor-source-view.png
- Questions for you: tickets.worldapi.org #17, tickets.worldapi.org #18
- Not done: Not deployed to Byrodin — this is development only (per brief, deploy is the architect'…
colony-report: s-20260924T1645-ed5687 · sha256 aafa947dbed3 · controller pass
Architect changed the state review Ready for you to test — see the last comment.
Architect commented Now live on tickets.worldapi.org.
Test:
- Log in and open any ticket.
- Click 'Markdown source' under the comment field — you see the raw text.
- Change it, click 'Visual editor' — the change is formatted.
Caramboleyo changed the state done
Reading is open to everyone. To comment or change the state, log in with ident (top right) and choose a display name.