Skip to content

Instantly share code, notes, and snippets.

@park-brian
Last active June 23, 2020 14:56
Show Gist options
  • Save park-brian/58eeea946bd6ede0ea449ef6b9ac52c6 to your computer and use it in GitHub Desktop.
Save park-brian/58eeea946bd6ede0ea449ef6b9ac52c6 to your computer and use it in GitHub Desktop.
HTML Editor Bookmarklet (highlight and drag into bookmarks bar)
data:text/html,<body oninput="document.querySelector('iframe').srcdoc=h.value+'<style>'+c.value+'</style><script>'+j.value+'</script>'"><style>textarea,iframe{box-sizing:border-box;float:right;width:100%;height:50%;border:1px solid steelblue;}body{margin:0}textarea{width:33.33%;font-size:18;resize:none;}</style><textarea placeholder=JS id=j></textarea><textarea placeholder=CSS id=c></textarea><textarea placeholder=HTML id=h></textarea><iframe>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment