HTML trong chuỗi tiêu đề của plugin fullcalendar jquery

Question

Tôi nghĩ plugin full-jquery đầy đủ là một giải pháp thực sự tuyệt vời. Tuy nhiên, tôi nhận thấy plugin thoát (htmlEscape) tiêu đề. Nhưng tôi cần phải định dạng một số chuỗi trong tiêu đề, ví dụ như văn bản in đậm, màu sắc hoặc hình ảnh nhỏ.

Giải pháp với một plugin khác (ví dụ qTip, như trong các ví dụ) sẽ không hoạt động đúng cách cho tôi. Có anyway để định dạng văn bản tiêu đề?

Answer 1

Tôi đã kết thúc thực hiện một việc như thế này để đặt liên kết bên cạnh thời gian. Một cái gì đó tương tự nên làm việc cho tiêu đề:

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

Vì vậy, điều này sử dụng jQuery append() để thêm một không gian bất kỳ liên kết xóa sau thời gian và nó hoạt động tốt cho các công cụ cơ bản.

Những gì nó không hoạt động (và những gì tôi muốn thấy một giải pháp cho, nếu có ai) bao gồm mã với dấu ngoặc kép hoặc dấu ngoặc kép. Ví dụ: tôi không thể thêm trình kích hoạt onClick vì nhu cầu (trong trường hợp của tôi) cho các dấu nháy đơn trong dấu ngoặc kép. Tôi không thể tìm ra cách để trốn thoát họ và không có (những gì tôi tin là) fullCalendar tái thoát chúng.

Dù sao, đối với văn bản cơ bản, điều này làm việc cho tôi.

Answer 2

Để dễ dàng có tất cả html trong tiêu đề sự kiện cho thấy tôi đã sử dụng điều này, làm cho nó rất dễ dàng.

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

nào được tìm thấy ở đây http://code.google.com/p/fullcalendar/issues/detail?id=152

Answer 3

Tôi đã làm điều này thay vì như các quan điểm khác sử dụng cùng lớp nhưng không nhịp và tôi buộc trong tiêu đề từ sự kiện này chứ không phải là làm cho một yêu cầu bổ sung cho văn bản.

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

---

Trong v2, bạn có thể sử dụng:

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

Các span class là fc-title như trái ngược với fc-event-title.

Tín dụng cho j00lz để nhận xét xác nhận thay đổi.

Answer 4

Bởi vì lớp CSS đã thay đổi, đây là câu trả lời đúng:

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