Charger le fichier dans l’éditeur tinyMCE

J’ai un sélecteur de fichiers et je veux charger les fichiers HTML et XML choisis dans l’éditeur de texte tinyMCE.

J’ai le code ci-dessous et il ne fonctionne pas.

 tinymce.init({ selector: 'textarea', // change this value according to your HTML height: 400, browser_spellcheck: true, plugins: "code,table,textcolor,save,preview,searchreplace,advlist,textcolor,hr,fullscreen", toolbar: [ 'save | undo redo | styleselect | fontsizeselect | bold ssortingkethrough italic forecolor backcolor | link image | alignleft aligncenter alignright | numlist bullist | indent outdent | table | code | fullscreen' ], file_browser_callback: function(field_name, url, type, win) { win.document.getElementById(field_name).value = 'editor'; console.log(win.document.getElementById(field_name).value); }, save_onsavecallback: function () { var doc = tinymce.get('content').getDoc(); console.log('Content: ', doc); } });  

textarea ressemble à ceci:

  

Pour être précis, voici ce qui se passe. On me présente un sélecteur de fichier, mais lorsque je clique pour ouvrir le document, le fichier choisi n’est pas entré dans la zone de texte.

Images ci-dessous.

Image du sélecteur de fichier

Si je devais ouvrir un de ces fichiers, ils ne seraient pas en tinymce textarea …

Sur la base de votre dernière réponse à mes commentaires sur le cas, vous ne souhaitez pas utiliser la fonction de sélecteur de fichiers TinyMCE. Vous devez créer une interface utilisateur permettant de sélectionner un fichier, de le télécharger, puis de renvoyer la représentation HTML du fichier au navigateur afin que vous puissiez insérer ce code HTML dans l’éditeur via l’API setContent() .

J’utiliserais un bouton de barre d’outils personnalisé pour ouvrir une “boîte de dialog” qui est vraiment une page HTML séparée avec une interface utilisateur de sélection de fichier. Une fois le fichier sélectionné, vous pouvez le poster sur votre serveur. Le serveur peut ouvrir / traiter le fichier selon les besoins et renvoyer les résultats HTML à votre “dialog”. Le “dialog” peut ensuite utiliser l’ setContent() TinyMCE setContent() pour charger les données dans l’éditeur.

Un sélecteur de fichiers simple ne fera pas tout ce dont vous avez besoin.