Código minimalista Player/editor/Previewer-TinyEditor
| Autor: | umpox |
|---|---|
| Views Total: | 407 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 8, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
El TinyEditor le permite generar un minimalista HTML/JavaScript/CSS código reproductor/editor/Previewer en el navegador.
Funcionamiento
Simplemente copie y pegue el siguiente fragmento de código en la barra de direcciones del explorador y, a continuación, presione Entrar. Hecho.
data:text/html,<body oninput="document.querySelector('iframe').srcdoc=h.value+'<style>'+c.value+'</style><script>'+j.value+'</script>'"><style>textarea,iframe{float:right;width:100%;height:50%}body{margin:0}textarea{width:33.33%;font-size:18}</style><textarea placeholder=JS id=j></textarea><textarea placeholder=CSS id=c></textarea><textarea placeholder=HTML id=h></textarea><iframe> Esto generará un código mínimo de reproductor/editor/Previewer:
<body oninput="document.querySelector('iframe').
srcdoc=h.value+'<style>'+c.value+
'</style><script>'+j.value+'<\/script>'">
<style>
textarea,iframe{float:right;width:100%;height:50%}
body{margin:0}
textarea{width:33.33%;font-size:18}
</style>
<textarea placeholder=JS id=j></textarea>
<textarea placeholder=CSS id=c></textarea>
<textarea placeholder=HTML id=h></textarea>
<iframe>
