KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #codex #typescript #developer-tools #ai-agents #deepseek-harness #claude-code #ai-agent #cli #react #mcp

canvas-text-editor

★ 79 Open GitHub ↗

A rich text editor based on HTML Canvas. 基于 HTML Canvas 的富文本编辑器.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# canvas-text-editor

A rich text editor based on HTML Canvas.

基于 HTML Canvas 的富文本编辑器.

## Online Demo

https://zhaokang555.github.io/canvas-text-editor/

## Features

- [x] Blinking cursor
- [x] Drag to select text
- [x] Input text
- [x] Press Enter to add a new paragraph
- [x] Delete text
- [x] Replace text
- [x] Copy / Paste / Cut
- [x] Select all
- [ ] Undo / Redo
- [x] Move editor
- [x] Resize editor
- [ ] Multiple editors in one Canvas
- [ ] Real-time highlighting of selected text while dragging the mouse
- [ ] Double-click to select the current line

## Environment Setup

Run
```
npm install
npm run dev
```

Then open `http://localhost:3000/canvas-text-editor/`.

## Associated Blogs

博客园：[《从零开始, 开发一个 Web Office 套件》系列博客目录](https://www.cnblogs.com/forzhaokang/p/15907371.html)

知乎专栏：[《从零开始, 开发一个 Web Office 套件》](https://www.zhihu.com/column/c_1483016910866931712)

Medium List：[《Developing a Web Office suite from scratch》](https://medium.com/@forzhaokang/list/developing-a-web-office-suite-from-scratch-6f3c5735fc66)

canvas-text-editor

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README