将字体真棒图标添加到完整的日历标题

我正在使用wordpress，强大的表单和完整的日历来创建一个定制的日历解决方案

我有一切工作，除了我想在日历中每个标题的前面添加一个字体真棒图标。

如果我在标题中添加任何html，如下面的代码，我只看到打印的代码，而不是最终的结果。

$('#calendar').fullCalendar({ events: [ { title : 'event1', start : '2010-01-01' }, { title : 'event2', start : '2010-01-05', end : '2010-01-07' }, { title : 'event3', start : '2010-01-09T12:30:00', allDay : false // will make the time show } ] }); 

你们有没有人能指出我正确的方向？ 🙂

问候

马特

Answer 1

您可以在eventRender函数中修改标题前置字体 – 真棒图标。

我添加了一个带有键图标的选项：如果定义了图标，则在eventRender函数中添加fontawesome图标。

检查此示例：

 $('#calendar').fullCalendar({ events: [ { title : 'event1', start : '2015-10-01', icon : "asterisk" // Add here your icon name }, { title : 'event2', start : '2015-10-05', end : '2015-10-07' }, { title : 'event3', start : '2015-10-09T12:30:00', allDay : false // will make the time show } ], eventRender: function(event, element) { if(event.icon){ element.find(".fc-title").prepend(""); } } }) 

Answer 2

如果要用图标替换文本，可以使用下面的代码

 eventRender: function(event, element) { element.find(".fc-title").html(function () { return $(this).html().replace("Rs", "")}); }