eo_fullcalendar shortcode: html-tags in event-titles

[Martin Schuff]

Hello!
We use html-tags in some of our events’ titles to style or highlight some words.
That works fine for everything but the eo_fullcalendar shortcode. The titles are rendered with the html markup, like “Event name with markup”.

I think it might have to do something with the fact, that the events are loaded via ajax-calls. Is there any way to fix this?

Thanks for your help and best regards,
Matthias

[Stephen Harris]

Hi Matthias,

The calendar escapes any HTML before adding it to the calendar. This won’t change in core, but you could use the following snippet of javascript to ensure the event title is added as HTML rather than text:

wp.hooks.addFilter( 'eventorganiser.fullcalendar_render_event', function( render, event, element, view ){
    jQuery(element).find('.fc-title').html(event.title);
    return render;
});

You just need to ensure this script is loaded when the calendar is loaded.

[Martin Schuff]

Hi Stephen!
Thanks for the prompt reply.
It works great, I just had to adjust the selector from .fc-title to .fc-event-title.
Nice to see how flexible event organiser is. Great work!

Best regards,
Matthias

[Stephen Harris]

Just a heads up buy in 3.0.0 that will change. 🙂

[Author]

Posts