Hướng dẫn cài đặt plugin font-awesome cho website

Thứ ba - 04/02/2020 20:54
Đây là plugin của ckeditor có chức năng chèn icon từ thư viện awesome vào nội dung bài viết trong NukeViet. Sử dụng thư viện này giúp bài viết của bạn trở nên sống động và khoa học hơn.
Hướng dẫn cài đặt plugin font-awesome cho website
Hướng dẫn cài đặt plugin font-awesome cho website
Truy cập http://ckeditor.com/addon/fontawesome và download tập tin plugin.

Mở file nén vừa download, xóa thư mục fontawesome/font-awesome đi (Vì thư viện này đã có ở giao diện default). Sau đó giải nén vào thư mục editors/ckeditor/plugins, lúc này sẽ tồn tại thư mục editors/ckeditor/plugins/fontawesome.

Mở editors/ckeditor/config.js
Tìm
config.codeSnippet_theme = 'github';
Thêm bên dưới
config.extraPlugins = 'fontawesome';
config.contentsCss = '/assets/css/font-awesome.css';
config.allowedContent = true;
Tìm
'bidi'
Thêm đằng sau
, 'FontAwesome'

 Mở ethemes/admin_default/system/footer.tpl
Tìm
for (var i in CKEDITOR.instances) {
Thêm bên trên
CKEDITOR.dtd.$removeEmpty['span'] = false;

Bây giờ, ở editor của bạn sẽ xuất hiện thêm icon của awsome. Click vào đây để chọn icon. 
Việc sử dụng mình không giới thiệu vì nó tương đối dễ.
 
plugin ckeditor awesome

 

Tác giả bài viết: Trần Minh Tuấn


Chú ý: Việc đăng lại bài viết trên ở website hoặc các phương tiện truyền thông khác mà không ghi rõ nguồn https://web360do.com là vi phạm bản quyền

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Xếp hạng: 0 - 0 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây