Sweetalert: كيف تضيف عدة صفوف نصية؟

تم إنشاؤها على ٨ أكتوبر ٢٠١٧  ·  9تعليقات  ·  مصدر: t4t5/sweetalert

مرحبا
كيف يمكنني عمل عدة صفوف أو استخدام لغة تأشير النص الفائق
؟

التعليق الأكثر فائدة

إليك الاختراق المستند إلى https://sweetalert.js.org/docs/#content.

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

أنا متأكد من أن هناك طريقة أفضل.

ال 9 كومينتر

إليك الاختراق المستند إلى https://sweetalert.js.org/docs/#content.

var span = document.createElement("span");
span.innerHTML='abc<br>efg'
swal({
  content: span,
});

أنا متأكد من أن هناك طريقة أفضل.

في الوقت الحالي ، طريقة @ simon1tan للقيام بذلك هي الطريقة التي يجب \n بعلامات <br> في خيار النص ، بحيث يمكن للأشخاص كتابة:

swal("Hello\nthere!")

إذا أراد أي شخص معالجة هذا (يجب أن يكون بسيطًا جدًا) ، فلا تتردد في إرسال طلب سحب!

لقد كان من الصعب العثور على طريقة لاستخدام عناصر HTML ، لقد ساعدني الاختراق ، شكرًا جزيلاً لك يا صديقي!

PD: إن "\ n" لا يعمل بالنسبة لي ، إنه لا يقوم بفاصل الأسطر

أعتقد أن الأشياء تلقائيًا ليست جيدة ، أعتقد أنها خيارات مختلفة أفضل ، على سبيل المثال

  • المحتوى: الكائن الحالي
  • النص: نص عادي (إذا كان بإمكانك إضافة تحليل فاصل الأسطر هنا)
  • html: تلقي سلسلة html

يمكنك استخدام html لاستخدام "
"
سوال ({
العنوان: "خطأ" ،
html: 'Verifique por favor e intente
أسداسداس ،
showConfirmButton: صحيح ،
showCloseButton: صحيح ،
})
وداعا

const lines = ['أنت مهم جدًا بالنسبة لنا ، وستظل جميع المعلومات المستلمة سرية دائمًا.'، 'سنتصل بك بمجرد مراجعة رسالتك.'، 'لقد أرسلنا إليك بريدًا إلكترونيًا على' + contact_email + ' ، يرجى التحقق من ذلك للحصول على استجابة سريعة. '] ؛

swal ("شكرًا لك على الاتصال بنا!" ، lines.join ('\ n \ n') ، "نجاح") ؛

// عمل لي!

const lines = ['You are very important to us, all information received will always remain confidential.', 'We will contact you as soon as we review your message.', 'We have sent an email to you at '+contact_email+' , Please check it for quick response.']; swal('Thank you for contacting us!',lines.join('\n\n'),'success');

لحالتي المضافة علامة div لتغطية النص سيعمل

origina: Line0<br />Line1<br /> [not working]
after: <div>Line0<br />Line1<br /></div> [working fine]
swal({
    title: 'Mt Title',
    html: '<div>Line0<br />Line1<br /></div>',
 });

swal({ buttons: ["Wait ", "Add Details"], html: true, text: "Text one .\n Text 2.\n Text 3." })
ها هو الحل. يعمل بشكل مثالي في التفاعل. يتمتع

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

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

srikanthcx picture srikanthcx  ·  15تعليقات

amiceli picture amiceli  ·  19تعليقات

softsaravanacse picture softsaravanacse  ·  13تعليقات

koullislp picture koullislp  ·  9تعليقات

daybaryour picture daybaryour  ·  13تعليقات