แก้ไขแอตทริบิวต์สไตล์ภาพ

ฉันกำลังพยายามพัฒนาปลั๊กอิน CKEDITOR เพื่อเพิ่มช่องว่างภายใน/ระยะขอบให้กับรูปภาพ

หลังจากดูในเอกสารฉันได้เขียนรหัสนี้:

สไตล์ const = ใหม่ CKEDITOR.style( { องค์ประกอบ: 'img', คุณลักษณะ: { 'สไตล์': 'margin:100px' } } );
editor.applyStyle(สไตล์);

แต่มันใช้งานไม่ได้ดังนั้นฉันจึงลอง:

สไตล์ const = ใหม่ CKEDITOR.style( { องค์ประกอบ: 'รูปภาพ' แอตทริบิวต์: { 'สไตล์': 'margin:100px' } } );
editor.applyStyle(สไตล์);

และยังไม่ได้ผล ฉันอ่านเจอว่าใน drupal 9 รูปภาพเป็นวิดเจ็ต ไม่ใช่องค์ประกอบ ดังนั้นฉันจึงลอง:

const style = new CKEDITOR.style( { type:'widget', widget: 'image' , attributes: { 'style': 'margin:100px' } } );
editor.applyStyle(สไตล์);

และยังไม่ได้ผล ดังนั้นฉันจึงลอง:

const style = new CKEDITOR.style( { องค์ประกอบ: 'p', คุณลักษณะ: { 'style': 'margin:100px' } } );
editor.applyStyle(สไตล์);

และมันใช้งานได้ แต่มันถูกเพิ่มลงใน 'p' ที่ล้อมรอบ img ดังนั้นฉันจึงรู้ว่ารหัสนั้นถูกต้อง แต่ฉันไม่สามารถเพิ่มลงใน img ได้ ...

การพยายามสร้างปลั๊กอิน CKEditor นั้นไม่ง่ายอย่างที่คิดฉันขอแนะนำให้ตรวจสอบโมดูลที่น่าทึ่ง เทมเพลต CKEditor (สรุปคุณจะต้องขยายคลาส CKEditorPluginBase)