javascript - html 在 fullcalender 版本 5 中被视为文本

Question

我有以下字符串 event['title'] ：

Consumer behaviors <br> Zero Waste Communities

它在 fullcalendar 版本 5 中显示为文本。

如何将其显示为 html 以便中断工作？

标签： javascripthtmlfullcalendar-5

Answer 1

取自这个例子

添加到您的日历对象：

eventContent: function(eventInfo) {
       return { html: eventInfo.event.title }
}

包含代码片段的完整示例日历对象：

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    initialDate: '2020-06-07',
    events: [
      {
        title: '<strong>All Day<br> Event</strong>',
        start: '2020-06-01',
      }
    ],
    eventContent: function(eventInfo) {
      return { html: eventInfo.event.title }
    }
  });