Enhancement: Create a WYSIWYG view for editing the Markdown

estruyf / vscode-front-matter

Front Matter is a CMS running straight in Visual Studio Code. Can be used with static site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and many more...

https://frontmatter.codes

MIT License

2.06k stars 85 forks source link

Enhancement: Create a WYSIWYG view for editing the Markdown #604

Open estruyf opened 1 year ago

estruyf commented 1 year ago

Implement a new webview that you can use as a WYSIWYG markdown Editor. For instance, with milkdown.

Important:

Keep the front matter unchanged
Make sure the FM panel can still be used while the webview is open
Ability to easily switch between markdown and WYSIWYG

estruyf commented 1 year ago

[ ] Make panel work when editor view is open
[ ] Allow inserting of images
[ ] Allow viewing of images

AdrianoCahete commented 1 year ago

JFYI: We're trying to work with Milkdown for mdx and md files. For mdx not always work (custom react components was shown as code blocks), but for md files works ok (just shows the header/frontmatter as a title/big).

My plan is either ask on their issues to get some config or make a fork for our internal use.

estruyf commented 1 year ago

In the summer, I created a branch where I did some testing with Milkdown. There were indeed some issues I spotted as well, but think they are able to be solved.