TinyMCE - 提供带有 language_url 的语言文件

Question

我已经使用本地托管的 TinyMCE 5 设置了一个 Angular 14 应用程序，到目前为止该应用程序可以正常运行。但是，我无法进行任何本地化工作，因为找不到提供的翻译文件。

文档指出您必须提供属性

language

和

language_url

，所以这是我的代码：

init: EditorComponent['init'] = {
    language: 'nl',
    language_load: false, // Additionally I've added this, but it makes no difference
    language_url: '/tinymce/langs/nl.js'
}

无论我把这个文件夹放在 /public 还是 /src 中，尝试像

/src/tinymce/langs/nl.js

、

src/tinymce/langs/nl.js

、

../src/tinymce/langs/nl.js

等那样指向它，没关系，我总是收到一个错误，指出该文件不能被发现。

我认为问题是，TinyMCE 从它自己的目录（位于 node_modules 中）查找，但是设置 tiny 的

base_url

选项会完全破坏整个编辑器。

类似问题的一些答案指出，您必须指定完整的绝对 URL，但由于每个部署环境都不同，因此这是没有选择的。而且它必须是自托管的。

Answer 1

首先确保您在

src/assets

 中配置了文件夹 

public

 或 

angular.json

文件夹

{
  "projects": {
    "my-app": {
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:application",
          "options": {
            "assets": [
              "src/assets/",
              "public/"
            ]
          }
        }
      }
    }
  }
}

然后配置资源，例如指向

assets

文件夹。

init: EditorComponent['init'] = {
    language: 'nl',
    language_load: false, // Additionally I've added this, but it makes no difference
    language_url: '/assets/tinymce/langs/nl.js'
}