Sweetalert: Não é possível adicionar um hiperlink no alerta doce
Oi pessoal,
Este é o meu código que estou usando para adicionar um hiperlink no 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"
});
Mas não sai direito. Aqui está como vem
Você pode, por favor, me informar como adicionar uma marca de âncora dentro do alerta doce.
Obrigado
Adi
adiwithadidas
Todos 4 comentários
https://sweetalert.js.org/guides/#upgrading -from-1x
html não é mais usado. Em vez disso, use o objeto de conteúdo.
SergeyW
em 28 jun. 2018
Olá @SergeyW ,
Obrigado pela sua resposta. Sim, quando pesquisei um pouco sobre isso, fiquei sabendo sobre o mesmo.
Mas, infelizmente, não consigo colocar um hiperlink na caixa de alerta com o objeto de conteúdo também. Eu procurei por alguns exemplos e obtive muitos deles, mas todos são sobre como adicionar elementos de formulário HTML, botões, etc. e nenhum sobre hiperlinks ou tags de âncora.
Se você puder me mostrar como adicionar tags de âncora ou compartilhar alguns exemplos semelhantes a isso, seria ótimo.
Obrigado
Adi
adiwithadidas
em 28 jun. 2018
Ei,
A razão pela qual o parâmetro html foi desabilitado é para desencorajar casos de uso em que o site possa ser potencialmente atacado por XSS.
No entanto, você ainda poderá renderizar HTML bruto passando um nó DOM para o parâmetro content , assim:
const el = document.createElement('div')
el.innerHTML = "Here's a <a href='http://google.com'>link</a>"
swal({
title: "Hello!",
content: el,
})
t4t5
em 28 jun. 2018
Muito obrigado @t4t5
adiwithadidas
em 29 jun. 2018
Questões relacionadas
xgqfrms-GitHub
·
4Comentários
daftspunk
·
4Comentários
jamieson99
·
3Comentários
rafatux
·
5Comentários
rapeflower
·
4Comentários
Comentários muito úteis
Ei,
A razão pela qual o parâmetro
htmlfoi desabilitado é para desencorajar casos de uso em que o site possa ser potencialmente atacado por XSS.No entanto, você ainda poderá renderizar HTML bruto passando um nó DOM para o parâmetro
content, assim: