Extend Markdown support to create tables?

At a glance

The community member who posted the original content is requesting the ability to paste tables in Markdown format, as an alternative to creating tables using Flexbox. The comments discuss the potential for supporting Mermaid diagrams, with some community members suggesting it could be a useful feature, while others express concerns about the complexity and user adoption. There is no explicitly marked answer, but the community members discuss the trade-offs and potential implementation details.

Useful resources

HHolger

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 |

17 comments

BBogdan

Do you mean Markdown Embed component?

HHolger

Yes.

BBogdan

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

HHolger

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.

HHolger

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.

oo_be_one

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

OOleg Isonen

completely out of scope

OOleg Isonen

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

oo_be_one

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?

HHolger

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.

OOleg Isonen

Markdown for now used for basic content

BBogdan

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.

BBogdan

Or even better put svg into image

BBogdan

Then it wont affect performance

oo_be_one

Thank you Bogdan for your detailed answer ^^.

BBogdan

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

BBogdan

Will be released soon

Add a reply

Join the Webstudio community

Extend Markdown support to create tables?