Estoy usando mi propio selector de archivos personalizado con la nueva función file_picker_callback de TinyMCE 4. La documentación sobre esto no es excelente, así que el crédito es para Fred por llevarme tan lejos.https://stackoverflow.com/a/24571800/2460995

El selector de archivos personalizado funciona y, cuando hace clic en una imagen, completa la "Fuente" y también las "Dimensiones". Me pregunto si hay alguna manera de completar automáticamente el campo "Descripción de la imagen" también.

La información de las imágenes se genera a partir de una tabla de base de datos, por lo que ya tengo una descripción y sería bueno completarla automáticamente para el usuario. Después de intentar varias formas de devolver los datos, me cuesta entender cómo se puede hacer.

Código para TinyMCE:

tinymce.init({
    ...
    file_picker_callback: function(callback, value, meta) {
        myImagePicker(callback, value, meta);
    }
});

function myImagePicker(callback, value, meta) {
    tinymce.activeEditor.windowManager.open({
        title: 'Image Browser',
        url: '/media/browser/1?type=' + meta.filetype,
        width: 800,
        height: 550,
    }, {
        oninsert: function (url) {
            callback(url);
        }
    });
};

Código para el selector de archivos personalizado:

$(function(){
    $('.img').on('click', function(event){
        mySubmit('/upload/' + $(this).data('filename'));
    });
});

function mySubmit(url) {
    top.tinymce.activeEditor.windowManager.getParams().oninsert(url);
    top.tinymce.activeEditor.windowManager.close();
}

Mi conocimiento de JavaScript aún no es el mejor, ya que soy bastante nuevo en él, por lo que si pudiera ilustrar cualquier respuesta con ejemplos y / o lógica clara, sería muy útil y muy apreciado.