Edit preview by drag

[Kitenite]

Hello, It would be great if the styles can be edited by dragging and dropping. I might pick this up but just opening an issue for tracking :)

[kgoedecke]

@Kitenite love this idea. I was wondering if we can maybe incorporate something like https://github.com/prevwong/craft.js or any other react based editor. Did you have any preference?

[Kitenite]

That looks really good. I’ll try it out!

[Kitenite]

Went down the rabbit hole and found Utopia which implements a lot of these desired functionalities. Super cool

[kgoedecke]

@Kitenite that looks really cool. I'm wondering if we should keep it rather simple for now to have a scope that's achievable. By that I mean limiting the things you can modify to certain thingy like text size, color maybe margin and padding. I definitely think this is something achievable and would help a lot of people write code.

[Kitenite]

Yes, I agree a small subset of those would be immensely useful. I'm trying to figure out now how to edit the content inside the iframe even with craft.js since the content is basically just a react string.