canvas-editor

Tech Stack: React, TypeScript, Recoil, Vite

Introduction

• This canvas-editor is a inspired by the design and features of Google Docs.
• This project is a text editor built using only the canvas element.

Features

• Text Styling & Formatting (Size, Bold, Italic, Underline, Color, BgColor, FontFamily)
• Line Styling & Formatting (align)
• Select (Arrow select, All select, mouse drag select)
• Clipboard (Copy, Cut, Paste) with HTML Formatting
• Editor Configuration (Editor Margin, Editor Size)
• Pagination

Install

pnpm i

Dev

pnpm dev

Build

pnpm build