A modern WYSIWYG rich-text editor base on Tiptap uses Shadcn components.

Important

🌟 Upstream Open-Source Contributions by @HamzaA598

This repository is a contribution fork of the upstream project hunghg255/reactjs-tiptap-editor. The following enhancements were authored by Hamza Abdulhameed and merged upstream:

Pull Request	Component	Impact & Implementation Summary
PR #270	PDF Export Engine	Added extensible custom PDF export configuration options via the ExportPdfOptions interface.
PR #272	Layout & Text Flow	Fixed ProseMirror inline image text-wrapping discrepancies when images are aligned left or right.
PR #280	State Persistence	Resolved inline image attribute persistence bug where custom node attributes were dropped during updates.

Demo

Demo

Documentation

Documentation

Deep wiki

Deep Wiki

Run Locally

Clone the project

git clone https://github.com/hunghg255/reactjs-tiptap-editor.git

Go to the project directory

cd reactjs-tiptap-editor

Install dependencies

pnpm install

Start the Demo server

npm run build:lib:dev
npm run playground

All Contributors

Thanks to the following friends for their contributions to project:

Star History

Related

Here are some related projects

Tiptap

Shadcn

echo-editor

License

MIT