甚至连作者都不怎么用的 notelive.cc 升级增加了绘制流程图功能了！

[rizon]

当年做的在线记事本工具( 帖子 /t/446541) ：notelive.cc
基本没人用吧，甚至连我自己都不用，但是有需要的时候拿出来用一下还是很舒服的啊。挺好～

现在加入了无人期待的流程图功能！！！
使用了 draw.io 作为在线 API。流程图内容则使用 base64 图片格式保存在本服务中。

访问地址：notelive.cc/flow/

github: https://github.com/othorizon/notelive_webpack

如果觉得有点意思，那在这里厚脸皮的求个 star✨了，，谢谢各位大佬 (•̀へ•́╮)

---

本职是 java 后端开发，写前端真的还是很开心的，感觉现在前端开发发展革新速度是真的快，乱但也因此而百花争鸣啊

快要换工作了，不知道在这些非本职事情上花费的精力，对于换工作有没有帮助啊。熬夜通宵学过好多 java 之外的东西。本职 java 却没有太多的更加深层的探究学习。但是对于学习和接触新东西是真的很有兴趣啊，尤其是这种可以有产出的能够作为成品的东西。小游戏啊、小程序啊、网站啊这样的

[also24]

感谢分享，想起了天国的 notepad.cc

[rizon]

@also24 #1 嗯嗯，很喜欢 notepad.cc 哈。挂了之后就上线了自己这个了哈。精神续作 哈哈～～

[rizon]

居然没人～～～
难道你们都没有随手画个流程图时，用其他在线服务免费版却有限制，用 draw.io 这类却还得保存在本地 的困扰吗～～～

人家开发的这个画流程图，可是收费好贵的说，还得注册账号～～
对于没有重度使用场景的人来说，我这个真免费版可是能解决你们的轻量使用场景的伟大大大大大产品唉（骄傲脸）
还不赶紧给俺点个星星，让俺知道这个真的不是没用的东西（忍住眼泪的表情）～～
https://github.com/othorizon/notelive_webpack

[Ultraman]

新用户+1
之前一直用 note.ms 域名更短但是需要手动刷新一下才能保存进去

[rizon]

@vcinex #4 我在最基础的文本保存功能之外，增加了一些新的功能，比如可以渲染 html 页面、渲染 markdown，临时当作 api 的 mock 接口使用。 最重要的是新加的绘制流程图功能，简直不要更爽啊

[Ultraman]

渲染 Markdown 和临时 api 挺有用
临时 api 这个东西一直没想到还有这种玩法 已 Ctrl+D
但是渲染 html 这个 emmm 可预见的未来个人感觉不会纯手写 html
绘制流程图已安利给室友
另外几点小问题的:
1. 在 https://notelive.cc/#num1 下保存完 txt 内容，同标签页手动前往 https://notelive.cc/#num2 后会把#num1 下的内容直接带过去，这是 bug 还是 feature ？
2. 桌面 Firefox 66.0.3(64 位)下设置密码样式有点问题
https://i.loli.net/2019/04/19/5cb9dc0526646.png
3. Android Firefox 66.0.2 下打开文本页面时显示也有问题
https://i.loli.net/2019/04/19/5cb9dc062af48.png
4. 现在的自动保存逻辑是 n 秒后自动保存？求一个 Ctrl+S 保存快捷键

[NFC]

在线记事本虽然用的少，但我在用啊。
感谢。

[rizon]

@vcinex #6 感谢使用和反馈。
浏览器兼容问题，我会努力去修复哈。
问题 1，应该也是浏览器兼容问题，按说切换地址是会刷新页面的。hash 方式来区分页面在一些环境下可能是有些问题。在流程图功能已经兼容了参数方式，后面会说到。
问题 4，保存逻辑是：内容变更就会保存，但是连续输入时会在输入停止后的一小段时间后保存，输入框失去焦点也会保存（可以用这种方式来实现手动保存）。

今晚肝了一下，流程图功能做了下升级，具体升级内容可以查看本帖的 append 内容。
在流程图页面可以通过参数`?t=flow_name` 来代替“#flow_name ”的方式，兼容更好一些。比如"https://notelive.cc/flow/?t=flow3`

[rizon]

@vcinex #6 渲染 html 的话，我一般用来展示一些随时可变的丰富格式的内容。比如本程序的帮助页面就是这样实现的：
https://notelive.cc/html/#help
其实这种支持渲染 html 容易被利用来做攻击、钓鱼。不过这网站没啥人气，还好了，基本属于自用。

[WhoMercy]

真的能在线保存流程图吗，没看到注册入口，『修改密码』点了也没效果😥用的是安卓版 chrome 浏览器。

目前能想到的应用场景是通勤时间使用，那就大概率会使用手机完成初步绘图，而且之后还需要转到电脑上继续完善。
基于以上痛点，可以考虑下跨平台的数据同步和开发小程序版本。

ps.记事本我一般用印象笔记…而绘制流程图受众偏少，感谢开源&提供小工具

[rizon]

@WhoMercy 没有注册，减少用户负担。只有一个修改密码可以锁住一个 id 防止别人查看或者修改。
在手机平台兼容不是很好这个我尽快修复一下。 我用我的手机点是有反应的啊。
项目是开源的，我看看能不能找到人来帮忙改改，我前端能力属于爱好级别的。。

小程序版也有在考虑。但是如果手机兼容好的情况下，单纯移植小程序意义不大。可能会考虑有一定差异化的移植方案。

[zhihaofans]

首页下面两个渲染的链接都 404 了啊

[rizon]

@zhihaofans 没有吧。。。。那个按钮就是把当前页面内容渲染一下

[rizon]

@zhihaofans 确实存在，谢谢反馈，这个是兼容问题导致 url 变了。。。我尽快修复哈。。。

[winglight2016]

lz，你的网站资源链接中的 https 证书过期了，现在打开都是空白