tinymce 4: comment créer votre propre gestionnaire de fichiers?

Je suis en train de faire mon propre navigateur de fichier afin que je puisse sélectionner l'image à partir de mon fichier de gérer et d'envoyer tinymce du lien de l'image du champ, mais je ne peux pas trouver toute information complémentaire, n'importe où ailleurs sur la façon dont je peux y parvenir.

C'est le code pour ouvrir un nouveau popup sur le dessus de l'insert/edit image,

file_browser_callback: function(field_name, url, type, win) {

    //tinymce.activeEditor.windowManager.close();
    //console.log(field_name);

    tinymce.activeEditor.windowManager.open({
        title: 'Browse Image',
        file: "yourbrowser.php?field=" + field_name + "&url=" + url,
        width: 450,
        height: 305,
        resizable : "no",
        inline : "yes",
        close_previous : "no",
        buttons: [{
            text: 'Insert',
            classes: 'widget btn primary first abs-layout-item',
            disabled: true,
            onclick: 'close'
        }, {
            text: 'Close',
            onclick: 'close',
            window : win,
            input : field_name
        }]
    });

    return false;
},

C'est là que j'ai bloqué - comment puis-je sélectionner une image à partir de mon gestionnaire de fichier et de l'envoyer le lien de l'image à insérer/modifier une image popup?

Ci-dessous mon code entier jusqu'à présent,

$(document).ready(function(){
$('.button').click(function(){
//@reference: http://www.tinymce.com/wiki.php/api4:method.tinymce.remove#
if(tinyMCE.editors.length > 0) {
//Remove all editors bound to textareas
//tinymce.remove('textarea');
//Remove all editors
tinymce.remove();
}
$('.content').load('full.html', function() {
if(tinyMCE.editors.length == 0) {
tinymce.init({
//selector: "textarea",
mode : "textareas",
editor_selector : "mce-customised",
editor_deselector : "not-editor",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor"
],
toolbar1: "insertfile undo redo | styleselect | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "print preview media | forecolor backcolor emoticons",
image_advtab: true,
file_browser_callback: function(field_name, url, type, win) {
//tinymce.activeEditor.windowManager.close();
//console.log(field_name);
tinymce.activeEditor.windowManager.open({
title: 'Browse Image',
file: "yourbrowser.php?field=" + field_name + "&url=" + url,
width: 450,
height: 305,
resizable : "no",
inline : "yes",
close_previous : "no",
buttons: [{
text: 'Insert',
classes: 'widget btn primary first abs-layout-item',
disabled: true,
onclick: 'close'
}, {
text: 'Close',
onclick: 'close',
window : win,
input : field_name
}]
});
return false;
},
//Specifying an Absolute Image Path
document_base_url : "http://localhost/test/2013/js/tinymce/tinymce_4.0.2/",
relative_urls : false,
remove_script_host : false,
image_list: "image_list.php",
link_list: "link_list.php"
});
$('.button-submit').submit_form();
}
});
return false;
});
});

La site de test.

Ou, connaissez-vous une bonne fichier mananger plugin qui fonctionne avec tinymce?

OriginalL'auteur laukok | 2013-07-30