markdown编辑器开发进展
截止到昨天,我之前说的markdown
编辑器基本上完成了,当然目前的功能还比较初级,但是日常编辑的话,是完全够用的。
目前,syskedown
主要是基于vditor
实现的,虽然在编辑和使用上和typora
很像,但是实际体验,个人感觉还是没有typora
用起来爽,至少体验上是这样的。当然vditor
也算是一个特别优秀的markdown
编辑器了,比较目前还没有更好的开源项目,但是文档确实写的不好,这一路踩了不少坑。后面的话,我应该还会试着用其他的markdown
编辑器来实现,现阶段的话,先考虑把基础功能做完,然后再慢慢打磨。
先说下目前实现的功能:
已实现功能
基本的 markdown
编辑和解析部分快捷键操作:各级标题的快捷操作 大纲功能:不过目前这个功能比较简陋 markdown
右键打开
尚需完善功能
其他快捷编辑(包括菜单支持):比如代码块、加粗、斜线、下划线等 github
文档同步:这也是我最初计划要加入的功能字数统计功能 支持生成微信公众号样式
快捷键
目前边界这块已经支持了各级标题的快捷操作:
一级标题:
ctrl + 1
二级标题:
ctrl + 2
三级标题:
ctrl + 3
四级标题:
ctrl + 4
五级标题:
ctrl + 5
六级标题:
ctrl + 6
其他快捷键
显示/隐藏侧边栏:
ctrl + shift + L
试用截图
有兴趣的小伙伴可以下载下来试用下,不过目前功能还不完善,很多markdown
语法都需要自己手写,这样体验可能不是特别好,不过可以等我慢慢打磨:
项目地址:
https://github.com/Syske/syskedown
目前我只打包了windows
的安装包,下载地址如下:
https://github.com/Syske/syskedown/releases/tag/v1.0.0
其他环境的安装包可能需要小伙伴自己动手了,打包命令稍微有一点点复杂,需要安装electron-forge
、electron
和npm
环境,然后执行如下命令:
npm run package
鬼知道我为了完成这个项目学了多少东西,但是整个过程来看,也感觉蛮有趣的:对一门技术从陌生到熟悉,再到慢慢入门,然后将一切都联系起来,最后恍然大悟,还做出了一点点成绩,感觉也不亏。
哦,对了,今天的内容我就是通过syskedown
完成的,后面我会尽可能去打磨它,让它成为我心目中期待的markdown
编辑器,毕竟颜值才是第一生产力嘛😉