Load translations for CKEDITOR if language is not english

jbtronics · jbtronics · commit e06d9da186ec · 2025-10-17T18:15:04.000+02:00
diff --git a/assets/controllers/elements/ckeditor_controller.js b/assets/controllers/elements/ckeditor_controller.js
@@ -28,6 +28,26 @@ import {EditorWatchdog} from 'ckeditor5';
 import "ckeditor5/ckeditor5.css";;
 import "../../css/components/ckeditor.css";
 
+const translationContext = require.context(
+    'ckeditor5/translations',
+    false,
+    /\.js$/
+);
+
+function loadTranslation(language) {
+    if (!language || language === 'en') {
+        return null;
+    }
+    const lang = language.slice(0, 2);
+    const path = `./${lang}.js`;
+    if (translationContext.keys().includes(path)) {
+        const module = translationContext(path);
+        return module.default;
+    } else {
+        return null;
+    }
+}
+
 /* stimulusFetch: 'lazy' */
 export default class extends Controller {
     connect() {
@@ -63,6 +83,12 @@ export default class extends Controller {
             }
         }
 
+        //Load translations if not english
+        let translations = loadTranslation(language);
+        if (translations) {
+            config.translations = [translations];
+        }
+
         const watchdog = new EditorWatchdog();
         watchdog.setCreator((elementOrData, editorConfig) => {
             return EDITOR_TYPE.create(elementOrData, editorConfig)
diff --git a/templates/base.html.twig b/templates/base.html.twig
@@ -66,12 +66,6 @@
     {% block javascripts %}
         {{ encore_entry_script_tags('app') }}
         {{ encore_entry_script_tags('webauthn_tfa') }}
-
-        {# load translation files for ckeditor #}
-        {% set two_chars_locale = app.request.locale|default("en")|slice(0,2) %}
-        {% if two_chars_locale != "en" %}
-            <script src="{{ asset("build/ckeditor_translations/" ~ two_chars_locale ~ ".js") }}"></script>
-        {% endif %}
     {% endblock %}
 </head>
 <body data-base-url="{{ path('homepage', {'_locale': app.request.locale}) }}" data-locale="{{ app.request.locale|default("en")|slice(0,2) }}">
