fullcalendar jquery插件的标题字符串中的HTML

Question

我认为fullcalendar jquery-plugin是一个非常好的解决方案.但是,我注意到插件转义(htmlEscape)标题.但是我需要在标题中格式化一些字符串,例如粗体文本,颜色或小图像.

使用另一个插件的解决方案(例如qTip,如示例中所示)对我来说无法正常工作.无论如何要格式化标题文本？

Answer 1

我做了这个,因为其他视图使用相同的类但没有跨度,我强迫事件的标题,而不是对文本进行额外的请求.

eventRender: function (event, element) {
    element.find('.fc-event-title').html(event.title);
}

在v2中,您可以使用:

element.find('span.fc-title').html(element.find('span.fc-title').text());

span类是fc-title相反的fc-event-title.

感谢j00lz的评论确认更改.

Answer 2

因为CSS类已经改变,这是正确的答案:

eventRender: function (event, element) {
    element.find('.fc-title').html(event.title);
}

Answer 3

为了轻松地在事件标题中显示所有html,我使用了它,这非常容易.

eventRender: function (event, element) {
    element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());           
}

这里有http://code.google.com/p/fullcalendar/issues/detail?id=152

Answer 4

我最终做了类似的事情，在时间旁边放置了一个链接。类似的内容应该适用于标题：

    events: [
      <% @schedule.events.each do |event| %>
      {
        // Render your events here as needed
        // I added a custom attribute called eventDeleteLink, to be used below
      },
      <% end %>
    ],
    // Add this piece:
    eventRender: function(event, element) {
      element.find(".fc-event-time").append(" " + event.eventDeleteLink);
    }

因此，这使用 jQuery 的append() 在时间之后的任何删除链接上添加一个空格，对于基本的东西来说它工作得很好。

它不起作用的地方（以及我希望看到解决方案，如果有人有的话）是包含带有嵌套引号或双引号的代码。例如，我无法添加 onClick 触发器，因为（在我的例子中）需要在双引号内添加单引号。我不知道如何逃脱它们，并且不让（我相信的是）完整的日历重新逃脱它们。

无论如何，对于基本文本，这对我有用。