💻 Convertidor de HTML a Cadena JS

Cómo usar

1. Pegue el código HTML.
2. Seleccione el estilo de delimitador (simple, doble, backtick).
3. Kopien el código JS generado.

Preguntas frecuentes

¿Qué pasa al usar backticks?

En la opción 'backtick', se escapan los backticks existentes y las expresiones de plantilla (${}) para evitar fallos.

Si elijo comillas dobles o simples en lugar de comillas invertidas, ¿cómo se gestionan los saltos de línea originales?

Como las comillas dobles y simples no pueden contener saltos de línea literales, cada línea del HTML original se envuelve entre comillas, se le añade un \n explícito y se une con el operador + en una concatenación de cadenas de varias líneas. Con las comillas invertidas se salta todo ese proceso: los saltos de línea originales se mantienen tal cual dentro de un único literal de plantilla.

Si elijo comillas dobles o simples en lugar de comillas invertidas, ¿cómo se gestionan los saltos de línea originales?

Como las comillas dobles y simples no pueden contener saltos de línea literales, cada línea del HTML original se envuelve entre comillas, se le añade un \n explícito y se une con el operador + en una concatenación de cadenas de varias líneas. Con las comillas invertidas se salta todo ese proceso: los saltos de línea originales se mantienen tal cual dentro de un único literal de plantilla.