SweetAlert text formatting
Wrapping a string into <pre>
tag could be a solution:
var str="Task1Name : Success : statusCode\n" +
"Task2NameLonger : Failed : statusCode\n";
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/sweetalert2@11"></script>
PS. The original sweet alert plugin is unsupported, I suggest you using SweetAlert2 plugin.
Migration is simple, here's the migration guide: Migration from SweetAlert to SweetAlert2
If you switch to sweetalert2, you can use html instead of text:
swal({ title: 'hi', html: 'First line<br>Second line' });