关于for-editor
开始接触for-editor
是因为想自己写一个基于Git的支持markdown的笔记本PC应用,常用开发框架是React、在PC端的开发工具的选择上选择了吃内存狂魔electron,就这样抱着能不造轮子就不造轮子的原则开始使用了for-editor
(虽然之后没有打算继续开发)。for-editor
如果对于语法的支持没有太高的要求的话,是一个非常优秀、简洁的编辑器组件。支持Tex渲染插入、mermaid流程图的支持、高级markdown或者扩展的markdown语法,随着需求的提升就准备了开始自己扩展语法之路,当然其中发现了很多需要优化和修改的地方。
开发之路
通读源码
源码可以从for-editor中查看。
首先,阅读package.json
。package.json
是所有React组件开发必不可少的环节,在此之前还是需要足够了解工程的README.md
的。在package.json
里,源工程对于markdown解析所用的引擎为marked.js
和highlight.js
。在之前了解markdown
--> HTML
的渲染学习的时候所用的是marked.js
,好处是足够简洁,坏处是语法很少并且扩展要求并不低。
其次,对于源码结构的解读。dist
为生成产物,d