Extend Markdown support to create tables?

Question

I understand that proper tables are planned. This is likely to be a GUI task for the most part. I wonder if you – for now – couldn't extend your markdown-support, so that users can simply paste tables in Markdown format:

| Month | Savings |
| -------- | ------- |
| January | $250 |
| February | $80 |
| March | $420 |

Bogdan · Answer

Do you mean Markdown Embed component?

Holger · Answer

Yes.

Bogdan · Answer

Do you expect all table tags to be available for styling?

Holger · Answer

Better is always better 🙂. Yet, if you could quickly place a table without having to spend quite a bit of time creating it with Flexbox (which isn't a "proper" table), this would already be useful.

Holger · Answer

My use-case would be a static size table that overflows on mobile devices, so that you have to scroll horizontally in the table-section.

o_be_one · Answer

While suggesting tables (which is important imho as well), I would suggest to support mermaid if it’s not there yet ^^.

Oleg Isonen · Answer

completely out of scope

Oleg Isonen · Answer

people struggle with basic things, most don't even know what mermaid is

o_be_one · Answer

I’m quite surprised by your answer.

Mermaid is more and more supported, AI can help generate it in an easy way. And, Obsidian, Notion, Hugo, Coda… All supports mermaid. Imho mermaid can be considered close to be a regular feature in Markdown.

What pushed WebStudio to support Markdown at the beginning?

Holger · Answer

Mermaid is also cool with AI. If you wonder about the structure of something or want it to explain a flow, just ask for Mermaid.

Oleg Isonen · Answer

Markdown for now used for basic content

Bogdan · Answer

Mermaid is not supported natively in html and requires big rendering script. You can put it into html embed if you want to have mermaid on your website.

Bogdan · Answer

Or even better put svg into image

Bogdan · Answer

Then it wont affect performance

o_be_one · Answer

Thank you Bogdan for your detailed answer ^^.

Bogdan · Answer

https://github.com/webstudio-is/webstudio/pull/4679

Bogdan · Answer

Will be released soon

Join the Webstudio community

Extend Markdown support to create tables?