All FEs devs and designers want to at some point do some realtime changes to our website see how it will look.
We generally resort to inspecting and
- Edit as HTML
- Modifying the CSS
But there is one very cool and super convenient document property which can help us with that:
document.designMode
It has default value set to "off". Just try turning this on, on any website.
MDN link:
https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode
Top comments (2)
It's great that you shared this with us! Thanks a million @ishitas98864230! This post has everything I am looking for in one place! I am so excited about that! When developer's looking a great Website editor? Hope need to Use that! Here I found more one you can try! Ezytor is a simple website editor that gives you all the components to create and manage your web projects. You can easily create stunning websites with Ezytor’s drag-and-drop functionality, templates, widgets and much more.
Happy to learn something special!💖
Wow, TIL. thank you 🤗