SweetAlert文本格式

我使用sweetAlert進行對話框顯示。在我的對話框中，我必須顯示一個帶有換行符的大字符串。我的示例字符串如下：SweetAlert文本格式

var str="Task1Name   : Success : statusCode\n 
     Task2NameLonger : Failed : statusCode\n"

等等。所以，基本上，我希望他們每個人在一個新的行和空格匹配。當我使用sweetalert對話框時，換行符正確顯示，但文本自動對齊到中心並且間距被截斷。有人可以幫我手動設置我的路線和間距嗎？

來源

2017-06-06 Nagireddy Hanisha

您可以設置文本爲HTML和使用無邊框表 –

@AlonEitan的STR是取決於一個按鈕被按下時，在動態填充的變量。我不確定我是否可以做到，請嘗試更新！我認爲這應該是可能的。謝謝！ –

結束語一個字符串轉換爲<pre>標籤可能是一個解決辦法：

var str="Task1Name   : Success : statusCode\n" + 
 
     "Task2NameLonger : Failed : statusCode\n"; 
 
      
 
swal({ 
 
    html: '<pre>' + str + '</pre>' 
 
});

.swal2-modal pre { 
 
    background: #49483e; 
 
    color: #f7f7f7; 
 
    padding: 10px; 
 
    font-size: 14px; 
 
}

<script src="https://unpkg.com/[email protected]/dist/sweetalert2.all.js"></script>

PS。原來的甜蜜提醒插件不受支持，我建議你使用SweetAlert2插件。

遷移很簡單，這裏的遷移指南：Migration from SweetAlert to SweetAlert2

來源

2017-06-06 07:04:14

謝謝，我正在爲此掙扎2個小時 –

SweetAlert文本格式

回答

相關問題