Question

0

148

Views

Divida la línea en una cadena concatenada en función de un criterio coincidente y agregue saltos de línea

Recibo un texto dinámico de DB a través de una llamada API en el siguiente formato

 Test 1<br>Test 2<br>Test 3

¿Cómo puedo romper esta cadena donde hay una etiqueta 'br' y agregar saltos de línea? Necesito mostrar la cadena en el siguiente formato

 Test 1 Test 2 Test 3

¿Alguien puede arrojar algo de luz?

ACTUALIZACIÓN: probado debajo del código, se agrega espacio en lugar de una nueva línea

 gridData.STATUSNOTES = gridData.STATUSNOTES.replaceAll('<br>', '\n');

over 4 years ago · Santiago Trujillo

2 answers

Answer question

0

Simplemente reemplace <br> con el código de final de línea:

 const str = 'Test 1<br>Test 2<br>Test 3'; const result = str.replaceAll('<br>', '\n'); console.log(result); // Test 1 // Test 2 // Test 3

over 4 years ago · Santiago Trujillo Report

Answer question

Find remote jobs

Accepted Answer · 2022-04-19T21:39:59.352Z

Usando "br"

Simplemente puede agregar el texto usando innerHTML como:

 var content = "Test 1<br>Test 2<br>Test 3" document.getElementById("result").innerHTML = content

 <div id="result"></div>

Usando "div"

Si no funciona, en cualquier caso, como el elemento principal no lo permite, puede utilizar div o cualquier elemento con propiedad de display como block , ya que el elemento a nivel de bloque siempre comienza en una nueva línea y siempre ocupa todo el espacio. ancho disponible. Aquí hay un ejemplo de cómo convertir su cadena para colocarla en líneas nuevas:

 var content = "Test 1<br>Test 2<br>Test 3" var result = ""; content.split("<br>").map(element => result += `<div>${element}</div>`) document.getElementById("result").innerHTML = result

 <div id="result"></div>

ACTUALIZAR usando "\n" como se sugirió que OP no proporcionó si esto es HTML

Para no hacer nada con el HTML, solo agregar un salto de línea en un texto, puede reemplazar todo br con \n

 const content = 'Test 1<br>Test 2<br>Test 3'.replaceAll('<br>', '\n'); console.log(content);

Actualización 2 usando CSS

Si está buscando usar \n como un elemento de salto de línea, probablemente pueda usar un white-space: pre-line . Esta es una forma CSS de romper líneas usando \n . Espero que esto ayude.

 var content = "Test 1<br>Test 2<br>Test 3".replaceAll("<br>","\n") document.getElementById("result").innerHTML = content

 <div id="result" style="white-space: pre-line;"></div>

0

148