Javascript 完整日历描述中的新行
我正在建立一个网站,我正在使用完整的日历来整合一个时间表和描述,当一个人悬停在一个事件上。但问题是,如果使用,则无法在描述中换行\n。有没有办法绕过这个问题 下面是通过Codepen指向我的代码的链接。如果查看“事件”下的描述,您可以看到我输入的Javascript 完整日历描述中的新行,javascript,twitter-bootstrap,fullcalendar,newline,popper.js,Javascript,Twitter Bootstrap,Fullcalendar,Newline,Popper.js,我正在建立一个网站,我正在使用完整的日历来整合一个时间表和描述,当一个人悬停在一个事件上。但问题是,如果使用,则无法在描述中换行\n。有没有办法绕过这个问题 下面是通过Codepen指向我的代码的链接。如果查看“事件”下的描述,您可以看到我输入的第一行\n第二行代码。这是不起作用的部分 这是我的密码: 谢谢, Jack默认情况下,Bootstrap/popper.js popover的内容选项被视为纯文本。另一件需要注意的事情是,由于我们在一个HTML文档中,换行符对我们来说是不常用的。所以你需
第一行\n第二行代码。这是不起作用的部分
这是我的密码:
谢谢,
Jack默认情况下,Bootstrap/popper.js popover的内容
选项被视为纯文本。另一件需要注意的事情是,由于我们在一个HTML文档中,换行符对我们来说是不常用的。所以你需要改变两件小事:
根据设置,将html
选项设置为true
,以便将插入标题或内容的任何内容视为html而不是纯文本
html: true,
在描述中插入HTML换行符,而不是换行符
描述:“第一行
第二行”
因此,总体而言,您的JS代码如下所示:
$(function() {
$('#calendar').fullCalendar({
defaultView: 'month',
defaultDate: '2018-10-12',
eventRender: function(eventObj, $el) {
$el.popover({
title: eventObj.title,
content: eventObj.description,
trigger: 'hover',
html: true,
placement: 'top',
container: 'body'
});
},
events: [
{
title: 'EVENT 1',
description: 'LINE ONE <br> LINE TWO',
start: '2018-10-01'
}
]
});
});
$(函数(){
$(“#日历”).fullCalendar({
defaultView:'月份',
默认日期:“2018-10-12”,
eventRender:function(eventObj$el){
$el.popover({
标题:eventObj.title,
内容:eventObj.description,
触发器:“悬停”,
是的,
位置:'顶部',
容器:“主体”
});
},
活动:[
{
标题:“事件1”,
描述:“第一行
第二行”,
开始日期:2018-10-01
}
]
});
});
这对我不起作用,它只是渲染了normal@ReedJones与在这里工作的环境相比,你的环境一定有所不同。如果你被卡住了,问一个新问题。链接到这里,我可以看看。请确保提供足够的代码等,以便我们重现您的情况。问题是,该库包含一些更改word wrap或空白css属性的css,我可以使用css修复它,但注意到“\n”或“
”对我都不起作用