TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Replace Chrome new tab with a blank WYSIWYG editor for taking notes

6 点作者 hakaneskici2 个月前
minimalistab is an extension for Chrome that replaces the default &quot;New tab&quot; page with a blank WYSIWYG editor for taking notes.<p>Sometimes I need a blank screen to stare at, especially when context switching between tasks; so I made this Chrome extension with basic note taking capabilities.<p>I kept the code as simple as possible, formatted for developers with dyslexia. Let me know your opinions.<p>I hope you find it useful. Feel free to personalize and hack your own copy. Feedback very welcome.<p>DEMO: <a href="https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;hakaneskici&#x2F;minimalistab&#x2F;refs&#x2F;heads&#x2F;main&#x2F;minimalistab.html" rel="nofollow">https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;hakaneskici&#x2F;minimalistab&#x2F;r...</a><p>Install as an extension: <a href="https:&#x2F;&#x2F;github.com&#x2F;hakaneskici&#x2F;minimalistab" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;hakaneskici&#x2F;minimalistab</a><p>Features:<p>* Take notes with formatting<p>* CMD&#x2F;CTRL + {B, I, U} or toolbar<p>* Works offline by design<p>* Auto save to local storage<p>* Download as .html file<p>* Dark&#x2F;light system theme<p>* Paste images and links<p>* Plain JS, no dependencies<p>* No tracking, no telemetry, no cookies<p>* Works without JS too (no saving)<p>* 100% handcrafted human code (TM)<p>Here&#x27;s the primary trick that makes this possible:<p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43179649">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43179649</a><p>Previous discussions and tools:<p>[1] Nash - <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43358914">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43358914</a><p>[2] Notetime - <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43434152">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43434152</a><p>[3] NoteUX - <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43492415">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43492415</a><p>[4] TiddlyWiki - <a href="https:&#x2F;&#x2F;tiddlywiki.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tiddlywiki.com&#x2F;</a>

3 条评论

hakaneskici2 个月前
I found more tools from previous discussions:<p><a href="https:&#x2F;&#x2F;tabnotes.page&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tabnotes.page&#x2F;</a><p><a href="https:&#x2F;&#x2F;original.littr.me&#x2F;" rel="nofollow">https:&#x2F;&#x2F;original.littr.me&#x2F;</a><p><a href="https:&#x2F;&#x2F;feather.wiki&#x2F;" rel="nofollow">https:&#x2F;&#x2F;feather.wiki&#x2F;</a><p><a href="https:&#x2F;&#x2F;zareith.github.io&#x2F;chillmd&#x2F;" rel="nofollow">https:&#x2F;&#x2F;zareith.github.io&#x2F;chillmd&#x2F;</a><p>Although most tools use the &quot;contenteditable&quot; trick, I noticed some save the *entire page* as HTML. I used a different approach to enable downloading just the editable content:<p><pre><code> const blob = new Blob([content], { type: &quot;text&#x2F;html&quot; }); const url = URL.createObjectURL(blob);</code></pre>
edoceo2 个月前
I made one like this for myself. Love this. Mine has two panels. One for notes and the left side is just a tall menu, big buttons of my favorite sites&#x2F;tools - saves a few clicks. Custom newtab is underrated.
评论 #43559751 未加载
beardyw2 个月前
I haven&#x27;t really looked but my immediate reaction was - why an extension? Wouldn&#x27;t a web page be capable of of this?
评论 #43559669 未加载