TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: how would you supercharge the humble browser textarea?

7 pointsby bowerbirdabout 11 years ago
the simple humble web-browser textarea...<p>i&#x27;m typing in one, right now...<p>we seem to be &quot;stuck&quot; with it. for now. and maybe for a long time into the future.<p>so let&#x27;s think how to make the best of it.<p>what if we supercharge it, and pair it with a nice div that displays formatted output, treating the textarea text as light-markup?<p>the paired-div display part is really simple -- almost every markdown editor does that -- but how would _you_ &quot;supercharge&quot; the textarea?<p>first, you have to accept what it can&#x27;t do, which is to display text of different sizes, different colors, or with different styling.<p>anything else -- everything else! -- is open.<p>oh, and we&#x27;re not even trying to do wysiwyg. your focus must be the &quot;semantic&quot; structure.<p>a look at medium&#x27;s editor shows buttons for: bold, italics, headers, lists, blockquotes, rules, and links. it also supports embeds, in addition to the standard .html image-tag. and it has a word-counter. because #whynot.<p>not included are what could be valuable things like find-and-replace, to mention the obvious.<p>plus -- as we go to the 2-pane interface -- (a) auto table-of-contents with active links, and (b) sync of the text and display fields _when_ a user wants but free-float when not, and (c) and (d) and (e) and (f) and...<p>i could go on. but i&#x27;m asking _you_ instead.<p>if you wanna post a comment in response, great; i can appreciate a good think-piece just fine.<p>but if you really want to get a lot of respect, code the javascript to make your thoughts real.<p>could be an fun weekend project, yes? :+)<p>if this draws any interest, i will upload my work thus far. so if you&#x27;d like a head-start with some actual code, you can wait for that.<p>otherwise, jump in without my preconceptions.<p>because, as we&#x27;re stuck with this textarea shit, we might as well turn it into a shit sandwich.<p>-bowerbird

2 comments

hardwaresoftonabout 11 years ago
Not to be a downer but:<p><a href="http://epiceditor.com/" rel="nofollow">http:&#x2F;&#x2F;epiceditor.com&#x2F;</a><p><a href="http://markitup.jaysalvat.com/home/" rel="nofollow">http:&#x2F;&#x2F;markitup.jaysalvat.com&#x2F;home&#x2F;</a>
评论 #7363648 未加载
mcintyre1994about 11 years ago
I like the idea of it autogrowing, although since that&#x27;s something that should be enabled&#x2F;disabled per textarea it&#x27;s probably best left as it is for Javascript.