[frontend] Update dependency ckeditor5 to v43.3.0

* [frontend] Update dependency ckeditor5 to v43.3.0 * [frontend] Fix on CKEditor Image alignment --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Gael Leblan <[email protected]>
OpenBAS-Platform · Nov 8, 2024 · 8834ed8 · 8834ed8
1 parent bc17955
commit 8834ed8
Show file tree

Hide file tree

Showing 5 changed files with 557 additions and 549 deletions.
diff --git a/openbas-front/package.json b/openbas-front/package.json
@@ -25,7 +25,7 @@
     "@xyflow/react": "12.3.0",
     "apexcharts": "3.51.0",
     "axios": "1.7.7",
-    "ckeditor5": "43.2.0",
+    "ckeditor5": "43.3.0",
     "classcat": "5.0.5",
     "classnames": "2.5.1",
     "cronstrue": "2.51.0",

diff --git a/openbas-front/src/components/CKEditor.tsx b/openbas-front/src/components/CKEditor.tsx
@@ -20,6 +20,7 @@ import {
   Heading,
   Highlight,
   HorizontalLine,
+  Image,
   ImageBlockEditing,
   ImageCaption,
   ImageEditing,
@@ -88,6 +89,7 @@ const CKEDITOR_DEFAULT_CONFIG: EditorConfig = {
     Heading,
     Highlight,
     HorizontalLine,
+    Image,
     ImageBlockEditing,
     ImageCaption,
     ImageEditing,
@@ -164,8 +166,11 @@ const CKEDITOR_DEFAULT_CONFIG: EditorConfig = {
     toolbar: [
       'imageTextAlternative',
       'toggleImageCaption',
-      'imageStyle:block',
-      'imageStyle:side',
+      'imageStyle:alignLeft',
+      'imageStyle:alignCenter',
+      'imageStyle:alignRight',
+      'imageStyle:alignBlockLeft',
+      'imageStyle:alignBlockRight',
       'linkImage',
     ],
   },

diff --git a/openbas-front/src/static/css/CKEditorDark.css b/openbas-front/src/static/css/CKEditorDark.css
@@ -1,6 +1,7 @@
 html[data-theme="dark"],
 body[data-theme="dark"] {
   --ck-z-modal: 3000 !important;
+  --ck-z-panel: 3000 !important;
 
   /* Overrides the border radius setting in the theme. */
   --ck-border-radius: 4px !important;

diff --git a/openbas-front/src/static/css/CKEditorLight.css b/openbas-front/src/static/css/CKEditorLight.css
@@ -1,6 +1,7 @@
 html[data-theme="light"],
 body[data-theme="light"] {
   --ck-z-modal: 3000 !important;
+  --ck-z-panel: 3000 !important;
 
   /* Overrides the border radius setting in the theme. */
   --ck-border-radius: 4px !important;