Sweetalert: Ejemplo de HTML básico que falta en los documentos

Creado en 13 feb. 2018 · 6Comentarios · Fuente: t4t5/sweetalert

Ahora que se ha cambiado la facilidad de insertar HTML en la alerta, los documentos deben proporcionar un ejemplo simple para las personas de qué tan simple desea formatear el contenido. ~~Propongo algo como a continuación.~~

```
var contenido = documento.createElement('div');
content.innerHTML = 'Algunos campos tienen errores.
Por favor revisa e intenta de nuevo.';

swal({
    title: 'Error',
    content: content,
    icon: "error",
})

````

Propongo el ejemplo de @carloscfcortez a continuación

Fuente

garhbod

❤1

Comentario más útil

Sería genial si esto pudiera incorporarse en swal mismo.

    swal({
        title: 'Error',
        content: {
                element: 'div',
                innerHTML: 'Some fields have errors.<br/>Please check and try again.'
        }
        icon: "error",
    })

garhbod en 13 feb. 2018

👍7

Todos 6 comentarios

Sería genial si esto pudiera incorporarse en swal mismo.

    swal({
        title: 'Error',
        content: {
                element: 'div',
                innerHTML: 'Some fields have errors.<br/>Please check and try again.'
        }
        icon: "error",
    })

garhbod en 13 feb. 2018

👍7

Acordado ! o múltiples elementos deberían ser compatibles

bakcay en 26 abr. 2018

Estoy de acuerdo. Tuve que averiguar cómo usar HTML en swal a partir de este problema...

musa11971 en 4 jul. 2018

        swal({
            title: 'Error',
            content: {
                element: "div",
                attributes: {
                    innerHTML: "Some fields have <strong>errors.</strong><br/>Please check and try again."
                },
            },
            icon: "error",
        })

carloscfcortez en 13 jul. 2018

👍5

estuve cerca 😝

garhbod en 18 jul. 2018

😄1

Tenga en cuenta también en los documentos que el contenido y el texto no son lo mismo, por defecto, la clase CSS es diferente (swal-text vs swal-content) y, por lo tanto, el contenido y el texto difieren visualmente.