在完整日历月视图事件栏上换行文本

Question

我正在我的项目中实现完整日历的时间线视图，虽然它工作并且看起来很棒，但我遇到的唯一问题是在时间线月视图中，事件栏不会换行，因此一半的文本被切断，尤其是这样当活动只持续几天时。

在周和日视图中，文本换行良好 - 它只是在月视图中。有什么办法可以让文字自动换行吗？在某些情况下，预订中会添加备注，因此在月视图中几乎无法阅读。

我使用此代码添加描述：

eventRender: function(event, element) {
    element.find(".fc-event-title").remove();
    element.find(".fc-event-time").remove();
    if(event.desc) {
        var new_description =
            '<br/><div class="fc-title">' + event.desc + '</div>'
                ;
        element.append(new_description);
    }
}

在我的日历参数内。

这是该条目在时间线月视图中的样子的图片：

这是它在日视图中的样子（我希望它看起来像这样）：

如果有人可以提供帮助，我将不胜感激。

Answer 1

刚刚遇到同样的问题，这对我有用......

.fc-event-time, .fc-event-title {
padding: 0 1px;
white-space: normal;
}

Answer 2

从 fullcalendar.io v6 开始

    .fc-event, .event-title {
        padding: 0 1px;
        white-space: normal;
    }