Settings

Theme

Show HN: I Use Minimal In-Browser Text Drafting Area

gist.github.com

1 points by primaprashant a year ago · 0 comments · 2 min read

Reader

You are writing a prompt for Claude and you press the enter key to add a new line but you end up sending the text. How annoying! Has it ever happened to you on Slack? On Discord?

I spend a lot of time writing text in different places: Slack, Discord, Google Docs, Sheets, GitHub comments, prompting LLMs, and sometimes even in the chat in Google Meets. Each tool handles the Enter key a little differently, sometimes it sends the message, sometimes it adds a new line. I’ve lost count of the times I pressed Enter expecting to start a new line, only to see the message being sent. It’s frustrating and disrupts my train of thought.

To solve these problems, I created a simple HTML page that offers a single, consistent text area for drafting. It’s nothing fancy; it’s just a big `<textarea>` that covers the entire viewport. The text I enter is automatically saved to `localStorage`, so it’s preserved across browser restarts. I host this html file on a subdomain of my personal website so it’s available anywhere, including my phone.

I created this setup around July, 2024 and this minimal setup has brought a small but meaningful quality-of-life improvement in my daily workflow. I easily use this setup for drafting text 20-30 times a day. Hopefully it can be useful for you too!

The entire html file is present in this [GitHub Gist](https://gist.github.com/primaprashant/4b14f25eb66c48de97e597...) for you to self-host on your own subdomain.

No comments yet.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection