PDF Editor (writing board)

A minimal full-screen writing board in the browser: a black page with a large text area, a font-size picker and a palette of bright text colors.

Live demo: https://adembtr.github.io/pdf-editor/

Despite the repository name, this app does not open, edit or export PDF files. It is a plain on-screen text editor.

Features

• Black writing page that fills the browser window (the page is 4000 px tall and scrolls)
• Font size picker from 12 px to 60 px
• 12 preset text colors: white, gold and a range of bright neon tones
• Dark interface with a simple toolbar
• Pure HTML, CSS and JavaScript: no build step, no dependencies

How to use

1. Open the page and start typing on the black page.
2. Pick a size from the dropdown or click a color dot. The new size or color applies to the whole text area.

Limitations

• A <textarea> cannot show mixed formatting. If text is selected when you change the size or color, the script also wraps the selection in an HTML <span> tag, which shows up in the text as literal markup.
• The text is not saved: reloading the page clears it.

Project structure

pdf-editor/
├── index.html          # Toolbar (font size, colors) and page container
├── style.css           # Dark theme and page styles
├── script.js           # PDFEditor class: renders the page, applies size and color
└── tailwind.config.js  # Not used by the page

Run locally

git clone https://github.com/adembtr/pdf-editor.git
cd pdf-editor
python3 -m http.server 8000

Then open http://localhost:8000, or simply open index.html in a browser.

License

Released under the MIT License.

---

Built by Adem Batur