Sweetalert: No se puede agregar un hipervínculo en la alerta dulce
Hola chicos,
Este es mi código que estoy usando para agregar un hipervínculo en el texto.
swal({
title: 'This is the ',
text: '<a href="http://www.externalwebsite.com" target="_blank">externalwebsite.com</a>',
html: true,
showCancelButton: true,
allowOutsideClick: true,
goToExternal: true,
externalUrl: 'http://www.externalwebsite.com',
confirmButtonText: "Continue"
});
Pero no sale bien. Así es como viene
¿Puede decirme cómo puedo agregar una etiqueta de anclaje dentro de la dulce alerta?
Gracias
Adi
adiwithadidas
Todos 4 comentarios
https://sweetalert.js.org/guides/#upgrading-from-1x
html ya no se usa. En su lugar, utilice el objeto de contenido.
SergeyW
en 28 jun. 2018
Hola @SergeyW ,
Gracias por su respuesta. Sí, cuando investigué un poco al respecto, llegué a saber sobre lo mismo.
Pero desafortunadamente, no puedo colocar un hipervínculo en el cuadro de alerta con el objeto de contenido también. Había buscado algunos ejemplos y obtuve muchos de ellos, pero todos se tratan de agregar elementos de formulario HTML, botones, etc. y ninguno sobre hipervínculos o etiquetas de anclaje.
Si me puede mostrar cómo agregar etiquetas de anclaje o puede compartir algunos ejemplos similares a ese, sería genial.
Gracias
Adi
adiwithadidas
en 28 jun. 2018
Hola,
La razón por la que se deshabilitó el parámetro html es para desalentar los casos de uso en los que el sitio web podría ser potencialmente atacado por XSS.
Sin embargo, aún debería poder renderizar HTML sin procesar pasando un nodo DOM al parámetro content , así:
const el = document.createElement('div')
el.innerHTML = "Here's a <a href='http://google.com'>link</a>"
swal({
title: "Hello!",
content: el,
})
t4t5
en 28 jun. 2018
Muchas gracias @t4t5
adiwithadidas
en 29 jun. 2018
Temas relacionados
AlexV525
·
4Comentarios
vmitchell85
·
6Comentarios
mouro001
·
3Comentarios
xgqfrms-GitHub
·
4Comentarios
VoxelNaut
·
6Comentarios
Comentario más útil
Hola,
La razón por la que se deshabilitó el parámetro
htmles para desalentar los casos de uso en los que el sitio web podría ser potencialmente atacado por XSS.Sin embargo, aún debería poder renderizar HTML sin procesar pasando un nodo DOM al parámetro
content, así: