[Ckeditor] Hướng dẫn cài đặt plugin font-awesome trong NukeViet

Thứ năm - 09/07/2015 01:00
Đâ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 ckeditor NukeViet

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ừ khóa: awesome, ckeditor, ckeditor plugin

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

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

  Ý kiến bạn đọc

Trung tâm ứng dụng NukeViet
Ghi rõ nguồn khi sao chép thông tin từ website này.

Powered by NukeViet - a product of VINADES.,JSC