Question

我觉得我错过了一些非常明显的东西。我一直在我们的网站上使用Fullcalendar（公认的基本级别）。我一直在使用的代码是这样的：

<link href='fullcalendar.css' rel='stylesheet' />
<link href='fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='lib/moment.min.js'></script>
<script src='lib/jquery.min.js'></script>
<script src='fullcalendar.min.js'></script>
<script>

$(document).ready(function() {

    $('#calendar').fullCalendar({

        editable: false,
        height: "auto",
        eventLimit: false, // allow "more" link when too many events
        events: [

            {
                title: 'Event Title 1',
                start: '2014-09-26',
                end: '2014-09-29',
                color: '#266A2E'
            },              {
                title: 'Event Title 2',
                start: '2015-06-01',
                end: '2015-08-22',
                color: '#990000'
            }
        ]
    });

});

body {
/*  margin: 40px 10px;
    padding: 0;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;*/
}

#calendar {
    max-width: 900px;
    margin: 0 auto;
}

<body>
<div id='calendar'></div>

</body>

现在这种情况一直很好，除非事件的名称比事件长，否则事件的名称将会消失。 IE如果活动只运行一天，标题是Millerton Lake的Camp，那么在日历上它将显示“Camp out at M”。在最长的时间里，我认为这是关于它的不可避免的事实，并且如果事件名称运行时间过长，请确保使用创意标题。但现在我们正在将我们的手工编码网站转移到wordpress模板，我发现有一个插件可以帮助解决这个问题。我使用https://wordpress.org/plugins/full-calendar-js/并将其连接到谷歌日历，以便快速轻松地进行编辑。然后我意识到在WP网站上它实际上是将事件上的文本包装到多行上。我再次查看了文档并在Stackoverflow上尝试了许多不同的谷歌搜索和搜索，但是无法在日历包装上找到与事件标题相关的任何内容作为设置。我错过了什么吗？我可以在旧的手工编码网站上添加一行代码来强制文本换行而不是隐藏吗？

使用fullcalendar隐藏事件文本而不是包装的麻烦

0 个答案: