how to change the default rendering style for Sharepoint Markdown Web part?

Question

Sharepoint supports editing the page in markdown format through the Markdown Web part, which is really good. The issue I have is that the default markdown rendering style is not good enough, not as good as the one been used by VS Code or Github. My question is that is it possible to replace the default markdown rendering style with something else?

And also the table of contents in Markdown Web Part is not working.

Can anyone help to answer my questions?

Thanks in advance,
Jiyang

Answer 1

The table format of the native markdown web part is for your reference:

As @Trevor Seward said, you need to develop your custom markdown SPFX.
My test MarkDown SPFX for your reference:

You could get it here:https://github.com/Amos-MSFT/SharePoint-FrameWork-Demos/blob/master/ReactMarkDownSPFX/src/webparts/reactEmptySpfx/components/ReactEmptySpfx.tsx
I use react-markdown-editor-lite in my test project, Github address:https://github.com/HarryChen0506/react-markdown-editor-lite/blob/master/README.md

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

You would need to develop your own markdown web part.