TinyMCE 4 avec elFinder

C'est que quelqu'un a déjà essayé d'intégrer elFinder dans de nouvelles (4b1) version de TinyMCE?
Il ressemble à précédente la mise en œuvre ne fonctionne pas.
Veuillez poster quelques extraits, merci beaucoup.

InformationsquelleAutor dikirill | 2013-04-15
  1. 7

    Ok. J'ai trouvé la solution:

    1. Créer un dossier dans un plugin nommé elfinder.
    2. Télécharger la dernière elFinder et les mettre dans le dossier plugins/elfinder.
    3. Ajouter le plugin "elfinder' la liste des plugins (tinymce.init).
    4. Renommer js/elfinder.min.js pour js/plugin.min.js
    5. De créer le fichier plugin.min.js dans le dossier racine du plugin (elfinder/plugin.min.js)
    6. Insérer le texte suivant à l'intérieur et à enregistrer:

    tinymce.PluginManager.add("elfinder", function (éditeur, url) {

    de l'éditeur.les paramètres.file_browser_callback = function (id, valeur, type,
    win) {

      $('<div />').dialogelfinder({
     url: url + '/php/connector.php',
     commandsOptions: {
        getfile: {
           oncomplete: 'destroy'
        }
     },
     getFileCallback: function (url)
     {
        var fieldElm = win.document.getElementById(id);
        fieldElm.value = editor.convertURL(url, null, true);
        if ("fireEvent"in fieldElm) {
           fieldElm.fireEvent("onchange")
        } else {
           var evt = document.createEvent("HTMLEvents");
           evt.initEvent("change", false, true);
           fieldElm.dispatchEvent(evt)
        }
     }
  });

    };
    }, ["elfinder/js"]);

    • Merci pour le ci-dessus, mais il ne fonctionne pas pour moi.
    • Vous avez tout fait comme je l'ai dit?
    • cela peut-il être utilisé sur des rails 2? J'obtiens une erreur Cannot call method 'dialogelfinder' of null navigateur de la console
    • Perfecttttt. très bien fait copain qui est génial 🙂
    InformationsquelleAutor dikirill
  2. 5

    J'ai mis à jour le Wiki, devrait maintenant fonctionner en suivant les étapes: https://github.com/Studio-42/elFinder/wiki/Integration-with-TinyMCE-4.x

    Principaux changements sont les TinyMCE ne pas utiliser le InlinePopup plugin de plus, le rappel est changé et au lieu de file_browser_callback : 'elFinderBrowser' vous devez supprimer les guillemets:

    Dans la TinyMCE init:
    file_browser_callback : elFinderBrowser

    Ajouter le elFinderBrowser de rappel à votre javascript:

    function elFinderBrowser (field_name, url, type, win) {
  tinymce.activeEditor.windowManager.open({
    file: '/elfinder/elfinder.html',//use an absolute path!
    title: 'elFinder 2.0',
    width: 900,  
    height: 450,
    resizable: 'yes'
  }, {
    setUrl: function (url) {
      win.document.getElementById(field_name).value = url;
    }
  });
  return false;
}

    Et enfin modifier/copier elfinder.html le fichier à utiliser la fonction de rappel:

    <!-- Include jQuery, jQuery UI, elFinder (REQUIRED) -->

<script type="text/javascript">
  var FileBrowserDialogue = {
    init: function() {
      //Here goes your code for setting your custom things onLoad.
    },
    mySubmit: function (URL) {
      //pass selected file path to TinyMCE
      top.tinymce.activeEditor.windowManager.getParams().setUrl(URL);

      //close popup window
      top.tinymce.activeEditor.windowManager.close();
    }
  }

  $().ready(function() {
    var elf = $('#elfinder').elfinder({
      //set your elFinder options here
      url: 'php/connector.php',  //connector URL
      getFileCallback: function(file) { //editor callback
        FileBrowserDialogue.mySubmit(file.url); //pass selected file path to TinyMCE 
      }
    }).elfinder('instance');      
  });
</script>
    • Le lien vers la documentation au début du post a le bon code. Au moins le code à partir de là a fonctionné pour moi!
    • quelqu'un aurait-il une idée de ce que la fonction init est-ce?
    InformationsquelleAutor Barryvdh