Skip to content
Tech News
← Back to articles

Show HN: Writemark, a dependency free web component for inline Markdown editing

read original more articles
Why This Matters

Writemark introduces a lightweight, dependency-free web component for inline Markdown editing that can be integrated anywhere without relying on bulky frameworks. Its focus on simplicity, performance, and extensibility makes it a valuable tool for developers seeking a flexible, embedded Markdown editor. This innovation could streamline content creation workflows and inspire similar minimalist solutions in the industry.

Key Takeaways

I like writing Markdown, but do not like writing it inside a plain textarea.

I wanted something I could use anywhere by dropping in a single web component:

```

<writemark-editor name="body"></writemark-editor>

```

That became Writemark.

It renders Markdown while you write, but Markdown remains the value you read, store, and submit. It also has source, split, and preview modes, along with slash commands, tables, task lists, code blocks, native form support, and an API for adding your own controls. There are no runtime dependencies and no required framework or built in toolbar.

It is fully vibecoded. The process was very iterative. I knocked something out, tried using it, found bugs, fixed them, and repeated that cycle until I had something I liked writing in and that performed reasonably well.

It did not begin as an experiment about AI generated software -- just did not want to use textareas anymore. I like Markdown, and I wanted one component that I could use anywhere without bringing along an entire editor framework.

It is still very young. The parser is handwritten, the component is essentially one large JavaScript file, and I am certain there are edge cases waiting to be found. If you find one, I am happy to fix it.

... continue reading