@_sh/strapi-plugin-ckeditor 6.0.2 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/dist/_chunks/{Field-bpNZPEcR.js → Field-D_sK_Mfq.js} +115 -78
- package/dist/_chunks/{Field-DwEixuI8.mjs → Field-SB2kmV75.mjs} +117 -80
- package/dist/_chunks/{index-CM-eZqTL.mjs → index-D6brYb_3.mjs} +66 -84
- package/dist/_chunks/{index-CgWKes-C.js → index-V5z1nLLU.js} +66 -84
- package/dist/admin/index.js +1 -1
- package/dist/admin/index.mjs +1 -1
- package/dist/admin/src/components/CKEReact.d.ts +4 -1
- package/dist/admin/src/components/Editor.d.ts +4 -1
- package/dist/admin/src/components/Field.d.ts +3 -2
- package/dist/server/index.js +33 -31
- package/dist/server/index.mjs +33 -31
- package/package.json +33 -31
|
@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
6
6
|
import { Flex, lightTheme } from "@strapi/design-system";
|
|
7
7
|
import cloneDeep from "lodash/cloneDeep";
|
|
8
8
|
const name = "@_sh/strapi-plugin-ckeditor";
|
|
9
|
-
const version = "
|
|
9
|
+
const version = "7.0.0";
|
|
10
10
|
const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
|
|
11
11
|
const keywords = [
|
|
12
12
|
"strapi",
|
|
@@ -67,43 +67,45 @@ const scripts = {
|
|
|
67
67
|
"test:ts:front": "run -T tsc -p admin/tsconfig.json",
|
|
68
68
|
"test:ts:back": "run -T tsc -p server/tsconfig.json",
|
|
69
69
|
release: "release-it",
|
|
70
|
-
"release:info": "release-it --changelog"
|
|
70
|
+
"release:info": "release-it --changelog",
|
|
71
|
+
"lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
|
|
72
|
+
"lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
|
|
71
73
|
};
|
|
72
74
|
const dependencies = {
|
|
73
|
-
"@ckeditor/ckeditor5-react": "~
|
|
74
|
-
"@strapi/design-system": "2.
|
|
75
|
-
"@strapi/icons": "2.
|
|
76
|
-
ckeditor5: "~
|
|
75
|
+
"@ckeditor/ckeditor5-react": "~11.0.1",
|
|
76
|
+
"@strapi/design-system": "2.1.2",
|
|
77
|
+
"@strapi/icons": "2.1.2",
|
|
78
|
+
ckeditor5: "~47.4.0",
|
|
77
79
|
lodash: "4.17.21",
|
|
78
80
|
"sanitize-html": "2.13.0",
|
|
79
81
|
yup: "0.32.9"
|
|
80
82
|
};
|
|
81
83
|
const devDependencies = {
|
|
82
84
|
"@release-it/conventional-changelog": "10.0.0",
|
|
83
|
-
"@strapi/sdk-plugin": "5.
|
|
84
|
-
"@strapi/strapi": "5.
|
|
85
|
-
"@strapi/typescript-utils": "5.
|
|
86
|
-
"@types/react": "^18.
|
|
87
|
-
"@types/react-dom": "^18.
|
|
88
|
-
"@types/sanitize-html": "2.13.0",
|
|
89
|
-
"@typescript-eslint/eslint-plugin": "7.0.0",
|
|
90
|
-
"@typescript-eslint/parser": "7.0.0",
|
|
91
|
-
eslint: "8.2.0",
|
|
92
|
-
"eslint-config-airbnb": "19.0.4",
|
|
93
|
-
"eslint-config-airbnb-typescript": "18.0.0",
|
|
94
|
-
"eslint-config-prettier": "9.1.0",
|
|
95
|
-
"eslint-plugin-import": "2.25.3",
|
|
96
|
-
"eslint-plugin-jsx-a11y": "6.10.2",
|
|
97
|
-
"eslint-plugin-prettier": "5.2.1",
|
|
98
|
-
"eslint-plugin-react": "7.28.0",
|
|
99
|
-
"eslint-plugin-react-hooks": "4.3.0",
|
|
100
|
-
prettier: "3.4.0",
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
|
|
85
|
+
"@strapi/sdk-plugin": "5.4.0",
|
|
86
|
+
"@strapi/strapi": "5.33.4",
|
|
87
|
+
"@strapi/typescript-utils": "5.33.4",
|
|
88
|
+
"@types/react": "^18.0.0",
|
|
89
|
+
"@types/react-dom": "^18.0.0",
|
|
90
|
+
"@types/sanitize-html": "^2.13.0",
|
|
91
|
+
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
92
|
+
"@typescript-eslint/parser": "^7.0.0",
|
|
93
|
+
eslint: "^8.2.0",
|
|
94
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
95
|
+
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
96
|
+
"eslint-config-prettier": "^9.1.0",
|
|
97
|
+
"eslint-plugin-import": "^2.25.3",
|
|
98
|
+
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
99
|
+
"eslint-plugin-prettier": "^5.2.1",
|
|
100
|
+
"eslint-plugin-react": "^7.28.0",
|
|
101
|
+
"eslint-plugin-react-hooks": "^4.3.0",
|
|
102
|
+
prettier: "^3.4.0",
|
|
103
|
+
"release-it": "^18.1.2",
|
|
104
|
+
typescript: "5.6.3",
|
|
105
|
+
react: "^18.0.0",
|
|
106
|
+
"react-dom": "^18.0.0",
|
|
107
|
+
"react-router-dom": "^6.0.0",
|
|
108
|
+
"styled-components": "^6.0.0"
|
|
107
109
|
};
|
|
108
110
|
const peerDependencies = {
|
|
109
111
|
"@strapi/strapi": "^5.0.0",
|
|
@@ -113,7 +115,7 @@ const peerDependencies = {
|
|
|
113
115
|
"styled-components": "^6.0.0"
|
|
114
116
|
};
|
|
115
117
|
const engines = {
|
|
116
|
-
node: ">=
|
|
118
|
+
node: ">=20.0.0 <=24.x.x",
|
|
117
119
|
npm: ">=6.0.0"
|
|
118
120
|
};
|
|
119
121
|
const license = "MIT";
|
|
@@ -162,7 +164,7 @@ const colors = css`
|
|
|
162
164
|
--ck-color-base-focus: ${theme.colors.primary200};
|
|
163
165
|
--ck-color-base-active: ${theme.colors.primary500}8F;
|
|
164
166
|
--ck-color-base-active-focus: ${theme.colors.primary600};
|
|
165
|
-
--ck-
|
|
167
|
+
--ck-content-font-color: ${theme.colors.neutral800};
|
|
166
168
|
--ck-color-base-border: ${theme.colors.neutral200};
|
|
167
169
|
--ck-color-base-background: ${theme.colors.neutral0};
|
|
168
170
|
--ck-custom-foreground: ${theme.colors.neutral200};
|
|
@@ -248,8 +250,13 @@ const colors = css`
|
|
|
248
250
|
|
|
249
251
|
/* -- Image ------------------------------------------------------------------------------- */
|
|
250
252
|
|
|
251
|
-
--ck-color-image-caption-background: ${theme.colors.neutral100};
|
|
252
|
-
--ck-color-image-caption-text: ${theme.colors.neutral800};
|
|
253
|
+
--ck-content-color-image-caption-background: ${theme.colors.neutral100};
|
|
254
|
+
--ck-content-color-image-caption-text: ${theme.colors.neutral800};
|
|
255
|
+
|
|
256
|
+
/* -- Table ------------------------------------------------------------------------------- */
|
|
257
|
+
|
|
258
|
+
--ck-content-color-table-caption-background: ${theme.colors.neutral100};
|
|
259
|
+
--ck-content-color-table-caption-text: ${theme.colors.neutral800};
|
|
253
260
|
|
|
254
261
|
/* -- Widget ------------------------------------------------------------------------------ */
|
|
255
262
|
|
|
@@ -288,18 +295,18 @@ const dark = css`
|
|
|
288
295
|
const reset = css`
|
|
289
296
|
${({ theme }) => css`
|
|
290
297
|
.ck {
|
|
291
|
-
--ck-color-image-caption-background: hsl(0, 0%, 97%);
|
|
292
|
-
--ck-color-image-caption-text: hsl(0, 0%, 20%);
|
|
293
|
-
--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
|
|
294
|
-
--ck-color-mention-text: hsl(341, 100%, 30%);
|
|
298
|
+
--ck-content-color-image-caption-background: hsl(0, 0%, 97%);
|
|
299
|
+
--ck-content-color-image-caption-text: hsl(0, 0%, 20%);
|
|
300
|
+
--ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);
|
|
301
|
+
--ck-content-color-mention-text: hsl(341, 100%, 30%);
|
|
295
302
|
--ck-color-table-caption-background: hsl(0, 0%, 97%);
|
|
296
303
|
--ck-color-table-caption-text: hsl(0, 0%, 20%);
|
|
297
|
-
--ck-highlight-marker-blue: hsl(201, 97%, 72%);
|
|
298
|
-
--ck-highlight-marker-green: hsl(120, 93%, 68%);
|
|
299
|
-
--ck-highlight-marker-pink: hsl(345, 96%, 73%);
|
|
300
|
-
--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
|
|
301
|
-
--ck-highlight-pen-green: hsl(112, 100%, 27%);
|
|
302
|
-
--ck-highlight-pen-red: hsl(0, 85%, 49%);
|
|
304
|
+
--ck-content-highlight-marker-blue: hsl(201, 97%, 72%);
|
|
305
|
+
--ck-content-highlight-marker-green: hsl(120, 93%, 68%);
|
|
306
|
+
--ck-content-highlight-marker-pink: hsl(345, 96%, 73%);
|
|
307
|
+
--ck-content-highlight-marker-yellow: hsl(60, 97%, 73%);
|
|
308
|
+
--ck-content-highlight-pen-green: hsl(112, 100%, 27%);
|
|
309
|
+
--ck-content-highlight-pen-red: hsl(0, 85%, 49%);
|
|
303
310
|
--ck-image-style-spacing: 1.5em;
|
|
304
311
|
--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
|
|
305
312
|
--ck-todo-list-checkmark-size: 16px;
|
|
@@ -316,7 +323,6 @@ const reset = css`
|
|
|
316
323
|
--ck-font-face: 'Source Sans Pro', system-ui, Roboto, 'Helvetica Neue', 'Helvetica', Arial,
|
|
317
324
|
sans-serif;
|
|
318
325
|
|
|
319
|
-
color: var(--ck-color-editor-base-text);
|
|
320
326
|
font-family: var(--ck-font-face);
|
|
321
327
|
|
|
322
328
|
* {
|
|
@@ -324,41 +330,6 @@ const reset = css`
|
|
|
324
330
|
margin: revert;
|
|
325
331
|
}
|
|
326
332
|
|
|
327
|
-
h1 {
|
|
328
|
-
font-size: 2.3em;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
h2 {
|
|
332
|
-
font-size: 1.84em;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
h3 {
|
|
336
|
-
font-size: 1.48em;
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
h4 {
|
|
340
|
-
font-size: 1.22em;
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
h5 {
|
|
344
|
-
font-size: 1.06em;
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
h6 {
|
|
348
|
-
font-size: 1em;
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
h1,
|
|
352
|
-
h2,
|
|
353
|
-
h3,
|
|
354
|
-
h4,
|
|
355
|
-
h5,
|
|
356
|
-
h6 {
|
|
357
|
-
line-height: 1.2em;
|
|
358
|
-
padding-top: 0.8em;
|
|
359
|
-
margin-bottom: 0.4em;
|
|
360
|
-
}
|
|
361
|
-
|
|
362
333
|
blockquote,
|
|
363
334
|
ol,
|
|
364
335
|
p,
|
|
@@ -370,9 +341,9 @@ const reset = css`
|
|
|
370
341
|
}
|
|
371
342
|
|
|
372
343
|
figcaption {
|
|
373
|
-
background-color: var(--ck-color-image-caption-background);
|
|
344
|
+
background-color: var(--ck-content-color-image-caption-background);
|
|
374
345
|
caption-side: bottom;
|
|
375
|
-
color: var(--ck-color-image-caption-text);
|
|
346
|
+
color: var(--ck-content-color-image-caption-text);
|
|
376
347
|
display: table-caption;
|
|
377
348
|
font-size: 0.75em;
|
|
378
349
|
outline-offset: -1px;
|
|
@@ -418,6 +389,11 @@ const reset = css`
|
|
|
418
389
|
sup {
|
|
419
390
|
vertical-align: super;
|
|
420
391
|
}
|
|
392
|
+
|
|
393
|
+
.ck-input-text.raw-html-embed__source,
|
|
394
|
+
.ck-button.raw-html-embed__edit-button {
|
|
395
|
+
color: var(--ck-color-text);
|
|
396
|
+
}
|
|
421
397
|
}
|
|
422
398
|
`}
|
|
423
399
|
`;
|
|
@@ -515,7 +491,7 @@ const plugin = css`
|
|
|
515
491
|
}
|
|
516
492
|
|
|
517
493
|
.ck.ck-editor__editable > .ck-placeholder::before {
|
|
518
|
-
color: var(--ck-
|
|
494
|
+
color: var(--ck-content-font-color);
|
|
519
495
|
opacity: 0.65;
|
|
520
496
|
}
|
|
521
497
|
|
|
@@ -526,6 +502,8 @@ const plugin = css`
|
|
|
526
502
|
`;
|
|
527
503
|
const expanded = css`
|
|
528
504
|
.ck-editor__expanded {
|
|
505
|
+
max-width: var(--ck-editor-full-screen-box-max-width);
|
|
506
|
+
|
|
529
507
|
.ck.ck-content.ck-editor__editable,
|
|
530
508
|
.ck-source-editing-area {
|
|
531
509
|
min-height: 100% !important;
|
|
@@ -565,6 +543,10 @@ const expanded = css`
|
|
|
565
543
|
right: 1.2rem;
|
|
566
544
|
}
|
|
567
545
|
}
|
|
546
|
+
|
|
547
|
+
.ck-body-wrapper {
|
|
548
|
+
pointer-events: all;
|
|
549
|
+
}
|
|
568
550
|
`;
|
|
569
551
|
const common = css`
|
|
570
552
|
${reset}
|
|
@@ -1243,7 +1225,7 @@ const index = {
|
|
|
1243
1225
|
defaultMessage: "The advanced rich text editor. (Community Edition)"
|
|
1244
1226
|
},
|
|
1245
1227
|
components: {
|
|
1246
|
-
Input: async () => import("./Field-
|
|
1228
|
+
Input: async () => import("./Field-SB2kmV75.mjs").then((module) => ({
|
|
1247
1229
|
default: module.Field
|
|
1248
1230
|
}))
|
|
1249
1231
|
},
|
|
@@ -28,7 +28,7 @@ const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
|
|
|
28
28
|
const sanitizeHtml__namespace = /* @__PURE__ */ _interopNamespace(sanitizeHtml);
|
|
29
29
|
const cloneDeep__default = /* @__PURE__ */ _interopDefault(cloneDeep);
|
|
30
30
|
const name = "@_sh/strapi-plugin-ckeditor";
|
|
31
|
-
const version = "
|
|
31
|
+
const version = "7.0.0";
|
|
32
32
|
const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
|
|
33
33
|
const keywords = [
|
|
34
34
|
"strapi",
|
|
@@ -89,43 +89,45 @@ const scripts = {
|
|
|
89
89
|
"test:ts:front": "run -T tsc -p admin/tsconfig.json",
|
|
90
90
|
"test:ts:back": "run -T tsc -p server/tsconfig.json",
|
|
91
91
|
release: "release-it",
|
|
92
|
-
"release:info": "release-it --changelog"
|
|
92
|
+
"release:info": "release-it --changelog",
|
|
93
|
+
"lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
|
|
94
|
+
"lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
|
|
93
95
|
};
|
|
94
96
|
const dependencies = {
|
|
95
|
-
"@ckeditor/ckeditor5-react": "~
|
|
96
|
-
"@strapi/design-system": "2.
|
|
97
|
-
"@strapi/icons": "2.
|
|
98
|
-
ckeditor5: "~
|
|
97
|
+
"@ckeditor/ckeditor5-react": "~11.0.1",
|
|
98
|
+
"@strapi/design-system": "2.1.2",
|
|
99
|
+
"@strapi/icons": "2.1.2",
|
|
100
|
+
ckeditor5: "~47.4.0",
|
|
99
101
|
lodash: "4.17.21",
|
|
100
102
|
"sanitize-html": "2.13.0",
|
|
101
103
|
yup: "0.32.9"
|
|
102
104
|
};
|
|
103
105
|
const devDependencies = {
|
|
104
106
|
"@release-it/conventional-changelog": "10.0.0",
|
|
105
|
-
"@strapi/sdk-plugin": "5.
|
|
106
|
-
"@strapi/strapi": "5.
|
|
107
|
-
"@strapi/typescript-utils": "5.
|
|
108
|
-
"@types/react": "^18.
|
|
109
|
-
"@types/react-dom": "^18.
|
|
110
|
-
"@types/sanitize-html": "2.13.0",
|
|
111
|
-
"@typescript-eslint/eslint-plugin": "7.0.0",
|
|
112
|
-
"@typescript-eslint/parser": "7.0.0",
|
|
113
|
-
eslint: "8.2.0",
|
|
114
|
-
"eslint-config-airbnb": "19.0.4",
|
|
115
|
-
"eslint-config-airbnb-typescript": "18.0.0",
|
|
116
|
-
"eslint-config-prettier": "9.1.0",
|
|
117
|
-
"eslint-plugin-import": "2.25.3",
|
|
118
|
-
"eslint-plugin-jsx-a11y": "6.10.2",
|
|
119
|
-
"eslint-plugin-prettier": "5.2.1",
|
|
120
|
-
"eslint-plugin-react": "7.28.0",
|
|
121
|
-
"eslint-plugin-react-hooks": "4.3.0",
|
|
122
|
-
prettier: "3.4.0",
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
"
|
|
127
|
-
"
|
|
128
|
-
|
|
107
|
+
"@strapi/sdk-plugin": "5.4.0",
|
|
108
|
+
"@strapi/strapi": "5.33.4",
|
|
109
|
+
"@strapi/typescript-utils": "5.33.4",
|
|
110
|
+
"@types/react": "^18.0.0",
|
|
111
|
+
"@types/react-dom": "^18.0.0",
|
|
112
|
+
"@types/sanitize-html": "^2.13.0",
|
|
113
|
+
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
114
|
+
"@typescript-eslint/parser": "^7.0.0",
|
|
115
|
+
eslint: "^8.2.0",
|
|
116
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
117
|
+
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
118
|
+
"eslint-config-prettier": "^9.1.0",
|
|
119
|
+
"eslint-plugin-import": "^2.25.3",
|
|
120
|
+
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
121
|
+
"eslint-plugin-prettier": "^5.2.1",
|
|
122
|
+
"eslint-plugin-react": "^7.28.0",
|
|
123
|
+
"eslint-plugin-react-hooks": "^4.3.0",
|
|
124
|
+
prettier: "^3.4.0",
|
|
125
|
+
"release-it": "^18.1.2",
|
|
126
|
+
typescript: "5.6.3",
|
|
127
|
+
react: "^18.0.0",
|
|
128
|
+
"react-dom": "^18.0.0",
|
|
129
|
+
"react-router-dom": "^6.0.0",
|
|
130
|
+
"styled-components": "^6.0.0"
|
|
129
131
|
};
|
|
130
132
|
const peerDependencies = {
|
|
131
133
|
"@strapi/strapi": "^5.0.0",
|
|
@@ -135,7 +137,7 @@ const peerDependencies = {
|
|
|
135
137
|
"styled-components": "^6.0.0"
|
|
136
138
|
};
|
|
137
139
|
const engines = {
|
|
138
|
-
node: ">=
|
|
140
|
+
node: ">=20.0.0 <=24.x.x",
|
|
139
141
|
npm: ">=6.0.0"
|
|
140
142
|
};
|
|
141
143
|
const license = "MIT";
|
|
@@ -184,7 +186,7 @@ const colors = styledComponents.css`
|
|
|
184
186
|
--ck-color-base-focus: ${theme.colors.primary200};
|
|
185
187
|
--ck-color-base-active: ${theme.colors.primary500}8F;
|
|
186
188
|
--ck-color-base-active-focus: ${theme.colors.primary600};
|
|
187
|
-
--ck-
|
|
189
|
+
--ck-content-font-color: ${theme.colors.neutral800};
|
|
188
190
|
--ck-color-base-border: ${theme.colors.neutral200};
|
|
189
191
|
--ck-color-base-background: ${theme.colors.neutral0};
|
|
190
192
|
--ck-custom-foreground: ${theme.colors.neutral200};
|
|
@@ -270,8 +272,13 @@ const colors = styledComponents.css`
|
|
|
270
272
|
|
|
271
273
|
/* -- Image ------------------------------------------------------------------------------- */
|
|
272
274
|
|
|
273
|
-
--ck-color-image-caption-background: ${theme.colors.neutral100};
|
|
274
|
-
--ck-color-image-caption-text: ${theme.colors.neutral800};
|
|
275
|
+
--ck-content-color-image-caption-background: ${theme.colors.neutral100};
|
|
276
|
+
--ck-content-color-image-caption-text: ${theme.colors.neutral800};
|
|
277
|
+
|
|
278
|
+
/* -- Table ------------------------------------------------------------------------------- */
|
|
279
|
+
|
|
280
|
+
--ck-content-color-table-caption-background: ${theme.colors.neutral100};
|
|
281
|
+
--ck-content-color-table-caption-text: ${theme.colors.neutral800};
|
|
275
282
|
|
|
276
283
|
/* -- Widget ------------------------------------------------------------------------------ */
|
|
277
284
|
|
|
@@ -310,18 +317,18 @@ const dark = styledComponents.css`
|
|
|
310
317
|
const reset = styledComponents.css`
|
|
311
318
|
${({ theme }) => styledComponents.css`
|
|
312
319
|
.ck {
|
|
313
|
-
--ck-color-image-caption-background: hsl(0, 0%, 97%);
|
|
314
|
-
--ck-color-image-caption-text: hsl(0, 0%, 20%);
|
|
315
|
-
--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
|
|
316
|
-
--ck-color-mention-text: hsl(341, 100%, 30%);
|
|
320
|
+
--ck-content-color-image-caption-background: hsl(0, 0%, 97%);
|
|
321
|
+
--ck-content-color-image-caption-text: hsl(0, 0%, 20%);
|
|
322
|
+
--ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);
|
|
323
|
+
--ck-content-color-mention-text: hsl(341, 100%, 30%);
|
|
317
324
|
--ck-color-table-caption-background: hsl(0, 0%, 97%);
|
|
318
325
|
--ck-color-table-caption-text: hsl(0, 0%, 20%);
|
|
319
|
-
--ck-highlight-marker-blue: hsl(201, 97%, 72%);
|
|
320
|
-
--ck-highlight-marker-green: hsl(120, 93%, 68%);
|
|
321
|
-
--ck-highlight-marker-pink: hsl(345, 96%, 73%);
|
|
322
|
-
--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
|
|
323
|
-
--ck-highlight-pen-green: hsl(112, 100%, 27%);
|
|
324
|
-
--ck-highlight-pen-red: hsl(0, 85%, 49%);
|
|
326
|
+
--ck-content-highlight-marker-blue: hsl(201, 97%, 72%);
|
|
327
|
+
--ck-content-highlight-marker-green: hsl(120, 93%, 68%);
|
|
328
|
+
--ck-content-highlight-marker-pink: hsl(345, 96%, 73%);
|
|
329
|
+
--ck-content-highlight-marker-yellow: hsl(60, 97%, 73%);
|
|
330
|
+
--ck-content-highlight-pen-green: hsl(112, 100%, 27%);
|
|
331
|
+
--ck-content-highlight-pen-red: hsl(0, 85%, 49%);
|
|
325
332
|
--ck-image-style-spacing: 1.5em;
|
|
326
333
|
--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
|
|
327
334
|
--ck-todo-list-checkmark-size: 16px;
|
|
@@ -338,7 +345,6 @@ const reset = styledComponents.css`
|
|
|
338
345
|
--ck-font-face: 'Source Sans Pro', system-ui, Roboto, 'Helvetica Neue', 'Helvetica', Arial,
|
|
339
346
|
sans-serif;
|
|
340
347
|
|
|
341
|
-
color: var(--ck-color-editor-base-text);
|
|
342
348
|
font-family: var(--ck-font-face);
|
|
343
349
|
|
|
344
350
|
* {
|
|
@@ -346,41 +352,6 @@ const reset = styledComponents.css`
|
|
|
346
352
|
margin: revert;
|
|
347
353
|
}
|
|
348
354
|
|
|
349
|
-
h1 {
|
|
350
|
-
font-size: 2.3em;
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
h2 {
|
|
354
|
-
font-size: 1.84em;
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
h3 {
|
|
358
|
-
font-size: 1.48em;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
h4 {
|
|
362
|
-
font-size: 1.22em;
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
h5 {
|
|
366
|
-
font-size: 1.06em;
|
|
367
|
-
}
|
|
368
|
-
|
|
369
|
-
h6 {
|
|
370
|
-
font-size: 1em;
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
h1,
|
|
374
|
-
h2,
|
|
375
|
-
h3,
|
|
376
|
-
h4,
|
|
377
|
-
h5,
|
|
378
|
-
h6 {
|
|
379
|
-
line-height: 1.2em;
|
|
380
|
-
padding-top: 0.8em;
|
|
381
|
-
margin-bottom: 0.4em;
|
|
382
|
-
}
|
|
383
|
-
|
|
384
355
|
blockquote,
|
|
385
356
|
ol,
|
|
386
357
|
p,
|
|
@@ -392,9 +363,9 @@ const reset = styledComponents.css`
|
|
|
392
363
|
}
|
|
393
364
|
|
|
394
365
|
figcaption {
|
|
395
|
-
background-color: var(--ck-color-image-caption-background);
|
|
366
|
+
background-color: var(--ck-content-color-image-caption-background);
|
|
396
367
|
caption-side: bottom;
|
|
397
|
-
color: var(--ck-color-image-caption-text);
|
|
368
|
+
color: var(--ck-content-color-image-caption-text);
|
|
398
369
|
display: table-caption;
|
|
399
370
|
font-size: 0.75em;
|
|
400
371
|
outline-offset: -1px;
|
|
@@ -440,6 +411,11 @@ const reset = styledComponents.css`
|
|
|
440
411
|
sup {
|
|
441
412
|
vertical-align: super;
|
|
442
413
|
}
|
|
414
|
+
|
|
415
|
+
.ck-input-text.raw-html-embed__source,
|
|
416
|
+
.ck-button.raw-html-embed__edit-button {
|
|
417
|
+
color: var(--ck-color-text);
|
|
418
|
+
}
|
|
443
419
|
}
|
|
444
420
|
`}
|
|
445
421
|
`;
|
|
@@ -537,7 +513,7 @@ const plugin = styledComponents.css`
|
|
|
537
513
|
}
|
|
538
514
|
|
|
539
515
|
.ck.ck-editor__editable > .ck-placeholder::before {
|
|
540
|
-
color: var(--ck-
|
|
516
|
+
color: var(--ck-content-font-color);
|
|
541
517
|
opacity: 0.65;
|
|
542
518
|
}
|
|
543
519
|
|
|
@@ -548,6 +524,8 @@ const plugin = styledComponents.css`
|
|
|
548
524
|
`;
|
|
549
525
|
const expanded = styledComponents.css`
|
|
550
526
|
.ck-editor__expanded {
|
|
527
|
+
max-width: var(--ck-editor-full-screen-box-max-width);
|
|
528
|
+
|
|
551
529
|
.ck.ck-content.ck-editor__editable,
|
|
552
530
|
.ck-source-editing-area {
|
|
553
531
|
min-height: 100% !important;
|
|
@@ -587,6 +565,10 @@ const expanded = styledComponents.css`
|
|
|
587
565
|
right: 1.2rem;
|
|
588
566
|
}
|
|
589
567
|
}
|
|
568
|
+
|
|
569
|
+
.ck-body-wrapper {
|
|
570
|
+
pointer-events: all;
|
|
571
|
+
}
|
|
590
572
|
`;
|
|
591
573
|
const common = styledComponents.css`
|
|
592
574
|
${reset}
|
|
@@ -1265,7 +1247,7 @@ const index = {
|
|
|
1265
1247
|
defaultMessage: "The advanced rich text editor. (Community Edition)"
|
|
1266
1248
|
},
|
|
1267
1249
|
components: {
|
|
1268
|
-
Input: async () => Promise.resolve().then(() => require("./Field-
|
|
1250
|
+
Input: async () => Promise.resolve().then(() => require("./Field-D_sK_Mfq.js")).then((module2) => ({
|
|
1269
1251
|
default: module2.Field
|
|
1270
1252
|
}))
|
|
1271
1253
|
},
|
package/dist/admin/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
require("yup");
|
|
4
|
-
const index = require("../_chunks/index-
|
|
4
|
+
const index = require("../_chunks/index-V5z1nLLU.js");
|
|
5
5
|
require("ckeditor5");
|
|
6
6
|
require("sanitize-html");
|
|
7
7
|
exports.StrapiMediaLib = index.StrapiMediaLib;
|
package/dist/admin/index.mjs
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import 'ckeditor5/ckeditor5.css';
|
|
2
3
|
export type WordCountPluginStats = {
|
|
3
4
|
words: number;
|
|
4
5
|
characters: number;
|
|
5
6
|
};
|
|
6
|
-
export declare
|
|
7
|
+
export declare const CKEReact: React.ForwardRefExoticComponent<React.RefAttributes<{
|
|
8
|
+
focus: () => void;
|
|
9
|
+
}>>;
|
|
@@ -15,6 +15,7 @@ type CKEditorFieldProps = Readonly<InputProps & FieldValue & {
|
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
}>;
|
|
18
|
-
declare
|
|
19
|
-
|
|
18
|
+
declare const MemoizedField: React.MemoExoticComponent<React.ForwardRefExoticComponent<CKEditorFieldProps & React.RefAttributes<{
|
|
19
|
+
focus: () => void;
|
|
20
|
+
}>>>;
|
|
20
21
|
export { MemoizedField as Field };
|
package/dist/server/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const name = "@_sh/strapi-plugin-ckeditor";
|
|
3
|
-
const version = "
|
|
3
|
+
const version = "7.0.0";
|
|
4
4
|
const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
|
|
5
5
|
const keywords = [
|
|
6
6
|
"strapi",
|
|
@@ -61,43 +61,45 @@ const scripts = {
|
|
|
61
61
|
"test:ts:front": "run -T tsc -p admin/tsconfig.json",
|
|
62
62
|
"test:ts:back": "run -T tsc -p server/tsconfig.json",
|
|
63
63
|
release: "release-it",
|
|
64
|
-
"release:info": "release-it --changelog"
|
|
64
|
+
"release:info": "release-it --changelog",
|
|
65
|
+
"lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
|
|
66
|
+
"lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
|
|
65
67
|
};
|
|
66
68
|
const dependencies = {
|
|
67
|
-
"@ckeditor/ckeditor5-react": "~
|
|
68
|
-
"@strapi/design-system": "2.
|
|
69
|
-
"@strapi/icons": "2.
|
|
70
|
-
ckeditor5: "~
|
|
69
|
+
"@ckeditor/ckeditor5-react": "~11.0.1",
|
|
70
|
+
"@strapi/design-system": "2.1.2",
|
|
71
|
+
"@strapi/icons": "2.1.2",
|
|
72
|
+
ckeditor5: "~47.4.0",
|
|
71
73
|
lodash: "4.17.21",
|
|
72
74
|
"sanitize-html": "2.13.0",
|
|
73
75
|
yup: "0.32.9"
|
|
74
76
|
};
|
|
75
77
|
const devDependencies = {
|
|
76
78
|
"@release-it/conventional-changelog": "10.0.0",
|
|
77
|
-
"@strapi/sdk-plugin": "5.
|
|
78
|
-
"@strapi/strapi": "5.
|
|
79
|
-
"@strapi/typescript-utils": "5.
|
|
80
|
-
"@types/react": "^18.
|
|
81
|
-
"@types/react-dom": "^18.
|
|
82
|
-
"@types/sanitize-html": "2.13.0",
|
|
83
|
-
"@typescript-eslint/eslint-plugin": "7.0.0",
|
|
84
|
-
"@typescript-eslint/parser": "7.0.0",
|
|
85
|
-
eslint: "8.2.0",
|
|
86
|
-
"eslint-config-airbnb": "19.0.4",
|
|
87
|
-
"eslint-config-airbnb-typescript": "18.0.0",
|
|
88
|
-
"eslint-config-prettier": "9.1.0",
|
|
89
|
-
"eslint-plugin-import": "2.25.3",
|
|
90
|
-
"eslint-plugin-jsx-a11y": "6.10.2",
|
|
91
|
-
"eslint-plugin-prettier": "5.2.1",
|
|
92
|
-
"eslint-plugin-react": "7.28.0",
|
|
93
|
-
"eslint-plugin-react-hooks": "4.3.0",
|
|
94
|
-
prettier: "3.4.0",
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
|
|
79
|
+
"@strapi/sdk-plugin": "5.4.0",
|
|
80
|
+
"@strapi/strapi": "5.33.4",
|
|
81
|
+
"@strapi/typescript-utils": "5.33.4",
|
|
82
|
+
"@types/react": "^18.0.0",
|
|
83
|
+
"@types/react-dom": "^18.0.0",
|
|
84
|
+
"@types/sanitize-html": "^2.13.0",
|
|
85
|
+
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
86
|
+
"@typescript-eslint/parser": "^7.0.0",
|
|
87
|
+
eslint: "^8.2.0",
|
|
88
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
89
|
+
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
90
|
+
"eslint-config-prettier": "^9.1.0",
|
|
91
|
+
"eslint-plugin-import": "^2.25.3",
|
|
92
|
+
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
93
|
+
"eslint-plugin-prettier": "^5.2.1",
|
|
94
|
+
"eslint-plugin-react": "^7.28.0",
|
|
95
|
+
"eslint-plugin-react-hooks": "^4.3.0",
|
|
96
|
+
prettier: "^3.4.0",
|
|
97
|
+
"release-it": "^18.1.2",
|
|
98
|
+
typescript: "5.6.3",
|
|
99
|
+
react: "^18.0.0",
|
|
100
|
+
"react-dom": "^18.0.0",
|
|
101
|
+
"react-router-dom": "^6.0.0",
|
|
102
|
+
"styled-components": "^6.0.0"
|
|
101
103
|
};
|
|
102
104
|
const peerDependencies = {
|
|
103
105
|
"@strapi/strapi": "^5.0.0",
|
|
@@ -107,7 +109,7 @@ const peerDependencies = {
|
|
|
107
109
|
"styled-components": "^6.0.0"
|
|
108
110
|
};
|
|
109
111
|
const engines = {
|
|
110
|
-
node: ">=
|
|
112
|
+
node: ">=20.0.0 <=24.x.x",
|
|
111
113
|
npm: ">=6.0.0"
|
|
112
114
|
};
|
|
113
115
|
const license = "MIT";
|