fullcalendar jquery插件的标题string中的HTML
我认为fullcalendar jquery插件是一个非常好的解决scheme。 不过,我注意到插件转义(htmlEscape)的标题。 但我需要在标题中格式化一些string,例如粗体文本,颜色或小图片。
另一个插件的解决scheme(例如qTip,就像例子中的那样)对于我来说是行不通的。 是否有格式的标题文本?
我做了这个,因为其他视图使用相同的类,但没有跨越,我强迫从事件的标题,而不是额外的请求文本。
eventRender: function (event, element) { element.find('.fc-event-title').html(event.title); }
在第2版中,您可以使用:
element.find('span.fc-title').html(element.find('span.fc-title').text());
span类是fc-title
,而不是fc-event-title
。
感谢j00lz的评论,证实了这一变化。
为了方便地在事件标题中显示所有的HTML,我使用了这个,使其变得非常简单。
eventRender: function (event, element) { element.find('span.fc-event-title').html(element.find('span.fc-event-title').text()); }
在这里find了http://code.google.com/p/fullcalendar/issues/detail?id=152
因为CSS类已经改变了,所以这是正确的答案:
eventRender: function (event, element) { element.find('.fc-title').html(event.title); }
我最终做了这样的事情,把时间放在一个链接。 类似的东西应该为标题工作:
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()来添加一个空间,任何删除链接后的时间,它适用于基本的东西。
它不适用于(以及我希望看到的解决scheme,如果有人的解决scheme)是包含嵌套引号或双引号的代码。 例如,我无法添加一个onClick触发器,因为需要(在我的情况下)双引号内的单引号。 我不知道如何逃避他们,没有(我相信是)fullCalendar重新逃脱他们。
无论如何,对于基本的文字,这为我工作。