HTML in der Titelzeichenfolge des Fullcalendar-JQuery-Plugins
Lesezeit: 3 Minuten
Chichi
Ich finde das fullcalendar jquery-plugin eine wirklich tolle Lösung. Allerdings ist mir aufgefallen, dass das Plugin den Titel umgeht (htmlEscape). Aber ich muss einige Zeichenfolgen im Titel formatieren, z. B. fetten Text, Farben oder kleine Bilder.
Die Lösung mit einem anderen Plugin (z. B. qTip, wie in den Beispielen) funktioniert bei mir nicht richtig. Gibt es eine Möglichkeit, den Titeltext zu formatieren?
Das Hinzufügen mehrerer Posts derselben Frage wird Ihre Chancen, eine Antwort zu finden, nicht verbessern 🙂 stackoverflow.com/questions/3408723/…
– Jake1164
5. August 2010 um 13:29 Uhr
Nicht genau die gleichen Fragen. Es kann hilfreich sein, zwei Fragen zum selben Thema unterschiedlich stellen zu lassen. Sie können einfach in Beziehung gesetzt werden und erhöhen die Chancen für Suchende und Antwortende, einen von ihnen zu finden.
– Pierre de LESPINAY
13. September 2013 um 12:18 Uhr
Giancarlo Gomez
Ich habe dies stattdessen getan, da die anderen Ansichten dieselbe Klasse, aber keine Spannen verwenden, und ich den Titel des Ereignisses erzwungen habe, anstatt eine zusätzliche Anfrage für den Text zu stellen.
eventRender: function (event, element) {
element.find('.fc-event-title').html(event.title);
}
Füge ich dies der Kalenderinstanziierung oder als Eigenschaft des Ereignisses hinzu, das ich rendere?
– Kellen Stuart
16. Februar 2017 um 20:28 Uhr
Ich habe das so gemacht, überprüfen Sie den Link Link
eventRender: function (event, element) {
element.find('.fc-title').html(event.title);/*For Month,Day and Week Views*/
element.find('.fc-list-item-title').html(event.title);/*For List view*/
}
Am Ende habe ich so etwas getan, um einen Link neben die Zeit zu setzen. Etwas Ähnliches sollte für den Titel funktionieren:
events: [
<% @schedule.events.each do |event| %>
{
// Render your events here as needed
// I added a custom attribute called eventDeleteLink, to be used below
},
<% end %>
],
// Add this piece:
eventRender: function(event, element) {
element.find(".fc-event-time").append(" " + event.eventDeleteLink);
}
Dies verwendet also append () von jQuery, um nach der Zeit ein Leerzeichen nach einem Löschlink hinzuzufügen, und es funktioniert gut für grundlegende Dinge.
Wofür es nicht funktioniert hat (und wofür ich gerne eine Lösung sehen würde, falls jemand eine hat), ist das Einfügen von Code mit verschachtelten oder doppelten Anführungszeichen. Zum Beispiel konnte ich keinen onClick-Trigger hinzufügen, da (in meinem Fall) einfache Anführungszeichen in doppelten Anführungszeichen erforderlich waren. Ich konnte nicht herausfinden, wie ich ihnen entkommen konnte, und hatte (was ich glaube) keinen vollen Kalender, um ihnen erneut zu entkommen.
Wie auch immer, für einfachen Text hat das für mich funktioniert.
Sanil Shrestha
eventRender: function (event, element) {
element.find('.fc-title, .fc-list-item-title').html("<b>"+event.title+"</b>");
},
12470900cookie-checkHTML in der Titelzeichenfolge des Fullcalendar-JQuery-Pluginsyes
Das Hinzufügen mehrerer Posts derselben Frage wird Ihre Chancen, eine Antwort zu finden, nicht verbessern 🙂 stackoverflow.com/questions/3408723/…
– Jake1164
5. August 2010 um 13:29 Uhr
Nicht genau die gleichen Fragen. Es kann hilfreich sein, zwei Fragen zum selben Thema unterschiedlich stellen zu lassen. Sie können einfach in Beziehung gesetzt werden und erhöhen die Chancen für Suchende und Antwortende, einen von ihnen zu finden.
– Pierre de LESPINAY
13. September 2013 um 12:18 Uhr