Question

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

但是，用户界面为英语，我的客户希望使用法语。因此，我遵循了tinymce文档中的建议，但在文本编辑器中显示了以下错误消息：“未能加载插件URL：https://cloud.tinymce.com/5/langs/fr_FR.js”以红色块显示，并且界面仍为英文。

这是我对此元素的代码：

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

有什么想法吗？

提前谢谢

Answer 1

CDN似乎因tinymce而失败。因此，您可以按照以下步骤进行操作：-

1）从here下载语言包

2）将language.js存储在tinymcd /语言中的某个文件夹中

3）使用language_url参数指向您存储js文件的位置-绝对URL

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

希望有帮助！

Answer 2

TinyMCE Cloud平台当前不托管语言文件，因此您需要下载所需的语言文件，并将其本地托管在服务器上，然后使用language_url配置选项对其进行引用。

Answer 3

您必须在此link中下载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']
});

Answer 4

从here下载您要使用的语言包。
将语言文件解压缩到您的public / langs文件夹中。
设置此设置：

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

如何在React-TinyMCE中更改默认语言？

4 个答案: