Technical Background

wysiwyg-doc.com

Powerful Document Tools for React

Build Next-Gen
Document Editors

Three specialized packages to supercharge your document workflow. Edit Markdown, manage schedules, 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

React + Date-fns

regular-calendar

A robust facility schedule and calendar component for React. Efficiently manage resources and events with customizable Day, Week, and Month views.

Facility Schedule management optimized for resources
Day, Week, & Month views with sticky headers
User-based coloring & all-day event support

Regular Calendar Preview