yjd vs Toast UI Editor
Toast UI Editor (by NHN) is a dual-mode editor: a Markdown pane with live WYSIWYG preview, popular for docs and developer tools. yjd is a single-surface rich text editor that can export Markdown but edits inline (no split Markdown pane). The choice comes down to whether your users write Markdown.
At a glance
| yjd | Toast UI Editor | |
|---|---|---|
| Bundle size | ~17 KB min → ~75 KB full (gzip), tree-shakeable | ~100+ KB gzip |
| Dependencies | None (zero runtime deps) | None (bundles its own) |
| Frameworks | React, Vue 3/2, Angular, AngularJS, Svelte, vanilla | Official React, Vue wrappers |
| TypeScript types | ✓ Yes | ✓ Yes |
| License | ISC | MIT |
| Best for | Comments, chat/prompt inputs, blog & social posts, light CMS | Markdown-first docs, dev tools |
Facts, not a scorecard — both are capable editors. Sizes are approximate and vary with configuration/plugins; figures for Toast UI Editor come from its public docs (https://ui.toast.com/tui-editor). The trade-offs are below.
Which should you pick?
Choose Toast UI Editor when
- Side-by-side Markdown + preview
- Great for developer/docs audiences
- Charts, UML, syntax highlighting plugins
Your users write Markdown and want a live-preview split editor.
Choose yjd when
- Lighter single-surface inline editor
- Better fit for non-technical writers
- Chat/prompt layout, mentions, any framework
You want an inline WYSIWYG (that can still export Markdown) for general users.
Try yjd
A real editor, ~17 KB, zero dependencies. Install: npm i @oix1987/yjd. It runs in React, Vue, Angular and vanilla.
More comparisons: vs Tiptap · vs Quill · vs TinyMCE · vs CKEditor 5 · vs Slate · vs Lexical · vs Draft.js · vs ProseMirror · vs Editor.js · vs Froala · vs Trix · vs Summernote · vs Jodit