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

A modern WYSIWYG rich text editor based on tiptap and shadcn ui for Reactjs
https://github.com/hunghg255/reactjs-tiptap-editor

ckeditor editor emoji katex lexical modern-ui platejs react-tiptap richtext shadcn-editor shadcn-ui tailwindcss tiptap-editor trending wangeditor wysiwyg wysiwyg-editor

Last synced: 5 months ago
JSON representation

A modern WYSIWYG rich text editor based on tiptap and shadcn ui for Reactjs

• Host: GitHub
• URL: https://github.com/hunghg255/reactjs-tiptap-editor
• Owner: hunghg255
• License: mit
• Created: 2024-08-09T11:19:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-05T09:58:30.000Z (6 months ago)
• Last Synced: 2025-04-06T19:01:33.340Z (6 months ago)
• Topics: ckeditor, editor, emoji, katex, lexical, modern-ui, platejs, react-tiptap, richtext, shadcn-editor, shadcn-ui, tailwindcss, tiptap-editor, trending, wangeditor, wysiwyg, wysiwyg-editor
• Language: TypeScript
• Homepage: https://reactjs-tiptap-editor.vercel.app/
• Size: 8.85 MB
• Stars: 378
• Watchers: 3
• Forks: 83
• Open Issues: 41
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-shadcnui - Github - tiptap-editor.vercel.app/) | ★453 | (Components & Libraries)

README

          










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





  

  

  

  

  

  

  



![App Screenshot](./screenshot/screenshot.png)

## Demo

[Demo](https://reactjs-tiptap-editor-playground.vercel.app/)

## Documentation

[Documentation](https://reactjs-tiptap-editor.vercel.app/)

## Deep wiki

[Deep Wiki](https://deepwiki.com/hunghg255/reactjs-tiptap-editor)

## Run Locally

Clone the project

```bash

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

```

Go to the project directory

```bash

cd reactjs-tiptap-editor

```

Install dependencies

```bash

pnpm install

```

Start the Demo server

```bash

npm run build:lib:dev

npm run playground

```

## All Contributors

Thanks to the following friends for their contributions to project:

![App Screenshot](./screenshot/contributor-wide.svg)

## Star History



## Related

Here are some related projects

[Tiptap](https://tiptap.dev)

[Shadcn](https://ui.shadcn.com/)

[echo-editor](https://github.com/Seedsa/echo-editor)

## License

[MIT](./LICENSE)