Как добавить пользовательские HTML-теги для swal, используя элемент содержимого - PullRequest
Новая
       22

Как добавить пользовательские HTML-теги для swal, используя элемент содержимого

0 голосов
/ 12 ноября 2018

Я хочу сделать текст в swal bold и с пользовательским text color, и поскольку html:true больше не поддерживается, я попытался установить <span> и установить свой пользовательский style в htmlтег, но он не работает, и я искал решение, но я не получил ответов.

Код 

swal({

    title: "Summary",
    content: '<span>"counter " + this.counterType_1 + ": "+ this.counter_1_from.value.counter_1 +" - Sold Liters: " + liter_sold_1</span>',

    className: "success",
    closeOnClickOutside: false,

    closeOnEsc: false,
    dangerMode: true,
    buttons: {
    submit: {
        text: "Submit",
        value: "submit",
    },
    noAction: {
        text:"Cancel",
        value: "Cancel",
    },
    },

})

Что я пытался 

var _html= '<span>"counter " + this.counterType_1 + ": "+ this.counter_1_from.value.counter_1 +" - Sold Liters: " + liter_sold_1</span>',
content: _html,

но тоже не работает.

1 Ответ

0 голосов
/ 13 ноября 2018

Наконец-то я нашел способ, используя метод createElement(), который принимает html-тег param, 

var wrapper = document.createElement('h1');
wrapper.innerHTML = 'this is bold text';
swal({
    content:wrapper,
    title: "Summary",
    className: "success",
    closeOnClickOutside: false,
    closeOnEsc: false,
    dangerMode: true,
})
...