基于nodejs+electron+react+slatejs开发的一款带有plugin系统的富文本应用
我和好基友一起开发了Tea,一款带有plugin系统的富文本应用,可以想象成是给程序员用的笔记应用,基于nodejs+electron+react+slatejs(一款富文本编辑器框架)。
技术栈
- electron:桌面多平台web开发框架
- nodejs:electron里自带,跟操作系统、文件系统交互需要
- react:前端框架
- material-ui:基于react的material UI框架
- slate.js: 这是一个革命性的富文本框架,基于react
- Webpack:构建工具
- babel:转译工具
- 阿里云:自动更新
废话不多说,功能上图:
1. 所见即所得的 Markdown
2. 各种高效的快捷键
- 图片、标题等对象的插入,可以通过在段首打 @ 呼出
- 通过 ⌘ + / (Windows 下是Ctrl + /) ,可以查看所有的快捷键,和 Markdown 格式
3. 插件
目前我们自己开发的插件有:
- Vim 模式
- 公式编辑——支持 Latex 公式输入
- Markdown 编辑——没错,上面说的所见即所得的 Markdown,其实是一个插件😎
- 炸裂模式——见下图,Atom 用户,让我看到你们的双手🤘🤘
4. 速记
一个即时贴功能,我们称为小窗口。按下快捷键,Ctrl + Shift + 空格,弹出;再按一次快捷键,关闭。
5. 极简的界面
未来
- 关于Tea的详细介绍:https://juejin.im/post/5bffadf3f265da616a476096
- 现在我们正在内测单机版,感兴趣的小伙伴,请在电脑上打开我们官网 https://haocha.co/,下载Windows或Mac的内测版。
- 另外也欢迎加入我们反馈群,提出你的意见和反馈:
目前在我们 backlog 里的功能有:
- Command ( Ctrl ) + Shift + P 命令面板
- 代码片段中代码直接运行
- 内置 Terminal
- Solarized、Dracula 等各种主题
- 分屏
- GitHub Gist 整合
- Presentation 模式
- 类似 Sublime 的 Minimap
- 自定义快捷键
- 流程图、思维导图等图表插入
- 。。。
欢迎大家给我们提出你想要的功能建议。
enjoy