Website review
This review may include AI-generated content and is not individually verified. Domain, certificate and other facts come from the observed data on this page.
What is MarkD?
MarkD is a live Markdown editor built with SvelteKit, described as "advanced" and "opinionated." In practice, that means it makes design choices for you rather than trying to accommodate every Markdown workflow. The page shows a split writing and preview interface with a character, word and reading-length counter, keyboard focus handling (press ESC then TAB to leave the editing field), and a scroll-sync option that keeps the preview aligned with your position in the text.
Who it suits
- Writers who want immediate visual feedback while drafting in plain Markdown.
- Developers curious about a from-scratch SvelteKit implementation who want to read or reuse the code.
- Anyone who prefers a focused, single-purpose editor over a full document platform.
Trade-offs to expect
An opinionated editor is fast to learn but may not match habits formed in other tools: shortcuts, extension support and export options can differ from what you're used to. Because it runs in the browser, check how your drafts are stored before relying on it for anything important.
A practical next step
Open the editor, paste in a real document you already know well, and test three things: how the preview renders your formatting, whether scroll sync helps or distracts on long text, and whether keyboard navigation fits your workflow. If you need a broader comparison, MarkD is the reference point, and established editors such as Dillinger offer a similar live-preview approach with different feature sets.
How does MarkD's live preview and scroll sync work while writing?
MarkD pairs a live preview with scroll sync: as you type in the editor, the rendered output updates alongside it, and the two panes stay aligned so the section you're editing stays roughly in view in the preview. The page shows a simple status line (characters, words, estimated reading length) and a hint to press ESC then TAB to move focus off the field, which suggests a keyboard-driven writing flow rather than toolbar-heavy editing.
What this means in practice
- Drafting long documents: Scroll sync is most useful when you write in one pane and check formatting in the other. Without it, you scroll the preview manually to find the paragraph you just changed; with it, the preview follows your position.
- Checking structure: Headings, lists and tables render as you go, so you can confirm the document outline without switching to a separate preview mode.
- Keyboard focus: The ESC-then-TAB instruction implies the editor captures keystrokes while focused. If shortcuts or Tab indentation seem unresponsive, moving focus off the field first is the expected step.
Limits worth knowing
Scroll sync aligns positions approximately, not line by line. Elements that change rendered height — long tables, embedded blocks, images — can push the preview out of step with the source, so expect occasional manual nudging in image- or table-heavy drafts. The page evidence doesn't describe how sync is calculated or whether it can be toggled, so treat those as unknowns rather than features.
A quick test
Paste a 500-word draft with three headings and one table into the editor, then scroll from top to bottom. If the preview tracks closely except around the table, that's normal sync drift; if it diverges badly everywhere, the alignment isn't reliable for your document type.
For comparison, other Markdown editors with split previews include Dillinger and StackEdit; both offer live rendering, and StackEdit adds synchronization across sessions.
What makes MarkD opinionated compared to other Markdown editors?
"Opinionated" here means MarkD makes layout and workflow decisions for you rather than exposing a settings panel to reconfigure everything. The page evidence points to a specific set of built-in choices: a live split view of writing and preview, a character/word/reading-length counter, a keyboard escape sequence (ESC then TAB) for moving focus out of the editor field, and scroll sync between the two panes. Those are the product's own stated features; the analysis below is general.
What the choices imply in practice
- Split view with scroll sync suits people who want to watch formatting resolve as they type — drafting documentation, README files, or notes where headings and tables matter. It is less suited to pure prose drafting, where a preview pane is mostly visual noise.
- Always-on counters help writers working to a length limit: release notes, meta descriptions, a fixed-word abstract. Writers who find live counts distracting have no stated way to hide them.
- The ESC-then-TAB focus rule is a deliberate keyboard convention. It rewards users who learn one chord and then never touch the mouse; it frustrates anyone expecting a single Escape press to leave the field.
- A fixed, minimal interface means fewer decisions before you start typing, at the cost of adapting the tool to unusual workflows.
How that compares
| Editor style | Typical strength | Typical trade-off |
|---|---|---|
| Opinionated, fixed layout (MarkD's approach) | Predictable, fast to start, consistent output | Little customization; you adopt its conventions |
| Highly configurable editors | Fit niche workflows, plugins, themes | Setup time; inconsistent experience across machines |
| Minimal distraction-free editors | Focus on prose | Fewer structural aids like preview and counters |
A concrete scenario
A developer writing a project README wants the preview visible, likes seeing the word count, and works entirely from the keyboard. MarkD's defaults line up with that. A novelist drafting long chapters, or a team needing custom styles and export templates, would likely be better served by a configurable editor.
Next step
Before committing, test the one convention most likely to annoy you: type a paragraph, press ESC then TAB, and see whether the focus behavior feels natural. If it does, the rest of the opinionated setup is likely a good fit.
For background on the Markdown syntax these editors render, CommonMark publishes the specification, and Daring Fireball hosts the original syntax description.
How do I use the ESC then TAB keyboard shortcut to move focus off the editor field?
Press Esc, then Tab. In MarkD's editor field, Esc puts the field into a state where the next Tab moves focus out of it rather than inserting a tab character or indenting text. After that, focus lands on the next focusable element in the page order (typically a toolbar control or the preview area).
Why the two-step sequence
A live Markdown editor usually captures Tab for indentation, which traps keyboard users inside the text area. The Esc-then-Tab pattern is a deliberate escape hatch: Esc signals "I'm leaving edit mode," and the following Tab performs the actual focus move. If you press Tab alone, expect it to be consumed by the editor.
Practical walkthrough
- Click into the editor or Tab into it and start typing.
- When you want to leave, press Esc once. Don't type anything in between.
- Press Tab. Focus should move to the next control.
- Use Shift+Tab instead if you need to go backward.
If nothing seems to happen, check that the editor still has focus (the caret should be visible) and that you pressed Esc and Tab as separate keystrokes rather than a chord.
When this matters
- Keyboard-only writing sessions: you finish a paragraph and want to reach the preview or a formatting button without reaching for the mouse.
- Screen-reader and switch-access users: escaping a text field that swallows Tab is essential for navigating the rest of the page.
- Long documents: jumping to the preview to check rendering, then returning with Shift+Tab.
Decision criterion
If your priority is fast formatting while writing, learn the editor's own shortcuts and treat Esc-then-Tab as your exit. If your priority is accessibility compliance, verify the behavior with a screen reader, since a focus move that isn't announced is only half the job.
For background on Markdown editing conventions more broadly, the CommonMark specification and Daring Fireball's original Markdown syntax notes are useful references; neither defines editor keybindings, so treat Esc-then-Tab as an interface convention rather than a Markdown rule.
Can I self-host or run MarkD locally since it is open-source and built with SvelteKit?
Yes. MarkD is described as open-source and built with SvelteKit, so running it locally is the natural path: clone the source, install dependencies, and start the SvelteKit dev server. Self-hosting a built version is also feasible if the project publishes a build output, though the page evidence doesn't confirm deployment details.
Practical next step
Check the project's repository for a README with setup commands (typically npm install then npm run dev), and confirm the license before redistributing or hosting it publicly. If you plan to expose it on a server, treat it as a static or Node-based SvelteKit app depending on the adapter configured.
Who this suits
- Developers who want a local, distraction-free Markdown editor with live preview and scroll sync.
- Teams wanting to embed or modify an opinionated editor rather than adopt a hosted service.
- Casual writers may find a hosted editor simpler than managing a local build.
For comparison, other open-source editors with self-hosting options include StackEdit and HackMD, though their architectures and hosting models differ from a from-scratch SvelteKit build.
How does MarkD's character, word, and reading-time counter help me track document length?
MarkD shows a running count of characters, words and estimated reading length (in minutes) as you write, so document length is visible continuously rather than checked at the end. The page evidence shows the counters start at zero and update within the editor, alongside a write/preview split and scroll sync.
What each counter is good for
| Counter | Best used for | Trade-off |
|---|---|---|
| Characters | Hard limits: meta descriptions, social posts, form fields, SMS-style constraints | Counts markup and spaces, so it overstates visible text in formatted documents |
| Words | Prose targets: articles, essays, reports, assignments | Says nothing about structure or readability |
| Reading time (minutes) | Reader-facing content: blog posts, docs, newsletters | An estimate based on a words-per-minute assumption; dense or technical text reads slower than the number suggests |
A concrete workflow
Suppose you are drafting a 900-word article with a 120-character meta description. Write the body while watching the word count approach your target, then switch to the preview to check that headings and lists break up the text. Use the character count for the meta description separately, since the document total includes everything. The reading-time figure is most useful as a sanity check: a five-minute estimate suits a lunch-break read, while a fifteen-minute estimate signals that you need a summary or clearer section headings.
Next step: decide your target in the unit that matches your constraint (words for prose, characters for metadata), write to it, and treat reading time as a rough guide to pacing rather than a precise measure.
User reviews (0)