Technical Background

wysiwyg-doc.com

Powerful Document Tools for React

Build Next-Gen
Document Editors

Two specialized packages to supercharge your document workflow. Edit Markdown with rich preview and generate mm-exact PDF layouts.

React + TipTap

markdown-wysiwyg-editor

A powerful, lightweight WYSIWYG editor component for React. It seamlessly bridges the gap between raw Markdown and rich text editing.

Rich Text Editing with Markdown syntax support
Mermaid diagram & Code block support
Table context menu & resize controls

Markdown WYSIWYG Editor Preview

WYSIWYG PDF Preview

React + Konva Used

wysiwyg-pdf

A specialized toolkit for building print-ready document templates based on mm units. This ensures your layout is physically accurate for A4 printing.

Includes Report, Template & Layout Editors
Slide Editor & Common Viewer components
mm-based positioning for precise print output