Sweetalert: スイートアラートにハイパーリンクを追加できません

作成日 2018年06月27日  ·  4コメント  ·  ソース: t4t5/sweetalert

こんにちは、みんな、
これは、テキストにハイパーリンクを追加するために使用しているコードです。
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" });

でもちゃんと出てこない。 これがその方法です

screenshot_32

スイートアラート内にアンカータグを追加する方法を教えてください。

ありがとう
アディ

picture adiwithadidas

最も参考になるコメント

ちょっと、そこ、

htmlパラメータが無効になっている理由は、WebサイトがXSS攻撃を受ける可能性があるユースケースを阻止するためです。

ただし、次のようにDOMノードをcontentパラメーターに渡すことで、生のHTMLをレンダリングできるはずです。

const el = document.createElement('div')
el.innerHTML = "Here's a <a href='http://google.com'>link</a>"

swal({
  title: "Hello!",
  content: el,
})
picture t4t5 2018年06月28日
👍6 👎3

全てのコメント4件

https://sweetalert.js.org/guides/#upgrading -from-1x
htmlは使用されなくなりました。 代わりに、コンテンツオブジェクトを使用してください。

SergeyW picture SergeyW 2018年06月28日

こんにちは@SergeyW 、
お返事をありがとうございます。 ええ、私がそれについて少し研究したとき、私は同じことについて知るようになりました。

ただし、残念ながら、コンテンツオブジェクトを含むアラートボックスにハイパーリンクを配置することはできません。 私はいくつかの例を検索し、それらの多くを入手しましたが、すべてはHTMLフォーム要素、ボタンなどの追加に関するものであり、ハイパーリンクやアンカータグに関するものではありません。
アンカータグを追加する方法を教えていただければ、またはそれに似た例を共有していただければ幸いです。

ありがとう
アディ

adiwithadidas picture adiwithadidas 2018年06月28日

ちょっと、そこ、

htmlパラメータが無効になっている理由は、WebサイトがXSS攻撃を受ける可能性があるユースケースを阻止するためです。

ただし、次のようにDOMノードをcontentパラメーターに渡すことで、生のHTMLをレンダリングできるはずです。

const el = document.createElement('div')
el.innerHTML = "Here's a <a href='http://google.com'>link</a>"

swal({
  title: "Hello!",
  content: el,
})
t4t5 picture t4t5 2018年06月28日
👍6 👎3

どうもありがとう@ t4t5

adiwithadidas picture adiwithadidas 2018年06月29日
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

rafatux picture rafatux  ·  5コメント
rapeflower picture rapeflower  ·  4コメント
fracz picture fracz  ·  4コメント
AlexV525 picture AlexV525  ·  4コメント
krishnamraju picture krishnamraju  ·  3コメント