Turn your browser into an WYSIWYG editor with document designMode
July 3, 2020 - 1 min read
TLDR;
Open the browser’s Javascript console,
Executedocument.designMode = 'on';
,
Click on any text in the screen and start typing!
Isn’t it crazy!
designMode is a not so well known feature that allows us to make the entire webpage editable. By default, its value is off
, but once we set the value to on
, it makes the entire page editable and allows us to change the content as we wish.
If you want to disable it, you simply set its value back to off
(document.designMode = 'off';
).
It’s also worth mentioning that the vast majority of modern browsers support this feature.
Hope you find this little tip helpful!