node-js
Elliot Chenn
这个作者很懒,什么都没留下…
展开
-
Electron实现markdown笔记软件(一)
关于这个markdown笔记软件(一)——总体的思路和介绍项目源码https://github.com/andytt/ErtuilEditor介绍一直想写一个类似为知笔记、蚂蚁笔记之类的用来记笔记的软件。想来需要有这些需求:要支持markdown。markdown要能够支持代码高亮和latex数学公式。界面至少要过得去、不能太丑。能够保存并管理图片、链接等资原创 2018-01-04 14:12:27 · 4574 阅读 · 1 评论 -
Electron实现markdown笔记软件(二)
关于这个markdown笔记软件(二)——模型层设计项目源码: 见(https://github.com/andytt/ErtuilEditor数据库选择之前也说过我们使用的是lowdb作为数据库处理,这个node.js非常小巧,只管理一个json文件。这对于一个小项目来说,是最合适不过的了。安装命令:npm install lowdb --save基本使用方法:有关数据库对函数定义在./js/d原创 2018-01-04 14:16:06 · 1832 阅读 · 0 评论 -
Electron实现markdown笔记软件(三)
关于这个markdown笔记软件(二)——视图层设计项目源码https://github.com/andytt/ErtuilEditor用户界面渲染用户界面渲染主要是由根目录下的的index.html和main.css实现渲染。为了方便起见,主窗口固定大小,分为上下左右四块:上侧提供常用的功能按钮左侧是标签和目录列表右侧是输入区域下侧提供字数统计和信息展示为此,index.html中主体部原创 2018-01-04 14:53:29 · 1541 阅读 · 0 评论 -
Electron实现markdown笔记软件(四)
关于这个markdown笔记软件(四)——md的渲染和生成项目源码https://github.com/andytt/ErtuilEditormarkdown的渲染库node.js上有两个markdown渲染框架,一个是markdown,一个是marked,,两个库我都试了以下,最后根据最后选择了marked,因为可以更好都按照自己都需求配置。具体都渲染代码在./js/buildMarkdown.j原创 2018-01-04 15:23:53 · 1677 阅读 · 0 评论 -
Electron实现markdown笔记软件(五)
关于这个markdown笔记软件(五)——electron库项目源码https://github.com/andytt/ErtuilEditorpackage.jsonnode通过package.json来管理项目,其中定义了项目的依赖、程序的入口等。{ "name": "note", "version": "0.0.5", "description":原创 2018-01-04 16:23:40 · 1255 阅读 · 0 评论 -
Electron实现markdown笔记软件(六)
关于这个markdown笔记软件(五)——应用逻辑、electron对话框项目源码https://github.com/andytt/ErtuilEditor主体逻辑程序的主题逻辑在file_manage.js中定义。在程序中使用“标签”,而不是“文件夹”来管理各个笔记,因此是一个比较扁平的逻辑。 程序所要实现的功能也就是对“标签”和“笔记”两种元素的增、删、查、改。原创 2018-01-04 17:12:45 · 1023 阅读 · 0 评论 -
Electron实现markdown笔记软件(七)
关于这个markdown笔记软件(七)——其他细节、总结项目源码https://github.com/andytt/ErtuilEditor关于快捷键本来我是使用electron的globalShortcut模块生成快捷键的。后来发现在menu模块注册菜单栏的时候,有accelerator可以很方便的添加全局快捷键,就放弃了第一种方式。关于markdown的样式目前,程序里面提供了两套css文件,用原创 2018-01-04 17:38:08 · 992 阅读 · 0 评论