1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 23:28:02 +00:00

Add Make The Browser Editable With Design Mode as a javascript til

This commit is contained in:
jbranchaud
2019-10-03 11:39:48 -05:00
parent eae9998764
commit 033ed66373
2 changed files with 17 additions and 1 deletions

View File

@@ -0,0 +1,15 @@
# Make The Browser Editable With Design Mode
Modern browsers support a Web API called _Design Mode_. When you turn on
_Design Mode_, you are able to edit the text on the web page like you would do
in Word or Dreamweaver. This is a great way to experiment with copy.
By default it is `"off"`, but you can turn it on from your browser's devtools
console.
```
> document.designMode = "on"
"on"
```
[source](https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode)