HTML в строке заголовка плагина fullcalendar jquery

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

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

Ответы

Ответ 1

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

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

Класс span fc-title в отличие от fc-event-title.

Подтвердите j00lz комментарий, подтверждающий изменение.

Ответ 2

Чтобы легко найти все 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

Ответ 3

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

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

Ответ 4

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

    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, повторно скрывая их.

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