HTML в строке заголовка полнофункционального jquery-плагина

Question

Я думаю, что jcery-плагин fullcalendar - это действительно отличное решение. Тем не менее, я заметил, что плагин экранирует (htmlEscape) заголовок. Но мне нужно отформатировать некоторые строки в заголовке, например, полужирный текст, цвета или маленькие изображения.

Решение с другим плагином (например, qTip, как в примерах) не будет работать для меня правильным образом. Есть ли способ форматирования текста заголовка?

Answer 1

Я сделал это вместо этого, поскольку другие представления используют тот же класс, но не промежутки, и я принудительно включил заголовок из события, а не сделал дополнительный запрос для текста.

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

---

Inv2, вы можете использовать:

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

Класс span равен fc-title вместо fc-event-title.

Кредит j00lz для комментария, подтверждающего изменение.

Answer 2

Поскольку класс CSS изменился, это правильный ответ:

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

Answer 3

Чтобы все 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

Answer 4

Я так и сделал, проверь ссылку Ссылка

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*/
}

Answer 5

Я закончил тем, что делал что-то вроде этого, чтобы поместить ссылку рядом со временем.Нечто подобное должно работать для заголовка:

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

Так что это использует append () jQuery, чтобы добавить пробел через любую ссылку для удаления после времени, и это отлично работает для базовых вещей.это не сработало (и я бы хотел, чтобы решение, если у кого-то было такое решение), включало в себя код с вложенными или двойными кавычками.Например, мне не удалось добавить триггер onClick из-за необходимости (в моем случае) одинарных кавычек в двойных кавычках.Я не мог понять, как избежать их и не иметь (как я полагаю) fullCalendar повторно экранировать их.

В любом случае, для основного текста, это сработало для меня.

Answer 6

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