https://github.com/qoyyuum/bigrichtextbox
A webpage that is just 1 big rich text editor. That is it.
https://github.com/qoyyuum/bigrichtextbox
textbox
Last synced: 5 months ago
JSON representation
A webpage that is just 1 big rich text editor. That is it.
- Host: GitHub
- URL: https://github.com/qoyyuum/bigrichtextbox
- Owner: Qoyyuum
- License: mit
- Created: 2025-12-29T15:02:42.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-01-25T05:02:39.000Z (5 months ago)
- Last Synced: 2026-01-25T19:41:14.889Z (5 months ago)
- Topics: textbox
- Language: HTML
- Homepage: https://qoyyuum.github.io/bigrichtextbox/
- Size: 43.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# BigRichTextBox
A tiny, distraction-free **online rich text box** — inspired by [bigtextbox.com](https://bigtextbox.com/), but built for rich text.
## Use it online
- Live app:
- https://qoyyuum.github.io/bigrichtextbox/index.html
Open the link and start typing.
## What this is
BigRichTextBox is a single static web page that gives you a large, clean writing surface.
You can:
- Write rich text (bold, italic, underline)
- Use headings (H1–H6)
- Switch font family
- Use bulleted / numbered lists
- Set alignment (left/center/right/justify)
- Toggle theme (default **dark**, click to switch **light**)
## How it works (simple)
This project is intentionally minimal:
- It is **just static files** (`index.html`, `styles.css`, `app.js`).
- It runs entirely in your browser (no backend server).
- It is hosted via **GitHub Pages**.
### Rich text editor
Rich text editing is handled by **QuillJS**:
- Quill renders the editor UI and formatting.
- Quill is loaded from a CDN (no build step needed).
### Saving your text
Your text is automatically saved to your browser using **Local Storage**:
- The app stores Quill “Delta” content as JSON.
- Refreshing the page restores what you last wrote.
Nothing is uploaded anywhere by this app.
### Theme toggle
The theme toggle:
- Defaults to **dark**
- Persists your preference in Local Storage
- Uses CSS variables to style both the page and Quill’s toolbar/editor
## Run locally
Because it’s static, you can run it in multiple ways:
### Option A: open the file
- Open `index.html` directly in a browser.
### Option B: run a small local server (recommended)
Python:
```bash
py -m http.server 8000
```
Then open:
- http://localhost:8000/
## Project structure
- `index.html` – page layout + Quill toolbar
- `styles.css` – styling (including light/dark theme)
- `app.js` – Quill init, autosave/restore, toolbar visibility, theme toggle
## Credits
- Editor: [QuillJS](https://quilljs.com/)
- Inspiration: [bigtextbox.com](https://bigtextbox.com/)