Saltar al contenido

¿Handlebars.js reemplaza los caracteres de nueva línea con ?

Nuestro team de expertos pasados varios días de investigación y de recopilar de datos, dimos con la solución, nuestro deseo es que te resulte útil en tu plan.

Solución:

No lo hace automáticamente, pero usando la función de ayudantes esto se puede lograr:

JS:

Handlebars.registerHelper('breaklines', function(text) r)/gm, '
'); return new Handlebars.SafeString(text); );

Plantilla HTML:

breaklines description

Al insertar tres llaves en lugar de las dos convencionales, puede indicarle a handlebars que detenga sus técnicas normales de escapar de expresiones html como
y

;

Por ejemplo, del sitio web de manillares:

“Handlebars HTML escapa a los valores devueltos por un expression. Si no desea que Handlebars escape de un valor, use el “triple-stash”, {{{.”

    

title

body

con este contexto:

    
      title: "All about 

Tags", body: "

This is a post about <p> tags

"

resultados en:

    

All About <p> Tags

This is a post about <p> tags

Aquí hay dos enfoques que prefiero sobre la respuesta actualmente aceptada:

  1. Usar white-space: pre-wrap; o white-space: pre; en el elemento donde desea conservar los saltos de línea (permitiendo o suprimiendo el ajuste de línea natural, respectivamente). Si desea colapsar las secuencias de espacios en blanco, que es como normalmente se presenta el texto en HTML, utilice white-space: pre-line; pero tenga en cuenta que IE8 y versiones anteriores no son compatibles con esto. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
  2. O aquí hay una versión del asistente de plantilla que no requiere copiar y pegar código externo:

    Template.registerHelper('breaklines', function (text) 
      text = Blaze._escape(text);
      text = text.replace(/(rn);
    

    Consulte https://github.com/meteor/meteor/blob/devel/packages/blaze/preamble.js para Blaze._escape

Valoraciones y reseñas

Si aceptas, tienes la habilidad dejar una noticia acerca de qué te ha parecido este artículo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *