Sweetalert: Как добавить несколько строк текста?

Созданный на 8 окт. 2017  ·  9Комментарии  ·  Источник: t4t5/sweetalert

Привет
Как я могу сделать несколько строк или использовать html
?

Самый полезный комментарий

Вот мой взлом, основанный на 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,
});

Я уверен, что есть способ получше.

На данный момент это можно сделать с помощью \n символов с <br> тегов вариант текста, так что люди могут написать:

swal("Hello\nthere!")

Если кто-то хочет разобраться с этим (должно быть очень просто), не стесняйтесь отправлять пул-реквест!

Было сложно найти способ использовать элементы HTML, ваш хакер мне помог, большое спасибо, друг!

PD: "\ n" это не работает для меня, это не перевод строки

Я думаю, что автоматически все не так хорошо, я думаю, что лучше разные варианты, например

  • содержание: текущий объект
  • текст: обычный текст (если вы можете добавить сюда синтаксический анализ разрыва строки)
  • html: получить строку html

Вы можете использовать HTML для использования "
"
swal ({
title: 'Ошибка',
html: 'Verifique por Favor e Intente
asdasdasas ',
showConfirmButton: правда,
showCloseButton: истина,
})
Пока

const lines = ['Вы очень важны для нас, вся полученная информация всегда останется конфиденциальной.', 'Мы свяжемся с вами, как только рассмотрим ваше сообщение.', 'Мы отправили вам электронное письмо на' + contact_email + ' , Пожалуйста, проверьте его, чтобы получить быстрый ответ. '];

swal ('Спасибо, что обратились к нам!', lines.join ('\ n \ n'), 'success');

// у меня сработало!

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." })
Вот решение. Отлично работает в React. Наслаждаться

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

rapeflower picture rapeflower  ·  4Комментарии

sastrahost picture sastrahost  ·  5Комментарии

mouro001 picture mouro001  ·  3Комментарии

Untit1ed picture Untit1ed  ·  5Комментарии

vmitchell85 picture vmitchell85  ·  6Комментарии