thay đổi thuộc tính phong cách hình ảnh

tôi đang cố gắng phát triển plugin CKEDITOR để thêm phần đệm/lề cho hình ảnh,

sau khi xem tài liệu tôi đã viết mã này:

const style = new CKEDITOR.style( { phần tử: 'img', thuộc tính: { 'style': 'margin:100px' } } );
editor.applyStyle(phong cách);

nhưng nó không hoạt động nên tôi đã thử:

const style = new CKEDITOR.style( { phần tử: 'hình ảnh', thuộc tính: { 'style': 'margin:100px' } } );
editor.applyStyle(phong cách);

và vẫn không hoạt động, tôi đã đọc được điều đó trên drupal 9, hình ảnh là một tiện ích con chứ không phải một phần tử nên tôi đã thử:

const style = new CKEDITOR.style( { type:'widget', widget: 'image' , attribute: { 'style': 'margin:100px' } } );
editor.applyStyle(phong cách);

và vẫn không hoạt động, vì vậy tôi đã thử:

const style = new CKEDITOR.style( { phần tử: 'p', thuộc tính: { 'style': 'margin:100px' } } );
editor.applyStyle(phong cách);

và nó đã hoạt động nhưng nó đã được thêm vào 'p' bao quanh img vì vậy tôi biết rằng mã này là chính xác nhưng dường như tôi không thể thêm nó vào img...

Cố gắng tạo một plugin CKEditor không dễ dàng như vẻ ngoài của nó.Tôi khuyên bạn nên kiểm tra mô-đun tuyệt vời Mẫu CKEditor (tóm lại, bạn sẽ cần mở rộng lớp CKEditorPluginBase).