--- title: Show HN: Writemark, a dependency free web component for... description: Writemark is a dependency-free web component for inline Markdown editing that renders Markdown as you type while keeping raw Markdown as the stored value. It... canonical: https://daily.dev/posts/show-hn-writemark-a-dependency-free-web-component-for-inline-markdown-editing-couf1ex00 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Show HN: Writemark, a dependency free web component for inline Markdown editing | daily.dev og:description: Writemark is a dependency-free web component for inline Markdown editing that renders Markdown as you type while keeping raw Markdown as the stored value. It... og:url: https://daily.dev/posts/show-hn-writemark-a-dependency-free-web-component-for-inline-markdown-editing-couf1ex00 og:image: https://api.daily.dev/og/posts/coUF1EX00.png og:image:alt: Show HN: Writemark, a dependency free web component for inline Markdown editing og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Show HN: Writemark, a dependency free web component for inline Markdown editing **[Hacker News](https://daily.dev/sources/hn)** · 2 min read · 0 upvotes · 0 comments ## Summary Writemark is a dependency-free web component for inline Markdown editing that renders Markdown as you type while keeping raw Markdown as the stored value. It supports source, split, and preview modes, slash commands, tables, task lists, code blocks, and native form integration with no required framework or toolbar. Built with a handwritten parser in a single JavaScript file, it is backed by 951 Playwright tests across Chromium, Firefox, and WebKit, including hostile input and CommonMark differential tests. The author built it out of a desire to avoid plain textareas and heavy editor frameworks. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [This open-source Markdown editor is replacing every other writing app I use](https://daily.dev/posts/this-open-source-markdown-editor-is-replacing-every-other-writing-app-i-use-uf5hr8r0f) · XDA Developers · 0 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#markdown](https://daily.dev/tags/markdown), [#web-components](https://daily.dev/tags/web-components) [View this post on daily.dev](https://daily.dev/posts/show-hn-writemark-a-dependency-free-web-component-for-inline-markdown-editing-couf1ex00) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Show HN: Writemark, a dependency free web component for inline Markdown editing","url":"https://daily.dev/posts/show-hn-writemark-a-dependency-free-web-component-for-inline-markdown-editing-couf1ex00","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/show-hn-writemark-a-dependency-free-web-component-for-inline-markdown-editing-couf1ex00"},"datePublished":"2026-07-26T00:31:50.529Z","dateModified":"2026-07-26T00:32:09.087Z","description":"Writemark is a dependency-free web component for inline Markdown editing that renders Markdown as you type while keeping raw Markdown as the stored value. It...","image":"https://media.daily.dev/image/upload/s--HRgLpUt6--/f_auto/v1722860399/public/Placeholder%2003","thumbnailUrl":"https://media.daily.dev/image/upload/s--HRgLpUt6--/f_auto/v1722860399/public/Placeholder%2003","isAccessibleForFree":true,"articleSection":"Hacker News","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hacker News","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/hn","url":"https://daily.dev/sources/hn"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/show-hn-writemark-a-dependency-free-web-component-for-inline-markdown-editing-couf1ex00","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,markdown,web-components","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hacker News","item":"https://daily.dev/sources/hn"},{"@type":"ListItem","position":3,"name":"Show HN: Writemark, a dependency free web component for inline Markdown editing"}]} ```