Javascript 在notify.js中完成HTML

我正在使用库在我的php网页上显示成功或错误消息。
当我使用普通文本时，比如

$.notify("Changes are made successfully", "success");

那么它工作得很好

但有时，我需要在无序列表中显示消息，如下所示：

var message = '<p> Please correct following errors and then try again </p><ul><li>value1 is wrong</li><li>value 3 is wrong</li><li>value 5 is wrong</li></ul>';
$.notify(message, "error");

如有任何建议，将不胜感激

其他两种方法（除了完全嘈杂的

addStyle

方法）

使用

\n

换行符 使用

\n

并期望

！因此，不要使用UL>LI，只使用一些换行符的组合，如：

将可能出现的错误存储在阵列中，然后在Notify mesage中使用：

const errors=[//或者您可以将（）错误推送到该数组中。。。
“值1是错误的”，
“值2是错误的”，
“值3是错误的”，
];
//在每个错误中添加破折号“-”，并用换行符连接
const errorsList=errors.map（err=>`-${err}`）。join（“\n”）；
const message=`请更正以下错误，然后重试\n\n${errors.join（“\n”）}`；
$.notify（消息“错误”）；

这将导致：

Please correct following errors and then try again

 - value 1 is wrong
 - value 2 is wrong
 - value 3 is wrong

修改插件源代码 允许HTML的简单源代码编辑如下：

在第205行，将以下内容添加到

插件操作中：

encode:true，

在第513行，更改
d=编码（d）将成为：

if（this.options.encode）{
d=编码（d）；
}

最后，使用插件时，只需将新选项
encode
设置为
false
：

//像这样使用：
$.notify（“Lorem
Ipsum”，{encode:false}）；

下面是我的相关内容，您可以像模板系统一样添加自己的带有HTML内容的类

$.notify.addStyle('saved', {
  html: 
    "<p>Saved blabla...</p>"
});

$.notify(..., { 
  style: 'saved'
});

$.notify.addStyle（'saved'{
html:
“已保存的blabla…
”
});
$.notify（…，{
样式：“已保存”
});
IIRC您必须使用自定义样式，或者调整库。如果要在元素内显示仲裁HTML（不如使用文本）内容，则应在该元素上使用
data notify HTML
属性。如文件中所述，建议使用
数据通知html
，但是如何使用它，没有明确提到如何使用它？你能举一个关于它用法的例子吗？@ishpret我相信它应该是这样的：
。意思是如果我传递像
const message=这样的消息，请更正以下错误，然后重试
值错误
，那么它会工作吗？@ishpret我只知道文档上说了什么。这就是将
data-*
属性添加到用于显示通知的元素中。@ishpret使用解决方案进行编辑。（是的，我也不能通过使用
data-*
属性使它工作：（）我完全错过了那一个！干得好！@Jan Heil:-它工作得非常好。
$.notify.addStyle('saved', {
  html: 
    "<p>Saved blabla...</p>"
});

$.notify(..., { 
  style: 'saved'
});