Reactjs 如何更改React TinyMCE中的默认语言?

Reactjs 如何更改React TinyMCE中的默认语言?,reactjs,tinymce,Reactjs,Tinymce,我刚刚在react JS应用程序中安装并配置了react tinymce。一切正常 但是,用户界面是英文的,我的客户想要法文的。因此,我遵循了tinymce文档的建议,但是我的文本编辑器中出现了一条错误消息:“加载插件url失败:”在红色块中,并且界面仍然是英文的 这是我对该元素的代码: <Editor apiKey='XXX' initialValue="<p>Contenu de l'information</p&

我刚刚在react JS应用程序中安装并配置了react tinymce。一切正常

但是,用户界面是英文的,我的客户想要法文的。因此,我遵循了tinymce文档的建议,但是我的文本编辑器中出现了一条错误消息:“加载插件url失败:”在红色块中,并且界面仍然是英文的

这是我对该元素的代码:

     <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}
    />

有什么想法吗


提前谢谢你

CDN似乎要下线了。因此,作为一种解决方法,您可以执行以下步骤:-

1) 从下载语言包

2) 将language.js存储到tinymcd/language中的某个文件夹中

3) 使用language_url参数指向存储js文件的位置-绝对url

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

希望有帮助

TinyMCE云平台目前没有托管语言文件,因此您需要下载所需的语言文件,并将其本地托管在服务器上,然后使用
language\u url
配置选项引用它们。

您必须在此下载lang,并将文件复制到应用程序中

// 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']
});
  • 从下载要使用的语言包
  • 将语言文件解压缩到public/langs文件夹中
  • 设置此设置:
  • tinymce.init({ 语言:“fa_IR”, 语言url:“/langs/fa_IR.js”, 方向性:“rtl”, });
    我没有加载langs/fa_IR.js为什么这个答案没有标记为解决方案?它简单而完美。Tks@Moh3eN tinymce.init({ language: "fa_IR", language_url: "/langs/fa_IR.js", directionality :"rtl", });