@stefan I really love this concept, and it reminds me of a thread by @flamed on an "Easy Web": https://social.lol/@flamed/111730917308541254

I've been thinking about an easy way for people unfamiliar with HTML + CSS to easily create websites for an upcoming workshop (beyond a plain "Hello World"), and WYSIWYG Editors that bridge ease of use with visible code like the one you've shared are key! 🔑 Your implementation of GrapeJS is one of the less daunting ones I've encountered so far.

@stefan Ooooooh!!! ✨✨ This is lovely!

Also, I always love when walkthroughs have a "replay" function. It puts me at ease to know that I don't have to remember every single thing when I'm using a new tool.

For some reason, though, when I tried it on my end (using Firefox), it played in reverse? 😂

@candide Hmm, odd, can't seem to be able to replicate that in Firefox myself, on Windows.

I made a small update to the code to make the step numbers explicit (I'm using https://tourguidejs.com), care to give it another try?