prose mirror 표 markdown serializer 구현 1

오늘은 markdown serializer 를 구현했다.

어떻게 구현할지 막막했는데 github 에서 검색을 해서 힌트를 얻었다.

하나 꿀팁을 주자면 내가 구현하고자 하는 처음 부분을 알아낸 다음에 깃허브에 검색을 하면 된다.

예를 들어 내가 마크다운 시리얼라이저를 구현하고자 하면 다음과 키워드가 들어간 코드를 쓰면 된다는 것을 알 수 있다.

MarkdownSerializer table(state, node)

이걸 깃헙에 검색을 하면 다음과 같이 쫙 나온다.

https://github.com/search?q=MarkdownSerializer+table%28state%2C+node%29&type=code

그러면 여기서 되는 것을 찾아서 원리를 이해해서 구현하면 된다. 무엇을 검색할지 key 는 알아야 한다.

나는 StackExchange 의 Stacks Editor 를 찾아서 구현을 했다.

https://github.com/StackExchange/Stacks-Editor/blob/a9155335f573b253acb9bf62d431e29a3966c46b/src/rich-text/markdown-serializer.ts

schema -> serializer -> markdown-it -> parser 의 순으로 구현을 했다.

markdown it 은 gfm 의 table 이 default enabled 되어 있다고 했는데 아니어서 md.enable([‘table’]) 로 해주니깐 잘된다.

아직 문제가 많기는 한데 내일 해야 겠다.