Easy way to get HTML into an event title

Hi there, I’m using fullcalendar (nice work~) and find what it seem to be a missing function. When you put html in the event title, it’ll always be html-escaped, I understand it’s the best default way, as some title may contain some html char and user input that should be bulletproof .

But why you don’t have put an (bool) textEscape {default : TRUE} option in Event Source Object ? (and in Event Object to as it’s the same)

I’m a big boy, I’m able to deal with htmlEscape by myself and I think I’m not the only one here… (i’ve found many issue about html in title on google) But having to use an ugly hook with eventRender just to put a span for a glyphicons seem to be a bit overkill for me…

Tanks, Blag

TL;DR :

• adding option (bool) textEscape {default : TRUE} on Event Source Object and Event Object
• dealing with this kind of data :

{
    "events": [
        {
            "title": "<b>Event in bold</b> 1",
            "start": "2011-04-04"
        },
        {
            "title": "<span class=""glyphicons""></span> Event with glyphicons",
            "start": "2011-05-05"
        }
        // etc...
    ],
    "textEscape": false,   // new option to disable the auto escape
    "color": "yellow",   // an option!
    "textColor": "black" // an option!
}

or

{
    "events": [
        {
        "title": ">> Event  escaped",
        "start": "2011-04-04"
        },
        {
            "title": "<span class=""glyphicons""></span> Event with HTML !",
            "start": "2011-05-05",
            "textEscape": false   // new option to disable the auto escape
        }
        // etc...
        ],
    "color": "yellow",   // an option!
    "textColor": "black" // an option!
}

[tyrann0us]

If you already got HTML in the title you could do something like this:

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

[danhnguyeen]

eventRender: function( event, element, view ) {
       element.find('.fc-title').prepend('<span class="glyphicon"></span> '); 
}