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');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> 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> 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); 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>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