Issue 152: HTML in event title
Status:  Done
Owner: ----
Closed:  Oct 2009
Reported by hsiaoi...@gmail.com, Oct 28, 2009
What steps will reproduce the problem?
1. Enter an event with html text in the title.  For example:
events: [
	   {
		id: 1,
		title: "Long Event<strong>This Should be Bolded</strong>",
		start: new Date(y, m, 6, 14, 0),
		end: new Date(y, m, 11),
		allDay: false
				}]
2. display the page (for example, using the basic.html)

What is the expected output? What do you see instead?
The "This Should be Bolded" should be BOLDED.

What version of the product are you using? On what operating system?
Version : 1.4
Windows XP
IE 7

Please provide any additional information below.

Oct 31, 2009
Project Member #1 adamrs...@gmail.com
FullCalendar doesn't allow HTML in an event's title in order to prevent cases where the  
the title unknowingly has a '<' in it, breaking things

if you need something beyond text in an event's title, look towards the eventRender 
trigger (http://arshaw.com/fullcalendar/docs/triggered-actions.php#triggered-actions)
Status: Done
Nov 3, 2009
#2 hsiaoi...@gmail.com
Can you provide a simple example? For example, have the title bolded?

I'm new to jQuery, any help would be great.

Thank you so much,
Dec 2, 2009
#3 bibendus...@gmail.com
Try

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

it works for me!
Jan 30, 2010
#4 mhask...@gmail.com
I needed to do something similar in my application and ended up modifying the
renderSegs method to allow for html input. I am using Ver. 1.4.1 and have tested
adding an event with a "<" in it and it seems to work fine. I should note that I have
captured and replaced all special characters with their html encoding before output.
Apr 26, 2011
#5 c2bi...@gmail.com
bump:

the eventRender solution combined with "escaping" html chars ended up working perfectly!

Try

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

it works for me!
Sep 2, 2013
#6 kneid...@gmail.com
this worked for me: 

element.find('.fc-event-title').html(event.title);