Créer un éditeur TinyMCE en français

**laurentSc** · 22/09/2023, 18h09

Bonjour,
malgré des recherches sur le web, j'ai pas trouvé pour mettre mon éditeur TinyMCE en français. A l'heure actuelle, voici mon code :

Code html :

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
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.7.0/tinymce.min.js"></script>
      <script>
        tinymce.init({
            selector: 'textarea#file-picker',
            statusbar: false,
            language : '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
            */
            file_picker_types: 'image',
            /* and here's our custom image picker*/
            file_picker_callback: function (cb, value, meta) {
                var 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 () {
                    var file = this.files[0];
 
                    var 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();
                        var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
                        var base64 = reader.result.split(',')[1];
                        var blobInfo = blobCache.create(id, file, base64);
                        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 }'
        });
    </script>
</head>
<body>
<form action="traitement.php" method="post">
 
    <textarea name="CeQueVousVoulez" id="file-picker"></textarea>
 
 
    <input type="submit" value="envoyer">
</form>
</body>
</html>

J'ai bien lu de récupérer un pack FR sur le site officiel, mais je l'ai pas trouvé. Peut-on m'aider ?

**NoSmoking** · 22/09/2023, 18h48

Bonjour,
une fois téléchargé et placé dans le répertoire de ton choix le fichier fr_FR.js il faut indiquer lors de l'initialisation où celui-ci se trouve

Code :

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

1
2
3
4
5
6
tinymce.init({
  selector: "textarea",
  language_url: "tinymce/fr_FR.js",   // ici le chemin d'accès au fichier de traduction
  language : "fr_FR",
  // la suite
});

.

Ajout lien : Localization options

**laurentSc** · 22/09/2023, 19h16

Merci pour ta réponse.
Je ne savais pas où trouver le fichier js de traduction. Après une petite recherche, j'ai trouvé : https://www.tiny.cloud/get-tiny/language-packages/.
Je fais des tests en local ; dans le répertoire contenant mon fichier de test, j'ai créé ce chemin : C:\projets\dvp\tinymce\fr_FR\langs\fr_FR.js. Supposant qu'on définit un chemin relatif, j'ai rajouté dans les options les lignes :

Code js :

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

1
2
language_url: "fr_FR/langs/fr_FR.js",   // ici le chemin d'accès au fichier de traduction
language : "fr_FR",

Néanmoins, ça reste en anglais. Peux tu me corriger ?

**laurentSc** · 23/09/2023, 14h53

Je viens de réessayer et c'est bon

Peut-être était-ce juste une question de cache...

**filou80** · 13/04/2024, 08h41

Bonjour à tous,

Je ne parviens pas a le mettre en français, c'est bien dans le head qu'il faut mettre tout cela ?

Merci par avance pour votre retour.
Bonne journée

@+ Filou80