chore: add ckeditor plugin

.strapi/client/app.js

@@ -2,6 +2,7 @@
  * This file was automatically generated by Strapi.
  * Any modifications made will be discarded.
  */
+import ckeditor from "@ckeditor/strapi-plugin-ckeditor/strapi-admin";
 import i18N from "@strapi/plugin-i18n/strapi-admin";
 import usersPermissions from "@strapi/plugin-users-permissions/strapi-admin";
 import importExportEntries from "strapi-plugin-import-export-entries/strapi-admin";
@@ -10,6 +11,7 @@ import { renderAdmin } from "@strapi/strapi/admin";
 
 renderAdmin(document.getElementById("strapi"), {
   plugins: {
+    ckeditor: ckeditor,
     i18n: i18N,
     "users-permissions": usersPermissions,
     "import-export-entries": importExportEntries,

package.json

@@ -13,6 +13,7 @@
     "generate:staging": "node scripts/strapi/build-staging.js"
   },
   "dependencies": {
+    "@ckeditor/strapi-plugin-ckeditor": "^0.0.11",
     "@strapi/plugin-i18n": "4.24.0",
     "@strapi/plugin-users-permissions": "4.24.0",
     "@strapi/provider-email-nodemailer": "4.24.0",

src/api/page/content-types/page/schema.json

@@ -32,6 +32,14 @@
         "media.video-box",
         "content.carousel"
       ]
+    },
+    "content": {
+      "type": "customField",
+      "options": {
+        "output": "HTML",
+        "preset": "rich"
+      },
+      "customField": "plugin::ckeditor.CKEditor"
     }
   }
 }

src/components/media/carousel-image.json

@@ -23,6 +23,26 @@
         "videos",
         "audios"
       ]
+    },
+    "fullscreen": {
+      "type": "boolean"
+    },
+    "format": {
+      "type": "enumeration",
+      "enum": [
+        "picture",
+        "movie"
+      ]
+    },
+    "background": {
+      "allowedTypes": [
+        "images",
+        "files",
+        "videos",
+        "audios"
+      ],
+      "type": "media",
+      "multiple": false
     }
   }
 }

types/generated/components.d.ts

@@ -47,6 +47,9 @@ export interface MediaCarouselImage extends Schema.Component {
   attributes: {
     orientation: Attribute.Enumeration<['rightside', 'leftside']>;
     cover: Attribute.Media;
+    fullscreen: Attribute.Boolean;
+    format: Attribute.Enumeration<['picture', 'movie']>;
+    background: Attribute.Media;
   };
 }
 

types/generated/contentTypes.d.ts

@@ -1116,6 +1116,14 @@ export interface ApiPagePage extends Schema.CollectionType {
         'content.carousel'
       ]
     >;
+    content: Attribute.RichText &
+      Attribute.CustomField<
+        'plugin::ckeditor.CKEditor',
+        {
+          output: 'HTML';
+          preset: 'rich';
+        }
+      >;
     createdAt: Attribute.DateTime;
     updatedAt: Attribute.DateTime;
     publishedAt: Attribute.DateTime;