2
votes

Comment changer la langue par défaut dans React-TinyMCE?

Je viens d'installer et de configurer react-tinymce dans mon application React JS. Tout fonctionne bien!

Mais, l'interface utilisateur est en anglais, et mon client aimerait l'avoir en français. J'ai donc suivi les conseils sur la documentation de tinymce, mais j'ai ce message d'erreur qui apparaît dans mon éditeur de texte: "Impossible de charger l'url du plugin: https://cloud.tinymce.com/5/langs/fr_FR.js " dans un bloc rouge, et l'interface est toujours en anglais.

Voici mon code pour cet élément:

     <Editor
           apiKey='XXX'
           initialValue="<p>Contenu de l'information</p>"
           cloudChannel='Default'
           init={{
             plugins: 'link image code table imagetools media ',
             toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code | table | image',
             language: 'fr_FR',
             images_upload_url: true,
           }}

        onEditorChange={this.handleEditorChange}
    />

Des idées?

Merci d'avance

reactjs tinymce

0 commentaires

4 Réponses :

0
votes

CDN semble être en panne pour tinymce. Pour contourner le problème, vous pouvez suivre les étapes suivantes: -

1) Téléchargez le pack de langue depuis ici

2) Stockez language.js dans un dossier, disons dans tinymcd / language

3) Utilisez le paramètre language_url pour pointer vers l'emplacement où vous avez stocké le fichier js - absolu url

tinymce.init({
  language_url : 'http://example.com/tinymcd/language/fr_FR.js'  // site absolute URL
});

J'espère que cela vous aidera !!

0 commentaires

0
votes

La plate-forme TinyMCE Cloud n'héberge pas actuellement les fichiers de langue, vous devez donc télécharger le ou les fichiers de langue dont vous avez besoin et les héberger localement sur votre serveur, puis les référencer à l'aide de l'option de configuration language_url .

0 commentaires

0
votes

vous devez télécharger lang dans ce lien et copier le fichier dans votre application

// Import TinyMCE
import tinymce from 'tinymce/tinymce';

// Any plugins you want to use has to be imported
import 'tinymce/plugins/paste';
import 'tinymce/plugins/link';
import './langs/fa_IR.js';

import 'tinymce/skins/ui/oxide/skin.min.css';
import 'tinymce/skins/ui/oxide/content.min.css';
import 'tinymce/skins/content/default/content.css';
import 'tinymce/themes/silver';


// Initialize the app
tinymce.init({
  selector: '#mytextarea',
  language:'fa_IR',
  plugins: ['paste', 'link']
});

1 commentaires

je télécharge langs / fa_IR.js

1
votes

Téléchargez le module linguistique que vous souhaitez utiliser ici .
/ li>
Décompressez le fichier de langue dans votre dossier public / langs.
définir ce paramètre:

tinymce.init({
    language: "fa_IR",
    language_url: "/langs/fa_IR.js",
    directionality :"rtl",      
});

1 commentaires

Pourquoi cette réponse n'est-elle pas considérée comme la solution? C'est simple et parfait. Tks @ Moh3eN