web-dev-qa-db-ja.com

fullcalendar jqueryプラグインのタイトル文字列のHTML

フルカレンダーのjquery-pluginは本当に素晴らしいソリューションだと思います。ただし、プラグインがタイトルをエスケープする（htmlEscape）ことに気付きました。ただし、太字のテキスト、色、小さな画像など、タイトルの一部の文字列をフォーマットする必要があります。

別のプラグイン（例のようにqTipなど）を使用したソリューションは、私にとって適切に機能しません。タイトルテキストをフォーマットする方法はありますか？

jqueryfullcalendar
41
Chichi

他のビューは同じクラスを使用し、スパンは使用しないため、代わりにこれを行いました。テキストに対して追加のリクエストを行うのではなく、イベントからのタイトルを強制しました。

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

V2では、次のものを使用できます。

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

スパンクラスはfc-title とは対照的に fc-event-title。

変更を確認するコメントが j00lz にクレジットされます。

56
Giancarlo Gomez

CSSクラスが変更されたため、これが正解です。

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

イベントタイトルのすべてのhtmlを簡単に表示するには、これを使用すると、非常に簡単になります。

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

ここで見つかりました http://code.google.com/p/fullcalendar/issues/detail?id=152

14
jhanifen

私はこのようにしました、リンクをチェックしてください 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*/
}
3
Ashi

私はこのようなことをして、時間の隣にリンクを張ることになりました。タイトルにも同様のものが機能するはずです。

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

したがって、これはjQueryのappend（）を使用して、削除リンクの後にスペースを追加し、基本的なものでは問題なく機能します。

それがうまくいかなかったのは（そして、誰かが解決策を持っているなら、私が解決策を見たいのですが）、ネストされた引用符または二重引用符を含むコードを含めることです。たとえば、二重引用符内に一重引用符が必要なため（私の場合）、onClickトリガーを追加できませんでした。私はそれらをエスケープする方法を理解することができず、fullCalendarがそれらを再エスケープすることができませんでした。

とにかく、基本的なテキストの場合、これは私にとってはうまくいきました。

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