Thêm plugin font-awesome cho ckeditor NukeViet

Đâ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.
Thêm 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ễ.

(Nguồn: mynukeviet.net)

Post a Comment

0 Comments