markdown编辑器开发进展

云中志

共 1140字,需浏览 3分钟

 ·

2022-01-13 12:08

截止到昨天,我之前说的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-forgeelectronnpm环境,然后执行如下命令:

 npm run package

鬼知道我为了完成这个项目学了多少东西,但是整个过程来看,也感觉蛮有趣的:对一门技术从陌生到熟悉,再到慢慢入门,然后将一切都联系起来,最后恍然大悟,还做出了一点点成绩,感觉也不亏。

哦,对了,今天的内容我就是通过syskedown完成的,后面我会尽可能去打磨它,让它成为我心目中期待的markdown编辑器,毕竟颜值才是第一生产力嘛😉

- END -


浏览 39
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报