Add and configure Font plugin to ckeditor

sulu · Jun 20, 2022 · cca5e5b · cca5e5b
1 parent 28f00bb
commit cca5e5b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/assets/admin/app.js b/assets/admin/app.js
@@ -1 +1,8 @@
 // Add project specific javascript code and import of additional bundles here:
+import {ckeditorPluginRegistry, ckeditorConfigRegistry} from 'sulu-admin-bundle/containers';
+import Font from '@ckeditor/ckeditor5-font/src/font';
+
+ckeditorPluginRegistry.add(Font);
+ckeditorConfigRegistry.add((config) => ({
+    toolbar: [...config.toolbar, 'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor'],
+}));
diff --git a/assets/admin/package.json b/assets/admin/package.json
@@ -9,6 +9,7 @@
         "watch": "webpack --mode development --watch"
     },
     "dependencies": {
+        "@ckeditor/ckeditor5-font": "^27.1.0",
         "mobx": "^4.0.0",
         "mobx-react": "^5.0.0",
         "react": "^17.0.0",