Is there a WYSIWYG editor supporting this?

[dword-design]

Hi, I really like the idea of having components inside markdown. Especially because they follow the Vue component lifecycle, they have local state and I can do API requests and stuff.

I was asking myself if there is any WYSIWYG markdown editor out there that could work together with mdc. I did research but couldn't find a way to integrate it. Any suggestions?

[zanfee]

Have you tried https://nuxt.studio/? It has a live preview integrated and knows about your component's props.

[dword-design]

@zanfee Is it possible to have this editor for the end user right in the app? I have an app where there is markdown content in the DB that I want to edit without the need to write actual markdown.

[zanfee]

Not yet but I heard about this feature on their Discord a while ago, so it might be planned for the future.

[Aimless321]

I wonder if it would be possible to generate markdown from the parsed AST from the parseMarkdown method.

I've been looking into it for a while, and i found these composables that can do it in the remark-mdc playgroud: https://github.com/nuxtlabs/remark-mdc/tree/main/playground/composables.

But the AST generated in this module seems a lot more complex, so not sure if it's also easily reversable.

[sandros94]

But the AST generated in this module seems a lot more complex, so not sure if it's also easily reversable.

Currently it is a custom AST that is compiled here and there is no way to parse it back to mdast nor markdown (IFAIK)