Aggiungi carattere icona impressionante a pieno titolo del calendario

Question

sto usando wordpress, forme formidabili e calendario completo per creare una soluzione su misura calendario

Ho tutto tranne che per lavorare vorrei aggiungere un'icona impressionante carattere alla davanti a ciascun titolo nel calendario.

Se aggiungo qualsiasi codice HTML nel titolo come il mio codice qui sotto, vedo solo il codice stampato e non i risultati finali.

$('#calendar').fullCalendar({ 
 
    events: [ 
 
     { 
 
      title : '<i class="fa fa-asterisk"></i>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 
 
     } 
 
    ] 
 
});

Potrebbe qualcuno di voi mi punto nella giusta direzione ?? :-)

saluti

Matt

Answer 1

È possibile modificare il titolo anteponendo icona font-impressionante all'interno della funzione eventRender.

Ho aggiunto un'opzione con l'icona della chiave: se l'icona è definita, si aggiunge l'icona fontawesome nella funzione eventRender.

Controllare questo esempio:

$('#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("<i class='fa fa-"+event.icon+"'></i>"); 
    } 
    }   
}) 

Answer 2

se si desidera sostituire un testo con l'icona, è possibile utilizzare il codice qui sotto

eventRender: function(event, element) { 
    element.find(".fc-title").html(function() { return $(this).html().replace("Rs", "<i class='fa fa-inr'></i>")}); 
}