@_sh/strapi-plugin-ckeditor 2.0.4 → 2.1.0

package/README.md

@@ -18,9 +18,9 @@
 
 * **Media library integration**
 * **Supports responsive images**
-* **Supports Strapi's theme switching with the possibility to define your own theme**
-* **Supports i18n for content and user's preferred language for UI**
-* **Few predefined editor configs with the possibility to add your owns**
+* **Supports Strapi's theme switching with the ability to set a custom theme**
+* **Supports i18n and different UI translations**
+* **Few predefined editor configs with the ability to add custom ones**
 * **Possible to add new plugins**
 
 
@@ -53,13 +53,13 @@ yarn build
 
 ## <a id="configuration"></a>⚙️ Configuration
 ___
-The plugin is based on [**Strapi's custom fields**](https://docs.strapi.io/developer-docs/latest/development/custom-fields.html#registering-a-custom-field-on-the-server) and [**CKEditor dll build**](https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/dll-builds.html)
+The plugin uses [**Strapi custom fields API**](https://docs.strapi.io/developer-docs/latest/development/custom-fields.html#registering-a-custom-field-on-the-server) and [**CKEditor dll build**](https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/dll-builds.html)
 
-Plugin configuration should be defined in the `/config/ckeditor.txt` file.
+The plugin configuration should be defined in the `/config/ckeditor.txt` file.
 
 It's highly recommended to explore [**the official ckeditor documentation**](https://ckeditor.com/docs/ckeditor5/latest/features/index.html)
 
-Content from ckeditor.txt will be passed into a script tag through the initialization process.
+Content of ckeditor.txt will be passed into the script tag during the initialization process.
 
 > 📂 Default configs: [**admin/src/components/Input/CKEditor/configs**](https://github.com/nshenderov/strapi-plugin-ckeditor/blob/master/admin/src/components/Input/CKEditor/configs)
 
@@ -70,12 +70,10 @@ Content from ckeditor.txt will be passed into a script tag through the initializ
 ```js
 globalThis.CKEditorConfig = {
 
-    /* By default configs and theme
-    objects will be spread with
-    default configs and theme
-    these two properties specified below
-    allow you to redefine
-    default objects completely: */
+    /* By default custom configs and theme
+    defined in this file are going to be spread into
+    default configs and theme these two properties below
+    allow you to redefine default objects completely: */
 
     //configsOverwrite:true,
     //themeOverwrite:true,
@@ -94,7 +92,7 @@ globalThis.CKEditorConfig = {
         },
         custom:{
             
-            /* Styles for this specific editor.
+            /* Styles for this specific editor version.
             This will be passed into the editor's parent container. */
 
             styles:`
@@ -128,8 +126,8 @@ globalThis.CKEditorConfig = {
             },
             /* CKEditor configuration */
             editorConfig:{
-                /* All available built-in plugins
-                you can find in admin/src/components/Input/CKEditor/configs/base.js */
+                /* You can find all available built-in plugins
+                in the admin/src/components/Input/CKEditor/configs/base.js */
                 plugins: [
                     CKEditor5.autoformat.Autoformat,
                     CKEditor5.basicStyles.Bold,
@@ -154,14 +152,14 @@ globalThis.CKEditorConfig = {
                     CKEditor5.strapiPlugins.StrapiUploadAdapter,
                   ],
 
-                  /* By default, for plugin's UI will use
-                  the language defined in this file
-                  or the preferred language from strapi's user config
-                  and 'en' as a fallback.
-                  language.ui -> preferred language -> 'en' */
+                  /* By default, the language of the plugin's UI will be chosen
+                  based on the language defined in this config file
+                  or on the preferred language from the strapi's user config
+                  and if both of them are not set then 'en' will be used as a fallback.
+                  ( language.ui -> preferred language -> 'en' ) */
 
-                  /* For content it will use language based on i18n (if! ignorei18n)
-                  or language.content defined here
+                  /* For content it will chose the language based on i18n (if! ignorei18n)
+                  or on language.content property defined here
                   and it will use UI language as a fallback.
                   ignorei18n ? language.content : i18n; -> language.ui */
 
@@ -223,7 +221,7 @@ globalThis.CKEditorConfig = {
 }
 ```
 
-> If you use the default (local) upload provider you should specify a `url` property in the `config/server.js` in order to get the full URL on uploaded files eg:
+> If you use the default (local) upload provider you should specify the `url` property in the `config/server.js` in order to get the full URL on uploaded files eg:
 ```js
 module.exports = ({ env }) => ({
   url: env("PUBLIC_URL", "http://localhost:1337"),
@@ -235,7 +233,7 @@ module.exports = ({ env }) => ({
 });
 ```
 
-> In order to display some content from an external source on your `admin` side you should configure your middlewares.js [**check the docs about this**](https://docs.strapi.io/developer-docs/latest/setup-deployment-guides/configurations/required/middlewares.html)
+> In order to display a content from an external source in your `admin` you should configure your middlewares.js [**check the docs about this**](https://docs.strapi.io/developer-docs/latest/setup-deployment-guides/configurations/required/middlewares.html)
 
 ## How to add plugins
 
@@ -434,15 +432,6 @@ yarn develop
 
 ## <a id="requirements"></a>⚠️ Requirements
 ___
-Strapi **v4.4.0+**
+Strapi **v4.13.0+**
 
-Node **>=14.19.1 <=18.x.x**
-
-### 👍 This build includes some useful plugins based on these repos so thanks to them:
-https://github.com/Roslovets-Inc/strapi-plugin-ckeditor5
-
-https://github.com/leknoppix/ckeditor5-fullscreen
-
-https://github.com/gtomato/ckeditor5-strapi-upload-plugin
-
-https://github.com/pshurygin/ckeditor5-font-color
+Node **>=18.0.0 <=20.x.x**

package/admin/src/components/CKEditorIcon.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import styled from "styled-components";
-import { Icon } from "@strapi/design-system/Icon";
-import { Flex } from "@strapi/design-system/Flex";
+import { Icon } from "@strapi/design-system";
+import { Flex } from "@strapi/design-system";
 
 const IconBox = styled(Flex)`
   background-color: #f0f0ff; /* primary100 */
@@ -43,4 +43,4 @@ const CKEditorIcon = () => (
   </IconBox>
 )
 
-export default CKEditorIcon;
+export default CKEditorIcon;

package/admin/src/components/Input/CKEditor/configs/base.js

@@ -27,7 +27,9 @@ import ckeditor5LanguageDll from "@ckeditor/ckeditor5-language/build/language.js
 import ckeditor5HighlightDll from "@ckeditor/ckeditor5-highlight/build/highlight.js";
 import ckeditor5StyleDll from "@ckeditor/ckeditor5-style/build/style.js";
 import ckeditor5MentionDll from "@ckeditor/ckeditor5-mention/build/mention.js";
-import ckeditor5FontWithPickerDll from "@_sh/ckeditor5-font-with-picker/build/font-with-picker.js";
+import ckeditor5FontDll from "@ckeditor/ckeditor5-font/build/font.js";
+import ckeditor5ShowBlocksDll from "@ckeditor/ckeditor5-show-blocks/build/show-blocks.js";
+
 
 import sanitizeHtml from "sanitize-html";
 
@@ -52,10 +54,10 @@ const w = {
   DocumentListProperties: window.CKEditor5.list.DocumentListProperties,
   Essentials: window.CKEditor5.essentials.Essentials,
   FindAndReplace: window.CKEditor5.findAndReplace.FindAndReplace,
-  FontBackgroundColor: window.CKEditor5.fontWithPicker.FontBackgroundColor,
-  FontColor: window.CKEditor5.fontWithPicker.FontColor,
-  FontFamily: window.CKEditor5.fontWithPicker.FontFamily,
-  FontSize: window.CKEditor5.fontWithPicker.FontSize,
+  FontBackgroundColor: window.CKEditor5.font.FontBackgroundColor,
+  FontColor: window.CKEditor5.font.FontColor,
+  FontFamily: window.CKEditor5.font.FontFamily,
+  FontSize: window.CKEditor5.font.FontSize,
   GeneralHtmlSupport: window.CKEditor5.htmlSupport.GeneralHtmlSupport,
   Heading: window.CKEditor5.heading.Heading,
   // HeadingButtonsUI: window.CKEditor5.heading.HeadingButtonsUI,
@@ -84,6 +86,7 @@ const w = {
   Paragraph: window.CKEditor5.paragraph.Paragraph,
   // ParagraphButtonUI: window.CKEditor5.paragraph.ParagraphButtonUI,
   PasteFromOffice: window.CKEditor5.pasteFromOffice.PasteFromOffice,
+  PictureEditing: window.CKEditor5.image.PictureEditing,
   RemoveFormat: window.CKEditor5.removeFormat.RemoveFormat,
   SourceEditing: window.CKEditor5.sourceEditing.SourceEditing,
   SpecialCharacters: window.CKEditor5.specialCharacters.SpecialCharacters,
@@ -99,6 +102,7 @@ const w = {
   Style: window.CKEditor5.style.Style,
   Subscript: window.CKEditor5.basicStyles.Subscript,
   Superscript: window.CKEditor5.basicStyles.Superscript,
+  ShowBlocks: window.CKEditor5.showBlocks.ShowBlocks,
   Table: window.CKEditor5.table.Table,
   TableCaption: window.CKEditor5.table.TableCaption,
   TableCellProperties: window.CKEditor5.table.TableCellProperties,
@@ -462,6 +466,7 @@ w.MediaEmbed,
 w.PageBreak,
 w.Paragraph,
 w.PasteFromOffice,
+w.PictureEditing,
 w.RemoveFormat,
 w.SourceEditing,
 w.SpecialCharacters,
@@ -476,6 +481,7 @@ w.Strikethrough,
 w.Style,
 w.Subscript,
 w.Superscript,
+w.ShowBlocks,
 w.Table,
 w.TableCaption,
 w.TableCellProperties,
@@ -525,12 +531,13 @@ export const toolbarEditorConfig = {
     '|',
     'insertImage','mediaEmbed','strapiMediaLib','link','blockquote','insertTable','specialCharacters','htmlEmbed','codeBlock',
     '|', 'horizontalLine', 'pageBreak', '|',
+    '|', 'showBlocks',
     '|', 'undo', 'redo', '|',
   ],
 
 }
 
-export const toolbarBaloonEditorConfig = {
+export const toolbarBalloonEditorConfig = {
   plugins:[...basePlugins, w.BalloonToolbar],
   ...base,
   toolbar: [
@@ -549,6 +556,7 @@ export const toolbarBaloonEditorConfig = {
     '|',
     'insertImage','mediaEmbed','strapiMediaLib','link','blockquote','insertTable','specialCharacters','htmlEmbed','codeBlock',
     '|', 'horizontalLine', 'pageBreak', '|','SourceEditing',
+    '|', 'showBlocks',
     '|', 'undo', 'redo', '|',
   ],
   balloonToolbar: [
@@ -570,7 +578,7 @@ export const toolbarBaloonEditorConfig = {
   ]
 }
 
-export const blockBaloonEditorConfig = {
+export const blockBalloonEditorConfig = {
   plugins:[
     ...basePlugins.filter(({pluginName})=>
       pluginName !== "SourceEditing" &&
@@ -606,6 +614,7 @@ export const blockBaloonEditorConfig = {
     'indent',
     '|',
     'insertImage','strapiMediaLib','link','blockquote','insertTable',
+    '|', 'showBlocks',
     '|', 'undo', 'redo', '|',
   ],
   balloonToolbar: [

package/admin/src/components/Input/CKEditor/configs/blockBalloon.js

@@ -0,0 +1,25 @@
+import { blockBalloonEditorConfig } from "./base";
+
+export const blockBalloonEditor = {
+  blockBalloon: {
+    styles: `
+          .ck-content{
+            border-radius:4px !important;
+          }
+          .ck-sticky-panel{
+            display:none !important;
+          }
+        `,
+    field: {
+      key: "blockBalloon",
+      value: "blockBalloon",
+      metadatas: {
+        intlLabel: {
+          id: "ckeditor.preset.blockBalloon.label",
+          defaultMessage: "Block balloon version",
+        },
+      },
+    },
+    editorConfig: blockBalloonEditorConfig,
+  },
+};

package/admin/src/components/Input/CKEditor/configs/index.js

@@ -1,11 +1,11 @@
 import { toolbarEditor } from './toolbar';
-import { toolbarBaloonEditor } from './toolbarBaloon';
-import { blockBaloonEditor } from './blockBaloon';
+import { toolbarBalloonEditor } from './toolbarBalloon';
+import { blockBalloonEditor } from './blockBalloon';
 
 const baseConfigs = {
     ...toolbarEditor,
-    ...toolbarBaloonEditor,
-    ...blockBaloonEditor
+    ...toolbarBalloonEditor,
+    ...blockBalloonEditor
 }
 
 export default baseConfigs;

package/admin/src/components/Input/CKEditor/configs/toolbarBalloon.js

@@ -0,0 +1,17 @@
+import { toolbarBalloonEditorConfig } from "./base";
+
+export const toolbarBalloonEditor = {
+  toolbarBalloon: {
+    field: {
+      key: "toolbarBalloon",
+      value: "toolbarBalloon",
+      metadatas: {
+        intlLabel: {
+          id: "ckeditor.preset.toolbarBalloon.label",
+          defaultMessage: "Toolbar balloon version",
+        },
+      },
+    },
+    editorConfig: toolbarBalloonEditorConfig,
+  },
+};

package/admin/src/components/Input/CKEditor/configuration.js

@@ -36,6 +36,7 @@ const importLang = async (config, language) => {
     { name: "SourceEditing", module: "ckeditor5-source-editing" },
     { name: "Highlight", module: "ckeditor5-highlight" },
     { name: "Style", module: "ckeditor5-style" },
+    { name: "ShowBlocks", module: "ckeditor5-show-blocks" }
   ];
 
   const basicStylesPlugin = [
@@ -73,7 +74,7 @@ const importLang = async (config, language) => {
     ).catch(() => null);
   if (configPluginNames.some((p) => fontPlugin.includes(p)))
     await import(
-      /* webpackMode: "lazy-once" */ `@_sh/ckeditor5-font-with-picker/build/translations/${language}.js`
+      /* webpackMode: "lazy-once" */ `@ckeditor/ckeditor5-font/build/translations/${language}.js`
     ).catch(() => null);
 };
 

package/admin/src/components/Input/CKEditor/plugins/StrapiUploadAdapter.js

@@ -148,7 +148,7 @@ class Adapter {
         let keys = Object.keys(formats).sort(
           (a, b) => formats[a].width - formats[b].width
         );
-        keys.map((k) => (urls[formats[k].width] = backendUrl + formats[k].url));
+        keys.map((k) => (urls[formats[k].width] = provider !== 'local' ? url : backendUrl + formats[k].url));
         resolve({ alt: alternativeText || name, urls: urls });
       } else {
         resolve(

package/admin/src/components/Input/CKEditor/theme/additional.js

@@ -32,32 +32,6 @@ export const additional = css`
 	border-radius: 2px;
 }
 
-/* --- color-picker --- */
-
-.ck[dir=rtl] .ck-color-input{
-  margin: 0 8px 8px 0 !important;
-  padding: 3px 5px 0 0 !important;
-}
-
-.ck .ck-color-input{
-  margin: 0 0 8px 8px ;
-  padding: 3px 0 0 6px;
-  border-radius:2px ;
-  font-size:.77rem !important;
-  width: 58px !important;
-}
-.ck .ck-color-picker{
-  margin: 0 3px 8px 3px;
-  border-radius:2px !important;
-  width: 27px !important;
-}
-.ck .ck-color-picker-save{
-  margin: 0 0 8px 0;
-  border-radius:2px !important;
-  width:27px !important;
-}
-
-
 /* ---- Style feature config ------------------------------------------------------ */
 
 :root {

package/admin/src/components/Input/MediaLib/index.js

@@ -9,30 +9,29 @@ const MediaLib = ({ isOpen, onChange, onToggle, editor, uploadConfig: { responsi
   const handleChangeAssets = (assets) => {
     let newValue = "";
 
-    assets.map(({name, url, alt, formats, mime}) => {
-
+    assets.map(({ name, url, alt, formats, mime, width, height }) => {
       if (mime.includes("image")) {
-
-          if (formats && responsiveDimensions) {
-            let set = "";
-            let keys = Object.keys(formats).sort((a, b) => formats[a].width - formats[b].width );
-            keys.map((k) => set += prefixFileUrlWithBackendUrl(formats[k].url) + ` ${formats[k].width}w,`);
-            newValue += `<img src="${url}" alt="${alt}" width="${formats[keys[keys.length-1]].width}px" srcset="${set}" />`;
-          } else {
-            newValue += `<img src="${url}" alt="${alt}" />`;
-          }
-
+        if (formats && responsiveDimensions) {
+          let set = "";
+          let keys = Object.keys(formats).sort((a, b) => formats[a].width - formats[b].width);
+          keys.map((k) => (set += prefixFileUrlWithBackendUrl(formats[k].url) + ` ${formats[k].width}w,`));
+          newValue += `<img src="${url}" alt="${alt}" width="${width}" height="${height}" srcset="${set}" />`;
+        } else {
+          newValue += `<img src="${url}" alt="${alt}" width="${width}" height="${height}" />`;
+        }
       } else if (mime.includes("application/pdf")) {
-
-          newValue = `<a href="${prefixFileUrlWithBackendUrl(url)}" download="${name}">${name || 'Download PDF'}</a>`;
-
+        newValue = `<a href="${prefixFileUrlWithBackendUrl(url)}" download="${name}">${name || "Download PDF"}</a>`;
+      } else if (mime.includes("video")) {
+        newValue = `
+            <video class="video" controls width="500px">
+                <source src="${prefixFileUrlWithBackendUrl(url)}" type="${mime}" />
+            <video/>`;
       }
-      // Handle videos and other type of files by adding some code
     });
 
-    const viewFragment = editor.data.processor.toView( newValue );
-    const modelFragment = editor.data.toModel( viewFragment );
-    editor.model.insertContent( modelFragment );
+    const viewFragment = editor.data.processor.toView(newValue);
+    const modelFragment = editor.data.toModel(viewFragment);
+    editor.model.insertContent(modelFragment);
 
     onToggle();
   };
@@ -43,25 +42,17 @@ const MediaLib = ({ isOpen, onChange, onToggle, editor, uploadConfig: { responsi
       alt: f.alternativeText || f.name,
       url: prefixFileUrlWithBackendUrl(f.url),
       mime: f.mime,
-      formats: f.formats
+      formats: f.formats,
     }));
 
     handleChangeAssets(formattedFiles);
   };
 
-
-  
-
   if (!isOpen) {
     return null;
   }
 
-  return (
-    <MediaLibraryDialog
-      onClose={onToggle}
-      onSelectAssets={handleSelectAssets}
-    />
-  );
+  return <MediaLibraryDialog onClose={onToggle} onSelectAssets={handleSelectAssets} />;
 };
 
 MediaLib.defaultProps = {
@@ -76,4 +67,4 @@ MediaLib.propTypes = {
   onToggle: PropTypes.func,
 };
 
-export default MediaLib;
+export default MediaLib;

package/admin/src/components/Input/index.js

@@ -2,8 +2,8 @@ import React from "react";
 import PropTypes from "prop-types";
 import {default as CKEditor} from "./CKEditor";
 import { useIntl } from "react-intl";
-import { Field, FieldHint, FieldError, FieldLabel } from "@strapi/design-system/Field";
-import { Stack } from "@strapi/design-system/Stack";
+import { Field, FieldHint, FieldError, FieldLabel } from "@strapi/design-system";
+import { Stack } from "@strapi/design-system";
 
 const Wysiwyg = ({ name, attribute, onChange, value, intlLabel, labelAction, disabled, error, description, required }) => {
   const { formatMessage } = useIntl();
@@ -45,4 +45,4 @@ Wysiwyg.propTypes = {
   required: PropTypes.bool,
   value: PropTypes.string,
 };
-export default Wysiwyg;
+export default Wysiwyg;

package/admin/src/index.js

@@ -107,4 +107,4 @@ export default {
      });
    }
  };
- 
+ 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_sh/strapi-plugin-ckeditor",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "description": "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Unofficial integration)",
   "private": false,
   "keywords": [
@@ -25,47 +25,51 @@
     "strapi-server.js"
   ],
   "dependencies": {
-    "ckeditor5": "^36.0.0",
-    "@ckeditor/ckeditor5-react": "^5.0.6",
-    "@ckeditor/ckeditor5-alignment": "^36.0.0",
-    "@ckeditor/ckeditor5-autoformat": "^36.0.0",
-    "@ckeditor/ckeditor5-autosave": "^36.0.0",
-    "@ckeditor/ckeditor5-basic-styles": "^36.0.0",
-    "@ckeditor/ckeditor5-block-quote": "^36.0.0",
-    "@ckeditor/ckeditor5-style": "^36.0.0",
-    "@ckeditor/ckeditor5-code-block": "^36.0.0",
-    "@ckeditor/ckeditor5-easy-image": "^36.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^36.0.0",
-    "@ckeditor/ckeditor5-essentials": "^36.0.0",
-    "@ckeditor/ckeditor5-find-and-replace": "^36.0.0",
-    "@ckeditor/ckeditor5-heading": "^36.0.0",
-    "@ckeditor/ckeditor5-highlight": "^36.0.0",
-    "@ckeditor/ckeditor5-horizontal-line": "^36.0.0",
-    "@ckeditor/ckeditor5-html-embed": "^36.0.0",
-    "@ckeditor/ckeditor5-html-support": "^36.0.0",
-    "@ckeditor/ckeditor5-image": "^36.0.0",
-    "@ckeditor/ckeditor5-indent": "^36.0.0",
-    "@ckeditor/ckeditor5-language": "^36.0.0",
-    "@ckeditor/ckeditor5-link": "^36.0.0",
-    "@ckeditor/ckeditor5-list": "^36.0.0",
-    "@ckeditor/ckeditor5-mention": "^36.0.0",
-    "@ckeditor/ckeditor5-media-embed": "^36.0.0",
-    "@ckeditor/ckeditor5-page-break": "^36.0.0",
-    "@ckeditor/ckeditor5-paragraph": "^36.0.0",
-    "@ckeditor/ckeditor5-paste-from-office": "^36.0.0",
-    "@ckeditor/ckeditor5-remove-format": "^36.0.0",
-    "@ckeditor/ckeditor5-special-characters": "^36.0.0",
-    "@ckeditor/ckeditor5-source-editing": "^36.0.0",
-    "@ckeditor/ckeditor5-table": "^36.0.0",
-    "@ckeditor/ckeditor5-theme-lark": "^36.0.0",
-    "@ckeditor/ckeditor5-typing": "^36.0.0",
-    "@ckeditor/ckeditor5-upload": "^36.0.0",
-    "@ckeditor/ckeditor5-word-count": "^36.0.0",
-    "sanitize-html": "^2.8.1",
-    "@_sh/ckeditor5-font-with-picker": "^0.0.1"
+    "@ckeditor/ckeditor5-alignment": "^41.0.0",
+    "@ckeditor/ckeditor5-autoformat": "^41.0.0",
+    "@ckeditor/ckeditor5-autosave": "^41.0.0",
+    "@ckeditor/ckeditor5-basic-styles": "^41.0.0",
+    "@ckeditor/ckeditor5-block-quote": "^41.0.0",
+    "@ckeditor/ckeditor5-code-block": "^41.0.0",
+    "@ckeditor/ckeditor5-easy-image": "^41.0.0",
+    "@ckeditor/ckeditor5-editor-classic": "^41.0.0",
+    "@ckeditor/ckeditor5-essentials": "^41.0.0",
+    "@ckeditor/ckeditor5-find-and-replace": "^41.0.0",
+    "@ckeditor/ckeditor5-heading": "^41.0.0",
+    "@ckeditor/ckeditor5-highlight": "^41.0.0",
+    "@ckeditor/ckeditor5-horizontal-line": "^41.0.0",
+    "@ckeditor/ckeditor5-html-embed": "^41.0.0",
+    "@ckeditor/ckeditor5-html-support": "^41.0.0",
+    "@ckeditor/ckeditor5-image": "^41.0.0",
+    "@ckeditor/ckeditor5-font": "^41.0.0",
+    "@ckeditor/ckeditor5-indent": "^41.0.0",
+    "@ckeditor/ckeditor5-language": "^41.0.0",
+    "@ckeditor/ckeditor5-link": "^41.0.0",
+    "@ckeditor/ckeditor5-list": "^41.0.0",
+    "@ckeditor/ckeditor5-media-embed": "^41.0.0",
+    "@ckeditor/ckeditor5-mention": "^41.0.0",
+    "@ckeditor/ckeditor5-page-break": "^41.0.0",
+    "@ckeditor/ckeditor5-paragraph": "^41.0.0",
+    "@ckeditor/ckeditor5-paste-from-office": "^41.0.0",
+    "@ckeditor/ckeditor5-remove-format": "^41.0.0",
+    "@ckeditor/ckeditor5-source-editing": "^41.0.0",
+    "@ckeditor/ckeditor5-special-characters": "^41.0.0",
+    "@ckeditor/ckeditor5-style": "^41.0.0",
+    "@ckeditor/ckeditor5-table": "^41.0.0",
+    "@ckeditor/ckeditor5-theme-lark": "^41.0.0",
+    "@ckeditor/ckeditor5-typing": "^41.0.0",
+    "@ckeditor/ckeditor5-upload": "^41.0.0",
+    "@ckeditor/ckeditor5-word-count": "^41.0.0",
+    "@ckeditor/ckeditor5-show-blocks": "^41.0.0",
+    "ckeditor5": "^41.0.0",
+    "@ckeditor/ckeditor5-react": "^6.2.0",
+    "@strapi/design-system": "^1.10.1",
+    "lodash": "^4.17.21",
+    "prop-types": "^15.8.1",
+    "sanitize-html": "^2.10.0"
   },
   "peerDependencies": {
-    "@strapi/strapi": "^4.4.0"
+    "@strapi/strapi": "^4.13.0"
   },
   "author": {
     "name": "nshenderov"
@@ -79,7 +83,7 @@
     "test": "echo \"Error: no tests specified\" && exit 1"
   },
   "engines": {
-    "node": ">=14.19.1 <=18.x.x",
+    "node": ">=18.0.0 <=20.x.x",
     "npm": ">=6.0.0"
   },
   "license": "MIT"

package/admin/src/components/Input/CKEditor/configs/blockBaloon.js

@@ -1,25 +0,0 @@
-import { blockBaloonEditorConfig } from "./base";
-
-export const blockBaloonEditor = {
-  blockBaloon: {
-    styles: `
-          .ck-content{
-            border-radius:4px !important;
-          }
-          .ck-sticky-panel{
-            display:none !important;
-          }
-        `,
-    field: {
-      key: "blockBaloon",
-      value: "blockBaloon",
-      metadatas: {
-        intlLabel: {
-          id: "ckeditor.preset.blockBaloon.label",
-          defaultMessage: "Block baloon version",
-        },
-      },
-    },
-    editorConfig: blockBaloonEditorConfig,
-  },
-};

package/admin/src/components/Input/CKEditor/configs/toolbarBaloon.js

@@ -1,17 +0,0 @@
-import { toolbarBaloonEditorConfig } from "./base";
-
-export const toolbarBaloonEditor = {
-  toolbarBaloon: {
-    field: {
-      key: "toolbarBaloon",
-      value: "toolbarBaloon",
-      metadatas: {
-        intlLabel: {
-          id: "ckeditor.preset.toolbarBaloon.label",
-          defaultMessage: "Toolbar baloon version",
-        },
-      },
-    },
-    editorConfig: toolbarBaloonEditorConfig,
-  },
-};