Discussion :

[laurentSc]

On est quand même bien loin d'un problème de JavaScript maintenant

Si tu passes par un router il te faut définir dans celui-ci une règle de routage pour ton fichier de traitement, au même titre que tout tes autres appels, qui dirigera vers le contrôleur qui va bien pour cette action

D'accord avec toi mais la difficulté, c'est que cette règle sera en PHP et que tinymce.init ne comprend que le html...

Sur mon essai (qui marche), si je remplace images_upload_url: "http://dev.dvp.fr/tinymce/tinymce-process-file.php", // le fichier d'upload par images_upload_url:<?="http://dev.dvp.fr/tinymce/tinymce-process-file.php" ?>, // le fichier d'upload, l'éditeur ne fonctionne plus.

[NoSmoking]

si je remplace
...

mais pourquoi donc, <?="http://dev.dvp.fr/tinymce/tinymce-process-file.php" ?> c'est de l'insertion PHP qui n'a rien à faire dans un fichier JS !

[laurentSc]

C'est clair mais je ne vois pas comment accéder aux fichiers sans passer par du PHP...

[laurentSc]

Je me suis tourné vers un cador (rawsrc) et c'est réglé (je suis complètement largué par ce qu'il a fait). J'ai juste vu que ce qui te choquait (du PHP dans du js) n'existe plus et d'ailleurs l'init images_upload_url non plus...
Pas la peine de me demander des explications.

[laurentSc]

J'avais mal cherché, mais le PHP dans du js existe encore : images_upload_url: "<?= URL_LOCALHOST.'/admin-upload' ?>",C'est dans le tinymce.init (j'avais pas vu car il y en a 2 dont un qui sert plus mais je me suis fait avoir)

Le bon :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 tinymce.init({
            selector: 'textarea#file-picker',
            ui_mode: 'split',
            width:1500,
            height:500,
            statusbar: false,
            language_url: "assets/js/tymce_fr_fr.js",   // ici le chemin d'accès au fichier de traduction
            language : "fr_FR",
            plugins: 'image code',
            toolbar: 'undo redo | link image | code',
 
            /* enable title field in the Image dialog*/
            image_title: true,
            /* enable automatic uploads of images represented by blob or data URIs*/
            automatic_uploads: true,
            /*
            URL of our upload handler (for more details check: https://www.tiny.cloud/docs/configure/file-image-upload/#images_upload_url)
            images_upload_url: 'postAcceptor.php',
            here we add custom filepicker only to Image dialog
            */
            images_upload_url: "<?= URL_LOCALHOST.'/admin-upload' ?>",
 
            file_picker_types: 'image',
            /* and here's our custom image picker*/
            file_picker_callback: function (cb, value, meta) {
                let input = document.createElement('input');
                input.setAttribute('type', 'file');
                input.setAttribute('accept', 'image/*');
 
                /*
                Note: In modern browsers input[type="file"] is functional without
                even adding it to the DOM, but that might not be the case in some older
                or quirky browsers like IE, so you might want to add it to the DOM
                just in case, and visually hide it. And do not forget do remove it
                once you do not need it anymore.
                */
 
                input.onchange = function () {
                    let file = this.files[0];
 
                    let reader = new FileReader();
                    reader.onload = function () {
                        /*
                        Note: Now we need to register the blob in TinyMCEs image blob
                        registry. In the next release this part hopefully won't be
                        necessary, as we are looking to handle it internally.*/
 
                        //var id = 'blobid' + (new Date()).getTime();
                        let id = file.name.split(".")[0]; // alert('head 50 filename='+file.name);      // mettre ici le nom du fichier
                        let blobCache =  tinymce.activeEditor.editorUpload.blobCache;
                        let base64 = reader.result.split(',')[1];
                        let blobInfo = blobCache.create(id, file, base64);
                        //var blobInfo = blobCache.create(id);
                        blobCache.add(blobInfo);
 
                        /* call the callback and populate the Title field with the file name */
                        cb(blobInfo.blobUri(), { title: file.name });
                    };
                    reader.readAsDataURL(file);
                };
 
                input.click();
            },
            content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
        });