HTML in title string of fullcalendar jquery plugin

jquery fullcalendar
Chichi picture Chichi · Aug 4, 2010 · Viewed 35.1k times · Source

I think the fullcalendar jquery-plugin is a really great solution. However, I noticed the plugin escapes (htmlEscape) the title. But I need to format some strings in the title, for example bold text, colors, or small images.

The solution with another plugin (for example qTip, like in the examples) will not work the right way for me. Is there anyway to format the title text?

Answer

Giancarlo Gomez picture Giancarlo Gomez · Feb 18, 2013

I did this instead as the other views use the same class but not spans and I forced in the title from the event rather than making an additional request for the text.

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

In v2, you may use:

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

The span class is fc-title as opposed to fc-event-title.

Credit to j00lz for the comment confirming the change .

Related questions

How to set full calendar to a specific start date when it's initialized for the 1st time?

I would like to set the initial month to an arbitrary month when I call the function to display the calendar. Say for example the user selects a date last june (June 2011) somewhere else and I want fullcalendar to show …

Read More
How to call events on clicking prev and next button?

In jQuery fullcalendar we have previous and next buttons. How can we call some events on click of these buttons?

Read More
rerendering events in fullCalendar after Ajax database update

I am trying to have fullCalendar reflect changes made to a database via AJAX. The problem is that it won't update the calendar on screen after a successful AJAX call. $.ajax({ type: "POST", url: "eventEditXHR.php", data: { //the data }, success: …

Read More