Feature Request: Inline Preview Rendering/Editing Like Typora

[alexheyd]

First of all, thanks for such a great package. It has become my preferred way of writing Markdown and creating slides.

I recently came across Typora (https://typora.io) and was really interested in their approach. They forego the preview panel altogether and allow you to edit the markdown in the rendered view.

Would this be something you'd be interested in adding as a setting that can be toggled?

[shd101wyy]

Hi @alexheyd ,

Haha I have also thought about it and tried to make a clone of Typora in branch project-mars. However the WYSIWYG way of editing markdown is extremely difficult to implement. I think the author of Typora really puts tons of efforts into that project.

Anyway, your suggestion will always be in my plans. I will notice you if one day I successfully make it.

Thanks

[alexheyd]

Thanks for the quick response. Yeah I suspected it'd be a rather large addition. FWIW, in case you haven't come across this post, I found this related to Typora's markdown engine: https://github.com/typora/typora-issues/issues/315

Perhaps looking at draft.js or codemirror will help inform the implementation.

I'm not super familiar with CoffeeScript but I'm a JS dev, so I can poke around project-mars and see if I can help in anyway.

[xnervwang]

Please consider it seriously. I don't think the style of Typora is suitable for everyone. I once used Typora and I'd like to use it as a preview tool for Markdown, not a edit tool. So is the reason why I prefer to Atom markdown. I guess most people use markdown instead of some rich text editor like Word, because they want to focus on the written content, and they don't like to consider some problems like "why is there space here?" "why inter-line space in these lines is larger than those lines?"...So they use markdown since they know what they see will be what they wrote. Typora seems good, but not everyone likes its style, like me. I think it's just a lite version for Word.

[shd101wyy]

Don't worry, I won't remove the source/preview way of editing markdown.

[Piping]

@xnervwang you know typora has a shortcut cmd+/ to view plain text right?

[xnervwang]

@Piping

Yeah I know. I even used a mouse hotkey to switch the view when I didn't like to edit markdown just like editing web page in FrontPage. For myself, the best benifit of Typora is it could use the whole screen as preview and I can switch to plain mode to modify some tiny text places. But as a tool for sorting notes, I prefer to MPE with treeview.

I suggest author could make the preview page editable instead of readonly to fit the requirement.

[625781186]

@shd101wyy Hi , I found a repository usecanvas/canvas-editor . This is GIF animation running the repository above. This is a vedio.

Hope to inspire you.

我去 , 打了这么多字发现你是国人!

[mitinarseny]

@shd101wyy Any updates on this?

For me, it is not necessary to implement WYSIWYG fully, but inline KaTeX rendering and would be awesome!

Also, it would be cool if there are suggestions while typing KaTeX equations.

[shd101wyy]

Yes I have been playing with a very cool WYSIWYG editor called HyperMD recently. It seems to be a good choice to start with instead of me implementing everything from scratch.

[mitinarseny]

Hmm, seems nice, I'l take a look

But the key feature for me in VS Code is that I can use pandoc. Unfortunately, as I can see from HyperMD documentation, there is nothing there about pandoc.

[dixonge]

Finally an extension has been created - works just like OP wants...

https://marketplace.visualstudio.com/items?itemName=sean10.markless-sean10