notelive.cc 又更新了,现在有更好用的编辑器了!以及一些问题与一个协同编辑的 DEMO

2019-06-04 17:33:15 +08:00
 rizon

如题,notelive.cc 最近抽空更新了一版,把原来的淳朴的 textarea 编辑框换成了 manaco editor,
如果你觉得陌生,那么我和你说 vscode 你就知道了,这个就是那货。
带来的一个小代价就是打包有些大了,第一次加载时速度会有些慢。
选择不同的语言会有不同的高亮,并且对应的右键菜单会有一些不一样的功能。与 vs 一样,按'F1'会有所有动作。

欢迎各位看官品尝。
pwa 的应用,如果是第一次打开加载比较慢,如果以前用过那么会缓存着历史版本,虽说也会自动更新,但是想立即看到效果还是要强制刷新一下。


除此之外,有几个问题要请教一下各位大佬。

1.webpack 的项目打包 manaco editor 就比较大,我想通过 cdn 去加载编辑器,也看了官方文档还是没弄出来,有哪位大佬有经验可以分享下哈?
2.使用的 webpack 的 offline 插件做的 pwa,对于服务更新后,客户端怎么才能更好的获知发生变化并执行更新?现在是会自动更新,但是因为用户也不能感知,而且下载还需要时间,用户可能要在第 n 次重新打开页面后才能拿到最新的版本。
offline-plugin 有个 autoupdate 参数,我不知道这个怎么用会有什么效果,麻烦谁能给解释下?
以及这个参数中的'时间间隔'是什么意思?为什么会有个间隔?难道他是定期去检查是否有更新然后强制刷新吗?


ps. 我发现 notelive 的 api 功能一直在被用,而且是频率比较高的使用,姑且是加了简单的缓存机制减少了数据库的查询,但还是有些担心这个廉价地摊的服务器能不能 hold 的住,没钱折腾机器了。


最后,最近在繁忙的工作中抽空做了一个协同编辑的 DEMO
机器性能很有限,而且是一个很粗暴的 DEMO,没有什么优化,大家可以试试,看看效果如何,现在还有些 bug。
http://rizon.coding.me/notelive_coolab_demo/
打开地址(只能打开这个地址访问),等待加载完成(略慢),点击 DEMO,然后相同的操作再开 1 个窗口(不能直接复制地址),开始体验。
这个是联网的,在这个 DEMO 中所有人都在一个文档下编辑。
机器性能有限,也可能试的人多了就卡住了,或者直接挂了。
试用完说下体验哈,如果还行我就考虑把它做到现在的 notelive.cc 中去。

1960 次点击
所在节点    程序员
8 条回复
rizon
2019-06-04 18:10:56 +08:00
真冷清~~
qiguai2017
2019-06-04 19:57:11 +08:00
加点人气
yixiang
2019-06-04 20:07:16 +08:00
1. browserify 的 browserify-shim 能实现。webpack 官方文档里也有 shimming,应该能实现相同功能。2M 确实大了。
faywong8888
2019-06-04 20:47:22 +08:00
好的编辑器都是纯用 c/c++ 实现的,浏览器套壳,或 java 套壳的都是耍流氓
comingnine
2019-06-05 12:13:18 +08:00
好像不支持 上下标写法, 或 Latex 公式
iblessyou
2019-06-05 13:58:00 +08:00
之前用你的这个网站,学习 VUE 时利用 api 接口做了个简单的可以增删改查的网页
所以 api 接口用的多,可能有人也用了类似方法?
我自己开发时前端时测试也用过这个当后台,毕竟速度还挺快。
某些学校老师如果把这个告诉学生,然后去练习增删改查,或者自己做网页等等,感觉这个挖一下玩法挺多的

刚试了下,发现 html 渲染页面打不开,我那个也看不了了暂时
iblessyou
2019-06-05 13:59:45 +08:00
额,发完上面的话 再试了几次 发现可以打开了,只是打开后一直还是显示在加载中
rizon
2019-06-05 22:51:26 +08:00
@iblessyou #7 之前遗留了一个底部的渲染链接错误的问题,现在已经修复了(需要等待后台安装成功后下次打开时生效)。
api 接口这个深挖是有很多玩法,不过这东西在各方面来说也是有一些隐患的。目前还是保留下来了,毕竟小众 app,都还好。

另外,今晚上线了一个协同编辑的功能,,可以支持多人同时编辑了(如果没发现有则说明还需要等待新版本安装成功后再重新打开网页)。。 目前还是 beta 版,不稳定。不会影响原有功能的正常使用。

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

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

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

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

© 2021 V2EX