https://github.com/supiyasingh/text-editor
https://github.com/supiyasingh/text-editor
reactjs tiptap-editor
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/supiyasingh/text-editor
- Owner: Supiyasingh
- Created: 2025-03-19T16:27:28.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-22T05:46:32.000Z (2 months ago)
- Last Synced: 2025-03-22T06:24:29.959Z (2 months ago)
- Topics: reactjs, tiptap-editor
- Language: JavaScript
- Homepage: https://cute-kelpie-636701.netlify.app/
- Size: 55.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rich Text Editor
A feature-rich text editor built using **React, Vite, TipTap, and TailwindCSS**. It supports common text formatting options and allows users to insert custom variables dynamically.
🚀 **Live Demo:** [Click Here](https://cute-kelpie-636701.netlify.app/)
## 🚀 Features
✅ **Text Formatting** - Bold, Italic, Headings, Lists, and more
✅ **Custom Variables** - Insert predefined variables using `{{`
✅ **Popover Trigger** - Displays available variables dynamically
✅ **Styled Variables** - Highlighted tokens within the editor
✅ **Export Options** - Supports exporting raw and rendered content
## 🛠Tech Stack
- **Frontend:** React, TipTap
- **Styling:** TailwindCSS
- **Build Tool:** Vite
## 💻 Setup Instructions
1. **Clone the repository**
```sh
git clone https://github.com/Supiyasingh/text-editor.git
cd text-editor
2. **Install dependencies**
```sh
npm install
3.**Start the development server**
```sh
npm run dev