Sweetalert: स्वीट अलर्ट में हाइपरलिंक जोड़ने में सक्षम नहीं

को निर्मित 27 जून 2018 · 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

क्या आप कृपया मुझे बता सकते हैं कि स्वीट अलर्ट के अंदर एंकर टैग कैसे जोड़ा जा सकता है।

धन्यवाद
आदिस

स्रोत

adiwithadidas

सबसे उपयोगी टिप्पणी

सुनो,

html पैरामीटर को अक्षम करने का कारण उन उपयोग मामलों को हतोत्साहित करना है जहां वेबसाइट पर संभावित रूप से 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 28 जून 2018

👍6 👎3

सभी 4 टिप्पणियाँ

https://sweetalert.js.org/guides/#upgrading -from-1x
html अब उपयोग नहीं किया जाता है। इसके बजाय सामग्री वस्तु का उपयोग करें।

SergeyW 28 जून 2018

हाय @ सर्गेईडब्ल्यू ,
आपके जवाब के लिए धन्यवाद। हाँ, जब मैंने इसके बारे में थोड़ा शोध किया, तो मुझे इसके बारे में पता चला।

लेकिन दुर्भाग्य से, मैं सामग्री ऑब्जेक्ट के साथ अलर्ट बॉक्स में हाइपरलिंक भी नहीं डाल पा रहा हूं। मैंने कुछ उदाहरणों की खोज की थी और मुझे उनमें से कई मिल गए लेकिन सभी एचटीएमएल फॉर्म तत्व, बटन इत्यादि जोड़ने के बारे में हैं और हाइपरलिंक्स या एंकर टैग के बारे में कोई नहीं है।
यदि आप मुझे दिखा सकते हैं कि एंकर टैग कैसे जोड़ें या उसके समान कुछ उदाहरण साझा करें, तो यह बहुत अच्छा होगा।

धन्यवाद
आदिस

adiwithadidas 28 जून 2018

सुनो,

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

swal({
  title: "Hello!",
  content: el,
})

t4t5 28 जून 2018

👍6 👎3

बहुत बहुत धन्यवाद @t4t5

adiwithadidas 29 जून 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Sweetalert: स्वीट अलर्ट में हाइपरलिंक जोड़ने में सक्षम नहीं

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

संबंधित मुद्दों