开源一个无后端也无前端彻底无服务的网页版记事本

348 天前
 meeop

data:text/html;base64,PGh0bWwgY29udGVudGVkaXRhYmxlPmVkaXQgbWU8L2h0bWw+

复制到浏览器即可使用，可加书签，可分享，不需要网络，全平台可用

有时候需要有个地方临时复制粘贴一些东西，这时候可以用记事本，但是记事本或者其他文本编辑软件关闭时一般需要确认是否保存，且这些临时内容会和工作内容混合

还有个问题是记事本页面不够大，ui 也略复杂一点

这个网页版记事本就能支持这种场景，原则上不支持保存，随用随关，铺满全屏

而且我觉得最有意思的点是，这其实是一个彻底开源极端易于分享的软件形式，软件所有内容都塞到 url 数据里，所见即所得，无需安装，适配全平台，用户还能随时修改逻辑，无需网络，没有服务器成本

缺点是软件大小有限制 以及软件作者可能不太好赚钱

14033 次点击
所在节点    分享创造
147 条回复
sunjiayao
347 天前
@imwhizzkid #19 猜猜那串 base64 是什么
hervey0424
347 天前
@imwhizzkid 源码就在 url 中 哈哈
ifzm
347 天前
卧槽，有点东西 😮
imwhizzkid
347 天前
@sunjiayao 原来如此，谢了
HeyWeGo
347 天前
windows 下可以配合 chrome 的 frame ，以无 tab 的方式启动这样一个页面。
建立一个这样的快捷方式（其中"C:\Program Files\Google\Chrome\Application\chrome.exe"为 chrome 的路径，自行修改）
"C:\Program Files\Google\Chrome\Application\chrome.exe" --chrome-frame --app=data:text/html;base64,PGh0bWwgY29udGVudGVkaXRhYmxlPmVkaXQgbWU8L2h0bWw+
lingeo
347 天前
把别的 IDE 的格式复制过去后，没法再回到纯文本的模式了。
simo
347 天前
你们都说的是真话么，怎么没 get 到点
怎么还有开源，软件，作者
chaslee
347 天前
甚至可以保存成 html 分享
meeop
347 天前
@lingeo 这个问题你可以改下代码，改成 text area 啥的
Judoon
347 天前
data:text/html;base64,PGh0bWwgY29udGVudGVkaXRhYmxlPuS9oOWlvTwvaHRtbD4K

中文乱码怎么解决呀
jifengg
347 天前
有意思，看到标题“无前端”我还在想是啥，进来看到 data: 就懂了，妙！
Liuman
347 天前
好活， 超级有意思，我改了一下， 增加了导出到剪切板功能

data:text/html;charset=utf-8,<html contenteditable=""><head> <title>导出页面内容为 UTF-8 到剪切板</title> <script> function copyToClipboard() { var htmlContent = document.documentElement.outerHTML; var tempInput = document.createElement("textarea"); tempInput.style.opacity = 0; tempInput.value = 'data:text/html;charset=utf-8,' +htmlContent; document.body.appendChild(tempInput); tempInput.select(); document.execCommand("copy"); document.body.removeChild(tempInput); alert("已复制"); } </script> </head> <body> <h1>导出页面内容为 UTF-8 到剪切板</h1> <button onclick="copyToClipboard()">导出为 UTF-8</button> <hr>这里开始编辑</body></html>
meeop
347 天前
@lingeo 编辑后的 html 内容 base64 一下然后重新拼一个链接，如果没有 url 限制的字符的话楼上 @cyio 的明文版本就挺好的
handblankt
347 天前
确实牛
mdyh
347 天前
@HeyWeGo #25 mac 有办法这么操作不？

搞个快捷启动，感觉很好用了
meeop
347 天前
@Judoon 你改成标准 html 格式就不会了，html 协议支持设置编码格式，直接给个纯文本浏览器也不知道你是啥编码啊,或者看楼上 cyio 的版本
meeop
347 天前
@mdyh 直接收藏到书签即可
mdyh
347 天前
@meeop #37 收藏以后，能不能有快捷键启动呢

一会去搜一下看看怎么快捷启动书签，🥲
molvqingtai
347 天前
我也会，开源一个无后端也无前端测底无服务的编辑器，实时渲染 HTML 、CSS 、JS

粘贴到浏览器看效果：
data:text/html,<body oninput="i.srcdoc=h.value+'<style>'+c.value+'</style><script>'+j.value+'</script>'"><style>textarea,iframe{width:100%;height:50%}body{margin:0}textarea{width:33.33%;font-size:18}</style><textarea placeholder=HTML id=h></textarea><textarea placeholder=CSS id=c></textarea><textarea placeholder=JS id=j></textarea><iframe id=i>
handblankt
347 天前
好牛，还能叠加什么好玩的功能呢？

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/944717

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX