HTML in der Titelzeichenfolge des Fullcalendar-JQuery-Plugins

Lesezeit: 3 Minuten

Benutzer-Avatar
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

Benutzer-Avatar
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);
}

In v2 können Sie Folgendes verwenden:

element.find('span.fc-title').html(element.find('span.fc-title').text());

Die Span-Klasse ist fc-title im Gegensatz zu fc-event-title.

Gutschrift an j00lz für den Kommentar, der die Änderung bestätigt.

Da sich die CSS-Klasse geändert hat, ist dies die richtige Antwort:

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

  • Danke, dass du es geteilt hast. Es funktioniert auch in Version 3.

    – Umar Niazi

    20. August 2019 um 5:30 Uhr

Um einfach alle HTML-Elemente in Ereignistiteln anzuzeigen, habe ich dies verwendet, was es sehr einfach macht.

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

Was hier gefunden wurde http://code.google.com/p/fullcalendar/issues/detail?id=152

  • 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.

Benutzer-Avatar
Sanil Shrestha

        eventRender: function (event, element) {
            element.find('.fc-title, .fc-list-item-title').html("<b>"+event.title+"</b>");
        },

1247090cookie-checkHTML in der Titelzeichenfolge des Fullcalendar-JQuery-Plugins

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy