How to serialize to markdown in react-markdown?

[joetam]

Hi,

I'm using react-markdown. I have a simple app that switches between markdown editing and a preview mode. I also have a custom directive via remark-directive to add a google-doc style comment to the document.

While converting a markdown comment (e.g. :comment[this is the selected text]{content="this is the comment"}) to React, I'm also generating a comment id. Ideally I would like this comment id to be inserted back into the markdown so I can use the document as the source of truth.

Or do I need to use remark instead of react-markdown?

[ChristianMurphy]

Welcome @joetam 👋

custom directive via remark-directive to add a google-doc style comment to the document

Nice! I'd recommend sticking with directives, they're more standard than most alternatives.

Ideally I would like this comment id to be inserted back into the markdown so I can use the document as the source of truth.

react-markdown is always markdown -> react component.
If you want markdown -> markdown, you would indeed want to use remark.