Làm cách nào để định cấu hình hộp thoại Thuộc tính hình ảnh trong CKEditor?

Question

Hộp thoại Thuộc tính hình ảnh hiện tại của tôi chỉ có các tab Image Info và Link. Tôi muốn thay đổi hộp thoại này để:

1. tôi muốn loại bỏ các Width, Height, các yếu tố biên giới, hspace, vspace, Alignment và Preview từ Image Info màn hình
2. tôi muốn loại bỏ các Link tab
3. tôi muốn bật Upload tab để người dùng có thể chọn một tập tin hình ảnh mà cư trú trên máy tính địa phương của họ

tôi đã làm rất nhiều tìm kiếm nhưng không thể hiểu làm thế nào để làm các việc trên ở tất cả . Bất kỳ con trỏ xin vui lòng? Tôi đang sử dụng tiêu chuẩn CKEditor 4.4.6.

Answer 1

Được rồi, đây là đoạn code về cách xử lý các ảnh thoại:

CKEDITOR.on('dialogDefinition', function(ev) { 
    var editor = ev.editor; 
    var dialogName = ev.data.name; 
    var dialogDefinition = ev.data.definition; 

    if (dialogName == 'image') { 
     var infoTab = dialogDefinition.getContents('info'); 
     infoTab.remove('txtBorder'); //Remove Element Border From Tab Info 
     infoTab.remove('txtHSpace'); //Remove Element Horizontal Space From Tab Info 
     infoTab.remove('txtVSpace'); //Remove Element Vertical Space From Tab Info 
     infoTab.remove('txtWidth'); //Remove Element Width From Tab Info 
     infoTab.remove('txtHeight'); //Remove Element Height From Tab Info 

     //Remove tab Link 
     dialogDefinition.removeContents('Link'); 
    } 
}); 

Đối với điểm 3, ckeditor mặc định không chứa Duyệt qua Hình ảnh Cơ sở ... Và điều này có nghĩa là việc tải lên và nút duyệt sẽ không xuất hiện ...

Có 3 tùy chọn ở đây và bạn có thể xem nhận xét của tôi trên trang này: link về cách bạn có thể thực hiện việc này.

Answer 2

Các tài liệu sau đây có thể hữu ích:

• Phần Dialog Windows HOWTO trong tài liệu phát triển ckeditor.
• Mẫu Using CKEditor Dialog API (mẫu này cũng có sẵn trong gói CKEditor tại địa phương của bạn) - hãy kiểm tra mã nguồn của nó để biết các thay đổi được thực hiện như thế nào.
• Plugin Developer Tools hiển thị cho bạn tên và ID của tất cả các thành phần cửa sổ hộp thoại CKEditor.