Audio là một dạng dữ liệu không thể thiếu đối với một số website chuyên về học tập trực tuyến. Bạn có thể phải thêm tính năng này cho nhiều mục đích khác nhau.
NukeViet sử dụng trình soạn thảo ckeditor, bài viết này cũng như việc chèn thêm plugin cho trình soạn thảo nổi tiếng này. Trong bài viết này mình hướng dẫn thêm plugin Simple HTML5 audio cho ckeditor. Xem thêm thông tin plugin tại http://ckeditor.com/addon/html5audioTrinh phát audio của html5
1. Điều kiện cài đặt
Plugin này sử dụng thẻ audio của HTML 5, vậy nên, trước khi tiền hành cài đặt, phải phải chắc chắn:
Loại file cho phép upload (Cấu hình upload) cho phép upload định dạng Audio
Thẻ audio nằm trong danh sách các thẻ được NukeViet cho phép lưu vào Cơ sỡ dữ liệu (Xem tại Cấu hình / Thiết lập an ninh / Mã HTML được chấp nhận sử dụng trong hệ thống (nếu chưa có thì thêm vào)
Giải nén và copy thư mục html5audio vào /assets/editors/ckeditor/plugins/
Mở /assets/editors/ckeditor/config.js. Tìm config.extraPlugins và thêm html5audio vào danh sách. Ví dụ sau khi thêm sẽ được config.extraPlugins = 'video,eqneditor,switchbar,tbvdownload,googledocs,html5audio';
Lưu lại tập tin. Cấu hình thành công
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 icon của plugin htmlaudio trên trình soạn thảoTiền hành chọn tập tin
17-08-2021 09:45
Hướng dẫn chèn audio vào nội dung bài viết
NukeViet sử dụng trình soạn thảo ckeditor, bài viết này cũng như việc chèn thêm plugin cho trình soạn thảo nổi tiếng này. Trong bài viết này mình hướng dẫn thêm plugin Simple HTML5 audio cho ckeditor. Xem thêm thông tin plugin tại http://ckeditor.com/addon/html5audio
1. Điều kiện cài đặt
Plugin này sử dụng thẻ audio của HTML 5, vậy nên, trước khi tiền hành cài đặt, phải phải chắc chắn:2. Tiến hành cài đặt
config.extraPlugins
và thêmhtml5audio
vào danh sách. Ví dụ sau khi thêm sẽ đượcconfig.extraPlugins = 'video,eqneditor,switchbar,tbvdownload,googledocs,html5audio';
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.
Xếp hạng thành viên
63 điểm - 15 bài viết
21 điểm - 6 bài viết
11 điểm - 0 bài viết
8 điểm - 2 bài viết
6 điểm - 3 bài viết
6 điểm - 1 bài viết
5 điểm - 3 bài viết
5 điểm - 2 bài viết
4 điểm - 1 bài viết
4 điểm - 1 bài viết
Cộng đồng mới nổi
8 Thành viên - 1 Bài viết
4 Thành viên - 0 Bài viết
6 Thành viên - 8 Bài viết
4 Thành viên - 0 Bài viết
6 Thành viên - 1 Bài viết
Cộng đồng cùng chuyên mục
4 Thành viên - Bài viết
5 Thành viên - Bài viết
6 Thành viên - Bài viết
5 Thành viên - Bài viết
4 Thành viên - Bài viết
4 Thành viên - Bài viết
6 Thành viên - Bài viết
4 Thành viên - Bài viết
4 Thành viên - Bài viết
4 Thành viên - Bài viết
Bài viết cùng cộng đồng