Formato de texto de SweetAlert

Solución:

Envolver una cuerda en <pre> la etiqueta podría ser una solución:

var str="Task1Name          :    Success  :   statusCoden" +
        "Task2NameLonger    :    Failed   :   statusCoden";
         
Swal.fire({
  html: '<pre>' + str + '</pre>',
  customClass: {
    popup: 'format-pre'
  }
});

.format-pre pre {
  background: #49483e;
  color: #f7f7f7;
  padding: 10px;
  font-size: 14px;
}

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

---

PD. El complemento de alerta dulce original no es compatible, le sugiero que utilice el complemento SweetAlert2.

La migración es simple, aquí está la guía de migración: Migración de SweetAlert a SweetAlert2

Si cambia a sweetalert2, puede usar html en lugar de texto:

swal({ title: 'hi', html: 'First line<br>Second line' });

---

---

Utiliza Nuestro Buscador