https://github.com/zanyuanyang/text-editor-tiptap

A rich text editor built with Tiptap and TailwindCSS for React.
https://github.com/zanyuanyang/text-editor-tiptap

editor javascript react rich-text- tailwindcss tiptap tiptap-editor typescript

Last synced: about 1 month ago
JSON representation

A rich text editor built with Tiptap and TailwindCSS for React.

• Host: GitHub
• URL: https://github.com/zanyuanyang/text-editor-tiptap
• Owner: ZanyuanYang
• License: mit
• Created: 2023-08-14T18:54:53.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-13T00:38:52.000Z (over 1 year ago)
• Last Synced: 2025-04-19T17:17:03.359Z (about 2 months ago)
• Topics: editor, javascript, react, rich-text-, tailwindcss, tiptap, tiptap-editor, typescript
• Language: TypeScript
• Homepage: https://text-editor-tiptap.vercel.app
• Size: 97.9 MB
• Stars: 27
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tiptap Text Editor

A text editor built with [Tiptap](https://tiptap.dev/) and [TailwindCSS](https://tailwindcss.com/) for React.

![img.png](src/assets/img.png)

## 🧑🏻‍💻 Demo

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

## 🚀 Installation

Open a terminal and run:

```bash

npm install

npm run dev

```

Visit http://localhost:5173/ in your browser.

## ⛑️ Features

- [Create Threads](https://tiptap.dev/docs/editor/comments/introduction)

  - Same feature as comments in Tiptap(`Beta` Requirement), but I build it own(`Free`).

  - ![img.png](src/assets/thread.png)

- Upload .docx 

- Heading

- Bold

- Italic

- Underline

- Strikethrough

- Code

- Blockquote

- Bullet List

- Ordered List

- Code Block

- Alignment(Left, Center, Right, Justify)

- Table

- Color

- Redo & Undo

- Image(This extension does only the rendering of images.)

## 📄 License

[MIT](./LICENSE)