CKEditor - перетащить изображение в субтитры

Question

Я использую функцию перетаскивания из CKEditor 4.5, и это действительно здорово, но когда изображение успешно загружено, оно не появляется, как я бы хотел. Я хотел бы, чтобы изображение отображалось как изображение с субтитрами из расширенного графического плагина, без двойного щелчка по изображению и выбора субтитров.

Я видел этот ответ CKEditor 4.5 drag and drop image upload - how to return new dimensions in json response?, но я хотел бы знать, можем ли мы точно определить виджет в ответе JSon, чтобы изображение было отформатировано так, как мы хотим.

Или, как и в ответе, приведенном выше, следует ли перезаписывать onUploaded в соответствии с форматом субтитров?

Answer 1

Да, вы можете переписать onUploaded так:

editor.on('instanceReady', function() { 
    editor.widgets.registered.uploadimage.onUploaded = function(upload) { 
     this.replaceWith('<figure class="image">' + 
      '<img src="' + upload.url + '" ' + 
      'width="' + this.parts.img.$.naturalWidth + '" ' + 
      'height="' + this.parts.img.$.naturalHeight + '">' + 
      '<figcaption>Your caption</figcaption>' + 
      '</figure>'); 
    }; 
}); 

onUploaded с replaceWith ничего больше, то HTML строку, которая должна быть наклеена, когда загрузка будет сделано. Поскольку существует слишком много способов охватить все из них параметрами конфигурации, лучший способ - заменить эту строку в соответствии с вашими потребностями.

Если вы хотите иметь подпись во время загрузки, вы также можете перезаписать метод fileToElement.