The fastest and easiest website editor
1 min readSep 30, 2019
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