javascript - SweetAlert 文本格式

Question

我正在使用 sweetAlert 进行对话框显示。在我的对话框中，我必须显示一个大字符串，中间有换行符。我的示例字符串如下:

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

等等。所以，基本上，我希望它们中的每一个都在一个新行中并且空格匹配。当我使用 sweetalert 对话框时，换行符会正确显示，但文本会自动对齐到中心并且间距会被 chop 。有人可以帮我手动设置对齐和间距吗？

Answer 1

将字符串包装成 <pre>标签可能是一个解决方案:

var str="Task1Name          :    Success  :   statusCode\n" +
        "Task2NameLonger    :    Failed   :   statusCode\n";
         
Swal.fire({
  html: '<pre>' + str + '</pre>',
  customClass: {
    popup: 'format-pre'
  }
});

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

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

PS。不支持原版的sweet alert插件，建议使用SweetAlert2插入。
迁移很简单，这里是迁移指南:Migration from SweetAlert to SweetAlert2