七月
01
2016

近两天又折腾了一下 Markdown 编辑器

强迫症又犯了?

最近两天脑海里中是飘出一个念头,就是重新捣腾一下自己 PHP 博客的 Markdown 编辑器。至于原因嘛,或许是强迫症犯了吧。

在先前使用 Markdown 编辑器的过程中,发现当时的编辑器有着几个个人完全无法忍受的问题:

  • 不能在编辑器内使用 Tab

    这对我来说,可是致命的啊。不能使用 Tab 就意味着没法在编辑器内进行代码缩进操作,好歹我这个也是 PHP 博客不是,不能使用代码缩进的话,确实很坑啊。

    在之前还能忍受的时候,我则是把代码复制到自己的 IDE 里面格式化一下再拷贝出来,可是现在确实不能忍了。

  • 不能在编辑器内使用 Shift + Tab 键,理由同上
  • 前后端 Markdown 解析器解析结果不一致

    这个也是一个很坑的问题,由于前端使用 Javascript 进行解析,而后端使用 PHP 进行解析,所以难免出现解析不一致的问题

  • 编辑器与预览器是上下排列的

    这个也是自己捣腾出来的一个坑爹问题,由于之前的后台编辑界面实在太窄了,根本无法对编辑器与预览器进行并排排列,导致每次要看预览效果,必须鼠标滚动到下面去看,看完了又滚动回来继续编辑,想想都心累(看来懒毛病又发作了)。

  • 没有代码高亮

    其实吧,在之前的之前,是有代码高亮的功能的,只不过在加入 Markdown 之后呢,我把代码高亮的功能给切掉了。至于原因,呃,我也不知道啊。

好吧,动刀吧

基于以上几点原因呢,我在忍耐了无数个回合之后,终于决定再次对自己的 PHP 博客动刀了。美容,一定得给它美容。

在搜索引擎中折腾了很久,一直找不到合适的替代品啊。实在没法了,在一个 Markdown 的成品网站中去看了看源码,还真发现了端倪。我发现了一个可能的关键词: Ace

然后呢,接着这个关键词,我发现了新大陆:居然又专门针对代码编辑的在线编辑器啊,而且这么火,这么牛逼的编辑器,我居然到现在才知道??

看来,我是太过于孤陋寡闻了。

找到了代码编辑器,便解决了一个大问题,接下来便是解析器前后端一致的问题。

后端的解析器我依然还是决定继续使用 Parsedown,这个解析器速度挺快的。至于前端的解析器,则从 Pagedown 换成了 Markdown-it。把前端的解析器一换,效果就出来了,确实不错的样子。

而后便是代码高亮的问题,现在突然想起来了,之前把代码高亮砍掉的原因,是因为觉得那个代码高亮太丑了。新的代码高亮程序,使用的是 highlightjs,这下总是显得高大上了吧。至少我是这么认为的了。

OK,至此,我的强迫症终于被暂时治好了。

还是弄个后台的截图吧

 后台图片

非特殊注明博文为 爱PHP吧(www.iphp8.com)原创内容,转载请注明原文地址:http://www.iphp8.com/?post=92

评论

发表评论:

(选填)

(选填)