javascript - support - Cadenas de línea múltiple que no rompen la sangría

template string javascript html

Question

De acuerdo con este debate , es posible en ECMAScript 6 definir cadenas de líneas múltiples sin tener que colocar líneas posteriores de la cadena al principio de la línea.

La publicación de Allen Wirfs-Brock contiene un ejemplo de código:

var a = dontIndent
`This is a template string.
Even though each line is indented to keep the
code neat and tidy, the white space used to indent
is not in the resulting string`;

¿Alguien podría explicar cómo se puede lograr esto? ¿Cómo definir este elemento dontIndent para eliminar los espacios en blanco utilizados para la sangría?

Answer 1

Esta característica se implementa definiendo una función personalizada y luego usándola como una etiqueta ( dontIndent arriba). El golpe del código proviene de la esencia de Zenparsing :

function dedent(callSite, ...args) {
function format(str) {
let size = -1;
return str.replace(//n(/s+)/g, (m, m1) => {
if (size < 0)
size = m1.replace(//t/g, " ").length;
return "/n" + m1.slice(Math.min(m1.length, size));
});
}
if (typeof callSite === "string")
return format(callSite);
if (typeof callSite === "function")
return (...args) => format(callSite(...args));
let output = callSite
.slice(0, args.length + 1)
.map((text, i) => (i === 0 ? "" : args[i - 1]) + text)
.join("");
return format(output);
}

Lo he probado con éxito en Firefox Nightly:

Answer 2

Respuesta de 2016 : el paquete dedent-js se encargará de esto. Tenga en cuenta que el paquete ''dedent-js'' realmente funciona con pestañas y espacios, ''dedent'' falla en las pestañas:

var dedent = require(''dedent-js'');
var text = dedent(`
<div>
<span>OK</span>
<div>
<div></div>
</div>
</div>
`);

Va a quitar el espacio en blanco anterior en cada línea y el retorno del carro principal. También tiene más usuarios, un rastreador de problemas, y se actualiza más fácilmente que el copiado desde .