重构 用 AngularJS 重构了整个 Raysnote 笔记本前端, v2.0 上线

raysmond · 2015年03月17日 · 最后由 funeyu 回复于 2015年06月29日 · 9028 次阅读

Raysnote 是一个简洁优雅的在线笔记工具,致力于提升笔记书写和阅读的体验。

  • 简洁高效的笔记本管理后台(Angularjs 重构)
  • 支持 HTML/Markdown 两种格式,重点关注和支持 Markdown
  • 支持代码高亮,MathJax 数学公式
  • 界面简洁美观,注重中文排版和阅读体验
  • 一键保存网络文章(用过 pocket 吧?)

Raysnote v1.0 是 2014 年 9 月上线的,那时候是为了学习 Ruby on Rails 以及方便自己记笔记而开发;Raysnote v2.0 于 15 年二三月开发,接触到 Angularjs,觉得牛逼哄哄,为了学习它把 Raysnote 笔记管理后台全部用 Angularjs 重构,代码缩减,性能和体验提升不少。

在开发 Raysnote 的过程中,自己学习到了很多,获益匪浅。除此之外,我也希望开发出一个优秀的在线 Markdown 云笔记管理工具,方便自己和他人。一个在线笔记工具,只有说服我自己完全信任它,并且在记笔记和阅读体验上给我带来极大的便利和享受,我认为它才是一个成功的产品。

http://raysnote.com

欢迎大家体验,也欢迎大家给出意见,一起学习和进步。

pic1 pic2 pic3 pic4

前排支持,做个产品学技术神马的棒棒哒。

#1 楼 @heylonj 开发一个完整的项目来进行学习进步很快~

#2 楼 @raysmond 注册时 500 啦 lz 看下

#3 楼 @heylonj 刚才注册的吗?好像没有注册进来,您检查一下注册信息是否正确。

#4 楼 @raysmond 中文的 i18n 呢? translation missing: zh-CN.activerecord.errors.models.user.attributes.email.invalid 而且 email 验证 foxmail 为什么不能通过呢?

@raysmond 我们在吐血讨论用 angluar 还是 ember 的时候,LZ 就放一个大招出来,杀伤很大啊!哈哈

顺便分享下开发的经验和过程遇到的问题把

#5 楼 @heylonj sorry,i18n 漏了这一个。foxmail 和 qq 邮箱有时候会有问题,邮件发送出错了。

We're sorry, but something went wrong. 这个页面 http://raysnote.com/users 报错啦

ember 没有用过,不过我觉得 angluar 非常好用,基本上只要写完 html 模板,绑定 json 对象就完了,非常方便。

#9 楼 @hxh1246996371 你好,现在 QQ 邮箱和 foxmail 支持不好,请换一个邮箱试试。现在使用的免费的邮箱服务,不太好用。

@raysmond 额 你这编辑器是自己写的吗 怎么好像那个 tower 的编辑器啊

#12 楼 @hxh1246996371 HTML 编辑器是 tower 的,Markdown 编辑器是在 ace 上定制的。

考虑开源吗?

#14 楼 @flowerwrong 暂时没考虑开源,有什么问题可以一起交流交流

那个富文本编辑器看起来很想 tower 他们家的。

#16 楼 @est 富文本编辑器就是 tower 家的

今天中文还在想要做个支持 mathjax 的笔记,结果 LZ 已经做出来了……

#18 楼 @cqcn1991 支持 mathjax 也就是嵌入它的 js 就完了,基本不用做什么事了

#19 楼 @raysmond 话说可以求教一下,mathjax 是怎么嵌入 markdown 的吗?

#20 楼 @cqcn1991 markdown 渲染完之后,再调 mathjax 进行公式的渲染,公示都写在$或$$里面了。

#21 楼 @raysmond 试了下,似乎只是支持了 latex,没有支持 AsciiMath http://docs.mathjax.org/en/latest/start.html#asciimath-input 我是刚刚看到 asciimath 的语法,觉得比 latex 好像好很多

赞!界面很漂亮!能问一下楼主为什么选 Angular.js 而不选 Ember.js 吗?

We're sorry, but something went wrong.

#23 楼 @cuterxy 个人觉得 Angularjs 在 Google 的大力支持下发展不错,而且写起来很方便。

产品很不错。 但是作为最终用户会有一个大的顾虑:把自己的笔记放在上面,如果有一天这个网站垮了怎么办?所以我一直不在不知名的网站上写东西。这不是个技术问题,却是个实实在在存在的大问题。

#26 楼 @tylerlong 谢谢。很多用户都有这方便的顾虑。目前我使用了阿里云的 RDS 数据库,安全性是一方面的考虑。另外我准备做一个 dropbox 同步笔记,dropbox 大家应该相信吧?

确认邮件报 500 错误了。。。。

有道云笔记~

最近在使用,感觉很不错,如果能和为知一样做一个 chrome 插件来截取文章就更好了

界面很像 angle 的主题呀!!!!!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号