甚至连作者都不怎么用的 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 却没有太多的更加深层的探究学习。但是对于学习和接触新东西是真的很有兴趣啊，尤其是这种可以有产出的能够作为成品的东西。小游戏啊、小程序啊、网站啊这样的

看到有人喜欢还是很开心的。今晚肝了一下升级了一下流程图的功能，以下只针对流程图功能

1. 为了兼容一些不支持锚链接方式的地方，可以使用参数t=flow_name来代替，eg. “https://notelive.cc/flow/?t=flow_name” 这与 “https://notelive.cc/flow/#flow_name” 是等效的
2. 如果你只想纯粹查看流程图，而不需要其他的干扰，可以使用参数ui=view eg. “https://notelive.cc/flow/?ui=view#flow_name” 3.如果你想要UI界面(查阅界面和绘图界面)保持最简洁风格，可以使用参数ui=min eg. “https://notelive.cc/flow/?ui=min#flow_name”

具体可以查看网站的帮助文档https://notelive.cc/html/#help

---

另外本人经常用notion，因此也把流程图嵌入了notion使用，感觉效果不错，可以看我的共享页面 流程图嵌入NOTION](https://www.notion.so/DEMO-609366514f6b4ebaa8e8d3fc150aa4c8)

打不开页面的可以看图片： https://ws1.sinaimg.cn/large/006tNc79ly1g28fmopsayj30u01o14ee.jpg

非常抱歉给大家带来的使用困扰。发现目前在移动端的 chrome 浏览器，存在兼容问题。。
本人前端开发能力只是爱好级别的。。。实在有限，尤其是兼容这种头疼问题。。。
所以希望有大佬可以帮忙修改一下啊，大家一起来完善一下这个呢。
我也会去找找我的前端朋友来给弄一下哈。。

[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 证书过期了，现在打开都是空白