BC-3094 - localize math plugin (#5)

* Implement adding missing translations

* Add math plugin translations

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hpi-schul-cloud/ckeditor",
-	"version": "0.2.2",
+	"version": "0.2.3",
 	"description": "Custom version of CKEditor5 for the Schulcloud-Verbund-Software-Client",
 	"author": "Dataport Schulcloud-Verbund-Software Team",
 	"repository": {

sample/index.html

@@ -33,15 +33,20 @@ <h2>Formula rendering from markup</h2>
 		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script>
     	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js"></script>
 		<script src="../build/ckeditor.js"></script>
+		<script src="../build/translations/en.js"></script>
+		<script src="../build/translations/es.js"></script>
+		<script src="../build/translations/uk.js"></script>
 		<script>
 			console.log(
 				CustomCKEditor.builtinPlugins.map((plugin) => plugin.pluginName)
 			);
-			CustomCKEditor.create(document.querySelector("#editor")).catch(
-				(error) => {
+			CustomCKEditor
+				.create(document.querySelector("#editor"), {
+					language: "de"
+				}).
+				catch(error => {
 					console.error(error);
-				}
-			);
+				});
 
 			const preview = document.getElementById('formulas');
        	 	renderMathInElement(preview);

src/ckeditor.js

@@ -21,6 +21,11 @@ import Superscript from "@ckeditor/ckeditor5-basic-styles/src/superscript.js";
 import Table from "@ckeditor/ckeditor5-table/src/table.js";
 import TableToolbar from "@ckeditor/ckeditor5-table/src/tabletoolbar.js";
 import Underline from "@ckeditor/ckeditor5-basic-styles/src/underline.js";
+import addMissingTranslationsDe from "./locales/de";
+import addMissingTranslationsEn from "./locales/en";
+import addMissingTranslationsEs from "./locales/es";
+import addMissingTranslationsUk from "./locales/uk";
+
 
 import "./custom.css";
 import "./content-styles.css";
@@ -93,4 +98,9 @@ Editor.defaultConfig = {
 	},
 };
 
+addMissingTranslationsDe();
+addMissingTranslationsEn();
+addMissingTranslationsEs();
+addMissingTranslationsUk();
+
 export default Editor;

src/locales/de.js

@@ -0,0 +1,12 @@
+import { add } from "@ckeditor/ckeditor5-utils/src/translation-service.js";
+
+const translations = {
+    "Equation preview": "Formel Vorschau",
+    "Insert equation in TeX format.": "Gleichung im TeX-Format einfügen",
+    "Display mode": "Zeilenumbruch",
+    "Insert math": "Formel",
+};
+
+export default function() {
+    add("de", translations);
+}

src/locales/en.js

@@ -0,0 +1,9 @@
+import { add } from "@ckeditor/ckeditor5-utils/src/translation-service.js";
+
+const translations = {
+    "Display mode": "Line break",
+};
+
+export default function() {
+    add("en", translations);
+}

src/locales/es.js

@@ -0,0 +1,12 @@
+import { add } from "@ckeditor/ckeditor5-utils/src/translation-service.js";
+
+const translations = {
+    "Equation preview": "Vista previa",
+    "Insert equation in TeX format.": "Insertar ecuación en formato TeX",
+    "Display mode": "Salto de línea",
+    "Insert math": "Fórmula",
+};
+
+export default function() {
+    add("es", translations);
+}

src/locales/uk.js

@@ -0,0 +1,12 @@
+import { add } from "@ckeditor/ckeditor5-utils/src/translation-service.js";
+
+const translations = {
+    "Equation preview": "Попередній перегляд",
+    "Insert equation in TeX format.": "Вставити рівняння у форматі TeX",
+    "Display mode": "Розрив рядка",
+    "Insert math": "формула",
+};
+
+export default function() {
+    add("uk", translations);
+}