Auto-apply markdown features: Enable WYSIWYG

[John-Paul-Larkin]

Context

As part of "Meta issue : Editor #1022"

We would like to simplify the feature set of the alpha editor. Previously, we were required to press the "Preview button" to see the result of any editing. We want to allow these markdown features :

H2 ## H3 ### Bullet points * Codeblocks `` inline code. BlockQuotes >

Expected Behavior

When a user types markdown syntax, the editor should automatically recognize and implement the respective feature. Similar to the behaviour demonstrated in the below GIF, the editor should instantly recognize markdown syntax and apply the relevant features without user intervention.

Screenshots

Taken from medium.com

Additional info

The alpha editor can be found at :

app>(app)>alpha>new

TipTap docs

Any questions feel free to ask.

[John-Paul-Larkin]

@NiallJoeMaher Have a look at this, in particular the list of markdown features. Thanks.

[nawinsharma]

@John-Paul-Larkin @NiallJoeMaher , can you please assign me! i have nearly solved this issue!

Screencast from 2024-10-06 02-03-42.webm