Sweetalert: غير قادر على إضافة ارتباط تشعبي في التنبيه الحلو

تم إنشاؤها على ٢٧ يونيو ٢٠١٨  ·  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 هو تثبيط حالات الاستخدام حيث من المحتمل أن يتعرض موقع الويب لهجوم XSS.

ومع ذلك ، يجب أن تظل قادرًا على تقديم HTML خام عن طريق تمرير عقدة DOM إلى المعلمة content ، مثل هذا:

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

swal({
  title: "Hello!",
  content: el,
})
picture t4t5 في ٢٨ يونيو ٢٠١٨
👍6 👎3

ال 4 كومينتر

https://sweetalert.js.org/guides/#upgrading -from-1x
لم يعد يتم استخدام أتش تي أم أل. بدلا من استخدام كائن المحتوى.

SergeyW picture SergeyW في ٢٨ يونيو ٢٠١٨

مرحبًا SergeyW ،
شكرا لردك. نعم عندما بحثت قليلاً عن ذلك ، تعرفت على نفس الشيء.

لكن لسوء الحظ ، لا يمكنني وضع ارتباط تشعبي في مربع التنبيه مع كائن المحتوى أيضًا. لقد بحثت عن بعض الأمثلة وحصلت على العديد منها ولكن جميعها تتعلق بإضافة عناصر نموذج HTML ، والأزرار ، وما إلى ذلك ولا شيء يتعلق بالارتباطات التشعبية أو علامات الارتساء.
إذا كان بإمكانك أن تريني كيفية إضافة علامات ارتساء أو مشاركة بعض الأمثلة المشابهة لذلك ، فسيكون ذلك رائعًا.

شكرا
عدي

adiwithadidas picture adiwithadidas في ٢٨ يونيو ٢٠١٨

مرحبا،

سبب تعطيل المعلمة html هو تثبيط حالات الاستخدام حيث من المحتمل أن يتعرض موقع الويب لهجوم XSS.

ومع ذلك ، يجب أن تظل قادرًا على تقديم HTML خام عن طريق تمرير عقدة DOM إلى المعلمة content ، مثل هذا:

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 في ٢٨ يونيو ٢٠١٨
👍6 👎3

شكرا جزيلا @ t4t5

adiwithadidas picture adiwithadidas في ٢٩ يونيو ٢٠١٨
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

blackrosezy picture blackrosezy  ·  6تعليقات
xgqfrms-GitHub picture xgqfrms-GitHub  ·  4تعليقات
yrshaikh picture yrshaikh  ·  4تعليقات
krishnamraju picture krishnamraju  ·  3تعليقات
Lusitaniae picture Lusitaniae  ·  4تعليقات