Comment localiser dynamiquement TinyMCE

Ce tutoriel montre comment localiser dynamiquement votre éditeur de texte riche TinyMCE pour correspondre à la langue actuelle de votre site Web. Nous supposons que vous avez déjà construit un site PHP multilingue et que vous souhaitez que TinyMCE reflète automatiquement la langue sélectionnée.

Le défi: Bien que TinyMCE propose des packs de langage localisés, il manque de commutation automatique du langage. Ce tutoriel fournit une solution simple.

La solution:

1. Télécharger les packs de langage: Obtenez les fichiers linguistiques nécessaires à partir de l'emplacement de téléchargement TinyMCE et placez-les dans votre répertoire TinyMCE.

2. cohérence du code linguistique: Assurez-vous que la variable linguistique de votre site ($current_lang) utilise des codes compatibles avec TinyMCE (par exemple, «es» pour l'espagnol, et non le «sp»). Ajustez votre code au besoin:

<?php
if ($current_lang == 'sp') {
    $current_lang = 'es';
} elseif ($current_lang == 'fr-CA') {
    $current_lang = 'fr_CA'; //Example of a more specific locale
} else {
    $current_lang = 'en'; // Default language
}
?>

3. Intégrez à l'initialisation de TinyMCE: Dans l'en-tête de votre site Web, juste avant votre code d'initialisation TinyMCE, passez la variable $current_lang à JavaScript:

var cur_lang = "<?php echo $current_lang; ?>";

tinyMCE.init({
    // General options
    width: "480",
    height: "680",
    mode: "textareas",
    theme: "advanced",
    language: cur_lang, // Add the language parameter here
    plugins: ...
});

4. COMPATIBILITÉ DE COMPRESSEUR: Si vous utilisez un compresseur TinyMCE, n'oubliez pas de mettre à jour son initialisation JavaScript pour inclure le paramètre language.

C'est tout! Votre éditeur TinyMCE reflétera désormais dynamiquement la langue de votre site Web.

Conclusion: Cette méthode simple aborde efficacement la localisation de TinyMCE, éliminant le besoin de solutions de contournement complexes. Partagez vos approches alternatives!

Questions fréquemment posées:

Q: Comment ajouter dynamiquement un éditeur TinyMCE?

A: Utilisez l'API JavaScript TinyMCE. Incluez le script TinyMCE et utilisez tinymce.init({ selector: '#myTextArea' }); pour initialiser l'éditeur pour un TextArea avec l'ID "MyTextArea".

Q: Comment changer de langue TinyMce dynamiquement avec JavaScript?

A: Utilisez l'option language_url dans tinymce.init(): tinymce.init({ selector: '#myTextArea', language_url: 'langs/fr_FR.js' });

Q: Comment sortir des traductions sans document.write()?

a: utilisez document.getElementById('myDiv').innerHTML = 'Your translated text';

Q: comment utiliser un fichier de langage personnalisé?

A: Utilisez l'option language_url, pointant vers votre fichier personnalisé (par exemple, language_url: 'langs/myLang.js').

Q: Comment configurer les paramètres de localisation?

A: Utilisez les options language (code linguistique) et language_url (URL du fichier linguistique) dans tinymce.init(). Par exemple: tinymce.init({ selector: '#myTextArea', language: 'fr_FR', language_url: 'langs/myLang.js' });

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!