Hướng dẫn chèn slider hình ảnh vào giữa nội dung bài viết.
Đăng lúc: Thứ sáu - 11/05/2018 18:56
- Người đăng bài viết: Nguyễn Văn Hiếu
Làm thế nào để chèn một slider hình ảnh vào giữa nội dụng bài viết? Mình nhớ đây là một câu hỏi của thành viên trên cộng đồng nukeviet.
NukeViet sử dụng trình soạn thảo ckeditor, Để có thể chèn một slider hình ảnh ở vị trí bất kỳ vào giữa nội dung bài viết.
1. Một số lưu ý
Bạn phải kiểm tra lại version của plugin có tương thích và được hỗ trợ với CKEditor hay không. Cụ thể ở đây mình áp dụng cho bản CKEditor đã được tích hợp sẵn nukeviet 4.0.29.
Chương trình này tích hợp sẵn 2 thư viện java là "adgallery" tại http://adgallery.codeplex.com, và với "Fancybox" tại : http: // fancybox.net/
Có thể plugin này sẽ không hoạt động tốt trên IE9 trở xuống
Giải nén và copy thư mục slideshow vào /assets/editors/ckeditor/plugins/
Mở /assets/editors/ckeditor/config.js. Tìm config.extraPlugins và thêm slideshow nối thêm vào danh sách. Ví dụ sau khi thêm sẽ được config.extraPlugins = 'video,eqneditor,switchbar,tbvdownload,googledocs, slideshow ';
Lưu lại tập tin. Cấu hình thành công
Đăng nhập quản trị admin trong website nukeviet. Xóa cache trở lại với trình soạn thảo, bạn đã thấy icon của plugin. Việc upload file thực hiện tương tự như những module khác.
Xuất hiện thêm icon của plugin slideshow trên trình soạn thảo
Giao diện chèn thêm slider cho bài viết
Các bạn có thể xem thêm video bên trên để xem cách xem như thế nào.
3. Bước cuối ngoài site
Bổ sung đoạn code sau vào cuối file theme/them-cua-ban/modules/news/detail.tpl ( cho module tin tức) hoặc nhúng nơi nào bạn muốn hiển thị slider đó sau khi chèn.
Ý kiến bạn đọc