ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

textarea.my完全指南:为什么这个零依赖极简文本编辑器能把所有笔记藏进一个URL

textarea.my完全指南:为什么这个零依赖极简文本编辑器能把所有笔记藏进一个URL textarea.my完全指南为什么这个零依赖极简文本编辑器能把所有笔记藏进一个URL【免费下载链接】textareaA minimalist text editor that lives in URL项目地址: https://gitcode.com/gh_mirrors/texta/textareatextarea.my 是一款零依赖的极简文本编辑器没有账号、没有后端所有笔记内容经过压缩后直接藏进 URL 里。打开浏览器就能写复制一个链接就能把整篇文档分享给任何人——本指南带你完整上手它的全部功能。什么是 textarea.my一个 HTML 文件就能跑的文本编辑器整个产品就是 index.html 一个文件核心设计极其克制零依赖不引用任何框架和 npm 包纯原生 JavaScript 实现无后端内容从不提交到任何服务器隐私天然有保证无状态不存数据库所有内容都编码在 URL 的 hash 里离线可用通过服务 Worker 做成 PWA断网也能打开核心功能一览压缩、URL 分享、自由换肤️ 文字实时压缩deflate你输入的每个字都会被实时压缩。实现只用浏览器原生 APIcompress()把文本经 TextEncoder →CompressionStream(deflate-raw)转成 base64url 字符串decompress()再反向解压还原参见 index.html。 复制链接 分享整篇文档停止输入 500 毫秒后内容会自动写入地址栏的 hash 部分index.html。点击右下角蓝色圆点按钮 →Share link链接即刻复制到剪贴板。任何人打开这个链接看到的都和你完全一致——文档就藏在 URL 里。 用 CSS 换肤样式同样存进 URL通过 DevTools 给article标签加上style属性修改后的样式会一并压缩进 URL。对方打开分享链接时排版样式分毫不差。新手三步上手教程打开 textarea.my光标自动聚焦直接打字即可自动保存每次停顿 0.5 秒内容就同步到了地址栏分享点右下角圆点按钮 → Share link把链接发给任何人其他常用操作操作效果文档首行写# 标题浏览器标签页标题自动变成该标题右下按钮 → Save as txt把笔记下载为纯文本Ctrl/Cmd S导出为独立 HTML 文件离线可看Ctrl/Cmd Z撤销历史栈最多保留 1 万步Markdown 轻量高亮纯文本也有排版感虽然是纯文本编辑器但它内置了实时 Markdown 视觉高亮源码见 index.html#到######六级标题自动加粗放大 围栏代码块和行内代码使用等宽字体粗体、斜体、删除线即时生效http(s) 网址自动变成可点击链接源码导读极简架构都藏在哪想读源码的话重点看这几处编辑器与撤销栈实现index.html加载 / 自动保存逻辑index.html页面标题更新规则index.html离线缓存策略sw.jsPWA 配置manifest.json项目介绍与示例文档README.md开源协议MIT见 LICENSEFAQ 常见问题笔记安全吗内容只存在于 URL 和打开它的浏览器里服务器不存任何东西。但请注意拿到链接的人就能看到内容请勿用它传递敏感信息。能写多长受浏览器地址栏长度上限约束压缩后一般足够容纳一篇完整长文超长内容建议用 Save as txt 或Ctrl/Cmd S导出文件。刷新或关闭浏览器会丢吗不会。地址栏 hash 还在内容就在浏览器历史记录里还保留着旧版本可回溯恢复。手机能用吗能。PWA 支持添加到手机主屏幕并自动跟随系统切换明暗模式。适合谁用想快速把一段文字发给同事又不想上传网盘会议速记散会即复制链接分享给纯文本做轻量排版、并原样保留样式想研究零后端 Web 应用的开发者一句话总结一个 HTML 文件 一个 URLtextarea.my 就装下了你的所有笔记——这大概就是极简主义的极限。【免费下载链接】textareaA minimalist text editor that lives in URL项目地址: https://gitcode.com/gh_mirrors/texta/textarea创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表