ycu-engine / DSC-Blog-Frontend

データサイエンス倶楽部ブログフロントエンド

MIT License

0 stars 0 forks source link

✨markdownをパースしてレンダリングする仕組みをつける #24

Closed N-ha-1050 closed 10 months ago

N-ha-1050 commented 11 months ago

Issueへのリンク

close #2

やったこと

markdown-it を導入して、マークダウンのパーサーを実装

やりたいけどできなかったこと

any型の排除 markdown-it は完全な typescript に対応していないため、一部でany型を使っています。
react component への対応マークダウンからは、HTMLのstringしか取得できないため、表示箇所では dangerouslySetInnerHTML を使用しています。また、 React Component への置き換えにも非対応です。現状は無理やり prose しています。

動作確認

/markdown-test

その他

markdown-it には、上記の問題点が見られるので、 remark を使ったパーサーを別ブランチで実装中です。急ぎでなければ、比較した上でのマージがいいと思います。

nyatinte commented 11 months ago

まだレビューしてないけどこれもありかも

https://zenn.dev/hayato94087/articles/649e8d817165d8

nyatinte commented 11 months ago

ちなみに型は

https://www.npmjs.com/package/@types/markdown-it

使えばよさそう！

nyatinte commented 10 months ago

26 でOK