html 在全日历版本 5 中被视为文本

Question

我有以下事件字符串 ['title'] :

Consumer behaviors <br> Zero Waste Communities

它在全日历版本 5 中显示为文本。

如何将其显示为 html 以便中断有效？

Answer 1

取自this example

添加到您的日历对象：

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 }
    }
  });

html 在全日历版本 5 中被视为文本

html treated as text in fullcalender version 5

javascript

html

fullcalendar-5