Seeking WYSIWYG Markdown editor

[Scott Driscoll]

I've installed the rich text editor and followed the instructions here:

https://ej2.syncfusion.com/angular/documentation/markdown-editor/getting-started

but I'm wondering if there's a way to provide more of a WYSIWYG editor, where our users never see markdown at all? I know I can provide a preview pane, but I'd rather them just edit the final product. 

If I use the HTML mode, what is getting stored? Is it the final HTML or is it some other format?

Our system already uses a markdown rendered to display the final content, but I was hoping to allow users to edit without learning any markdown.

An ideal example of what I'm looking for is https://mdxeditor.dev/ (but for angular).

[Kokila Poovendran]

Hi Scott Driscoll,

Thank you for reaching out to us. We understand that you are looking for a WYSIWYG experience where users can edit content without seeing Markdown syntax. Currently, the Syncfusion Rich Text Editor supports two modes:

• Markdown Mode: Stores content in Markdown format.
• HTML Mode: Provides a WYSIWYG interface and stores the content as HTML.

If you switch to HTML mode, the editor will save the content as HTML, not Markdown. This is ideal if you want users to edit visually without learning Markdown. However, if your system requires Markdown for rendering, you can use the Markdown mode with a preview option or convert HTML back to Markdown before saving.

To help you achieve a better editing experience, here is a demo that shows how to enable Markdown editing with an HTML preview:

https://ej2.syncfusion.com/angular/demos/#/bootstrap5/markdown-editor/default-functionalities

If you prefer a complete WYSIWYG experience without exposing Markdown, you can use HTML mode by setting editorMode="HTML". This will store the content as HTML. If your system requires Markdown, you can convert the HTML back to Markdown using a converter before saving.

Please let us know if you need further assistance or guidance on implementing HTML mode or conversion options.

[Scott Driscoll]

Thanks, I believe that confirms my understanding that there is not a mode that provides markdown storage and WYSIWYG editing. It'd be great to see something like  https://mdxeditor.dev/  in the future! 

[Kokila Poovendran]

Hi Scott Driscoll

Thank you for your feedback—we truly appreciate you sharing your thoughts and the mdxeditor.dev example.

To clarify the current behavior of our Rich Text Editor:

• Markdown mode provides toolbar-assisted editing but displays and stores the raw Markdown syntax.
• HTML mode offers a full WYSIWYG experience (users edit the formatted content directly) but stores the output as HTML.

We've noted your interest in a WYSIWYG editing experience that still stores clean Markdown, and we'll explore the possibilities for such an enhancement.