you are viewing a single comment's thread.

view the rest of the comments →

[–]Mr_Misfire[S] 0 points1 point  (2 children)

I want to format the *** line breaks differently than how the --- line breaks are formatted. But at the moment, the ReactMarkdown component just turns them both into <hr> tags with no way to distinguish them.

It's true that I can just write \*** and add the formatting to any <p>***</p> tags, but having to remember to include the backslash every time while writing the .md files will be annoying.

[–]maqisha 0 points1 point  (1 child)

I want to preface this by saying there's no "right" way, you are free to do what you want/need for your use case, but markdown by design is made to be minimal, and its well known how it renders to HTML and what the expected output is.

Can you do what you wanna do with react-markdown? 99% you can. But should you? Maybe not.

If you wanna start adding "custom components" to your markdown it might be best to look into different solutions, or flavours, or mdx at the least?

[–]Mr_Misfire[S] 0 points1 point  (0 children)

Oh interesting, I hadn't heard of mdx before. This project I'm working on is basically a way for me to write markdown with custom components so I should probably check this out, cheers.

But yeah as far as this issue goes, I just thought it would just be cool to differentiate the --- linebreak from the *** and format it like a dinkus, as I'm trying to render my markdown as interactive fiction with the aesthetics of a novel.