@ckeditor/ckeditor5-ckbox 47.6.1-alpha.1 → 48.0.0-alpha.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/LICENSE.md +1 -1
- package/ckeditor5-metadata.json +4 -4
- package/{src → dist}/ckbox.d.ts +1 -1
- package/{src → dist}/ckboxcommand.d.ts +1 -1
- package/{src → dist}/ckboxconfig.d.ts +1 -1
- package/{src → dist}/ckboxediting.d.ts +4 -2
- package/{src → dist}/ckboximageedit/ckboximageeditcommand.d.ts +1 -1
- package/{src → dist}/ckboximageedit/ckboximageeditediting.d.ts +4 -3
- package/{src → dist}/ckboximageedit/ckboximageeditui.d.ts +1 -1
- package/{src → dist}/ckboximageedit/utils.d.ts +1 -1
- package/{src → dist}/ckboximageedit.d.ts +1 -1
- package/{src → dist}/ckboxui.d.ts +1 -1
- package/{src → dist}/ckboxuploadadapter.d.ts +4 -3
- package/{src → dist}/ckboxutils.d.ts +3 -3
- package/dist/index-editor.css +24 -28
- package/dist/index.css +25 -36
- package/dist/index.css.map +1 -1
- package/dist/index.js +14 -10
- package/dist/index.js.map +1 -1
- package/package.json +28 -51
- package/build/ckbox.js +0 -5
- package/build/translations/af.js +0 -1
- package/build/translations/ar.js +0 -1
- package/build/translations/ast.js +0 -1
- package/build/translations/az.js +0 -1
- package/build/translations/be.js +0 -1
- package/build/translations/bg.js +0 -1
- package/build/translations/bn.js +0 -1
- package/build/translations/bs.js +0 -1
- package/build/translations/ca.js +0 -1
- package/build/translations/cs.js +0 -1
- package/build/translations/da.js +0 -1
- package/build/translations/de-ch.js +0 -1
- package/build/translations/de.js +0 -1
- package/build/translations/el.js +0 -1
- package/build/translations/en-au.js +0 -1
- package/build/translations/en-gb.js +0 -1
- package/build/translations/eo.js +0 -1
- package/build/translations/es-co.js +0 -1
- package/build/translations/es.js +0 -1
- package/build/translations/et.js +0 -1
- package/build/translations/eu.js +0 -1
- package/build/translations/fa.js +0 -1
- package/build/translations/fi.js +0 -1
- package/build/translations/fr.js +0 -1
- package/build/translations/gl.js +0 -1
- package/build/translations/gu.js +0 -1
- package/build/translations/he.js +0 -1
- package/build/translations/hi.js +0 -1
- package/build/translations/hr.js +0 -1
- package/build/translations/hu.js +0 -1
- package/build/translations/hy.js +0 -1
- package/build/translations/id.js +0 -1
- package/build/translations/it.js +0 -1
- package/build/translations/ja.js +0 -1
- package/build/translations/jv.js +0 -1
- package/build/translations/kk.js +0 -1
- package/build/translations/km.js +0 -1
- package/build/translations/kn.js +0 -1
- package/build/translations/ko.js +0 -1
- package/build/translations/ku.js +0 -1
- package/build/translations/lt.js +0 -1
- package/build/translations/lv.js +0 -1
- package/build/translations/ms.js +0 -1
- package/build/translations/nb.js +0 -1
- package/build/translations/ne.js +0 -1
- package/build/translations/nl.js +0 -1
- package/build/translations/no.js +0 -1
- package/build/translations/oc.js +0 -1
- package/build/translations/pl.js +0 -1
- package/build/translations/pt-br.js +0 -1
- package/build/translations/pt.js +0 -1
- package/build/translations/ro.js +0 -1
- package/build/translations/ru.js +0 -1
- package/build/translations/si.js +0 -1
- package/build/translations/sk.js +0 -1
- package/build/translations/sl.js +0 -1
- package/build/translations/sq.js +0 -1
- package/build/translations/sr-latn.js +0 -1
- package/build/translations/sr.js +0 -1
- package/build/translations/sv.js +0 -1
- package/build/translations/th.js +0 -1
- package/build/translations/ti.js +0 -1
- package/build/translations/tk.js +0 -1
- package/build/translations/tr.js +0 -1
- package/build/translations/tt.js +0 -1
- package/build/translations/ug.js +0 -1
- package/build/translations/uk.js +0 -1
- package/build/translations/ur.js +0 -1
- package/build/translations/uz.js +0 -1
- package/build/translations/vi.js +0 -1
- package/build/translations/zh-cn.js +0 -1
- package/build/translations/zh.js +0 -1
- package/lang/contexts.json +0 -10
- package/lang/translations/af.po +0 -44
- package/lang/translations/ar.po +0 -44
- package/lang/translations/ast.po +0 -44
- package/lang/translations/az.po +0 -44
- package/lang/translations/be.po +0 -44
- package/lang/translations/bg.po +0 -44
- package/lang/translations/bn.po +0 -44
- package/lang/translations/bs.po +0 -44
- package/lang/translations/ca.po +0 -44
- package/lang/translations/cs.po +0 -44
- package/lang/translations/da.po +0 -44
- package/lang/translations/de-ch.po +0 -44
- package/lang/translations/de.po +0 -44
- package/lang/translations/el.po +0 -44
- package/lang/translations/en-au.po +0 -44
- package/lang/translations/en-gb.po +0 -44
- package/lang/translations/en.po +0 -44
- package/lang/translations/eo.po +0 -44
- package/lang/translations/es-co.po +0 -44
- package/lang/translations/es.po +0 -44
- package/lang/translations/et.po +0 -44
- package/lang/translations/eu.po +0 -44
- package/lang/translations/fa.po +0 -44
- package/lang/translations/fi.po +0 -44
- package/lang/translations/fr.po +0 -44
- package/lang/translations/gl.po +0 -44
- package/lang/translations/gu.po +0 -44
- package/lang/translations/he.po +0 -44
- package/lang/translations/hi.po +0 -44
- package/lang/translations/hr.po +0 -44
- package/lang/translations/hu.po +0 -44
- package/lang/translations/hy.po +0 -44
- package/lang/translations/id.po +0 -44
- package/lang/translations/it.po +0 -44
- package/lang/translations/ja.po +0 -44
- package/lang/translations/jv.po +0 -44
- package/lang/translations/kk.po +0 -44
- package/lang/translations/km.po +0 -44
- package/lang/translations/kn.po +0 -44
- package/lang/translations/ko.po +0 -44
- package/lang/translations/ku.po +0 -44
- package/lang/translations/lt.po +0 -44
- package/lang/translations/lv.po +0 -44
- package/lang/translations/ms.po +0 -44
- package/lang/translations/nb.po +0 -44
- package/lang/translations/ne.po +0 -44
- package/lang/translations/nl.po +0 -44
- package/lang/translations/no.po +0 -44
- package/lang/translations/oc.po +0 -44
- package/lang/translations/pl.po +0 -44
- package/lang/translations/pt-br.po +0 -44
- package/lang/translations/pt.po +0 -44
- package/lang/translations/ro.po +0 -44
- package/lang/translations/ru.po +0 -44
- package/lang/translations/si.po +0 -44
- package/lang/translations/sk.po +0 -44
- package/lang/translations/sl.po +0 -44
- package/lang/translations/sq.po +0 -44
- package/lang/translations/sr-latn.po +0 -44
- package/lang/translations/sr.po +0 -44
- package/lang/translations/sv.po +0 -44
- package/lang/translations/th.po +0 -44
- package/lang/translations/ti.po +0 -44
- package/lang/translations/tk.po +0 -44
- package/lang/translations/tr.po +0 -44
- package/lang/translations/tt.po +0 -44
- package/lang/translations/ug.po +0 -44
- package/lang/translations/uk.po +0 -44
- package/lang/translations/ur.po +0 -44
- package/lang/translations/uz.po +0 -44
- package/lang/translations/vi.po +0 -44
- package/lang/translations/zh-cn.po +0 -44
- package/lang/translations/zh.po +0 -44
- package/src/augmentation.js +0 -5
- package/src/ckbox.js +0 -43
- package/src/ckboxcommand.js +0 -382
- package/src/ckboxconfig.js +0 -5
- package/src/ckboxediting.js +0 -388
- package/src/ckboximageedit/ckboximageeditcommand.js +0 -318
- package/src/ckboximageedit/ckboximageeditediting.js +0 -42
- package/src/ckboximageedit/ckboximageeditui.js +0 -57
- package/src/ckboximageedit/utils.js +0 -48
- package/src/ckboximageedit.js +0 -34
- package/src/ckboxui.js +0 -139
- package/src/ckboxuploadadapter.js +0 -159
- package/src/ckboxutils.js +0 -215
- package/src/index.js +0 -21
- package/src/utils.js +0 -188
- package/theme/ckboximageedit.css +0 -53
- /package/{src → dist}/augmentation.d.ts +0 -0
- /package/{src → dist}/index.d.ts +0 -0
- /package/{src → dist}/utils.d.ts +0 -0
package/LICENSE.md
CHANGED
|
@@ -19,7 +19,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
|
|
|
19
19
|
The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
|
|
20
20
|
|
|
21
21
|
* blurhash - Copyright (c) 2018 Wolt Enterprises.
|
|
22
|
-
* es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
|
|
22
|
+
* es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
|
|
23
23
|
|
|
24
24
|
Trademarks
|
|
25
25
|
----------
|
package/ckeditor5-metadata.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"className": "CKBox",
|
|
6
6
|
"description": "Allows inserting images as well as links to files into the rich-text editor content.",
|
|
7
7
|
"docs": "features/file-management/ckbox.html",
|
|
8
|
-
"path": "src/ckbox.
|
|
8
|
+
"path": "src/ckbox.ts",
|
|
9
9
|
"requires": [
|
|
10
10
|
"CloudServices",
|
|
11
11
|
"Link",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
{
|
|
21
21
|
"name": "ckbox",
|
|
22
22
|
"type": "Button",
|
|
23
|
-
"
|
|
23
|
+
"iconName": "IconBrowseFiles"
|
|
24
24
|
}
|
|
25
25
|
],
|
|
26
26
|
"htmlOutput": [
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"className": "CKBoxImageEdit",
|
|
43
43
|
"description": "Allows editing images.",
|
|
44
44
|
"docs": "features/file-management/ckbox.html",
|
|
45
|
-
"path": "src/ckboximageedit.
|
|
45
|
+
"path": "src/ckboximageedit.ts",
|
|
46
46
|
"requires": [
|
|
47
47
|
"CKBox"
|
|
48
48
|
],
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
{
|
|
51
51
|
"name": "ckboxImageEdit",
|
|
52
52
|
"type": "Button",
|
|
53
|
-
"
|
|
53
|
+
"iconName": "IconCkboxImageEdit"
|
|
54
54
|
}
|
|
55
55
|
]
|
|
56
56
|
}
|
package/{src → dist}/ckbox.d.ts
RENAMED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
4
|
*/
|
|
5
|
-
import { Command, type Editor } from 'ckeditor5
|
|
5
|
+
import { Command, type Editor } from '@ckeditor/ckeditor5-core';
|
|
6
6
|
import type { CKBoxAssetDefinition, CKBoxAssetImageAttributesDefinition, CKBoxRawAssetDefinition } from './ckboxconfig.js';
|
|
7
7
|
/**
|
|
8
8
|
* The CKBox command. It is used by the {@link module:ckbox/ckboxediting~CKBoxEditing CKBox editing feature} to open the CKBox file manager.
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @module ckbox/ckboxconfig
|
|
7
7
|
*/
|
|
8
8
|
import type { TokenUrl } from '@ckeditor/ckeditor5-cloud-services';
|
|
9
|
-
import type { ArrayOrItem } from 'ckeditor5
|
|
9
|
+
import type { ArrayOrItem } from '@ckeditor/ckeditor5-utils';
|
|
10
10
|
/**
|
|
11
11
|
* The configuration of the {@link module:ckbox/ckbox~CKBox CKBox feature}.
|
|
12
12
|
*
|
|
@@ -5,9 +5,11 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @module ckbox/ckboxediting
|
|
7
7
|
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5
|
|
8
|
+
import { Plugin } from '@ckeditor/ckeditor5-core';
|
|
9
|
+
import { LinkEditing } from '@ckeditor/ckeditor5-link';
|
|
9
10
|
import { CKBoxUploadAdapter } from './ckboxuploadadapter.js';
|
|
10
11
|
import { CKBoxUtils } from './ckboxutils.js';
|
|
12
|
+
import { PictureEditing } from '@ckeditor/ckeditor5-image';
|
|
11
13
|
/**
|
|
12
14
|
* The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and
|
|
13
15
|
* {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
|
|
@@ -24,7 +26,7 @@ export declare class CKBoxEditing extends Plugin {
|
|
|
24
26
|
/**
|
|
25
27
|
* @inheritDoc
|
|
26
28
|
*/
|
|
27
|
-
static get requires(): readonly [
|
|
29
|
+
static get requires(): readonly [typeof LinkEditing, typeof PictureEditing, typeof CKBoxUploadAdapter, typeof CKBoxUtils];
|
|
28
30
|
/**
|
|
29
31
|
* @inheritDoc
|
|
30
32
|
*/
|
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @module ckbox/ckboximageedit/ckboximageeditediting
|
|
7
7
|
*/
|
|
8
|
-
import { PendingActions, Plugin } from 'ckeditor5
|
|
9
|
-
import { Notification } from 'ckeditor5
|
|
8
|
+
import { PendingActions, Plugin } from '@ckeditor/ckeditor5-core';
|
|
9
|
+
import { Notification } from '@ckeditor/ckeditor5-ui';
|
|
10
|
+
import { ImageEditing, ImageUtils } from '@ckeditor/ckeditor5-image';
|
|
10
11
|
import { CKBoxEditing } from '../ckboxediting.js';
|
|
11
12
|
import { CKBoxUtils } from '../ckboxutils.js';
|
|
12
13
|
/**
|
|
@@ -24,7 +25,7 @@ export declare class CKBoxImageEditEditing extends Plugin {
|
|
|
24
25
|
/**
|
|
25
26
|
* @inheritDoc
|
|
26
27
|
*/
|
|
27
|
-
static get requires(): readonly [typeof CKBoxEditing, typeof CKBoxUtils, typeof PendingActions, typeof Notification,
|
|
28
|
+
static get requires(): readonly [typeof CKBoxEditing, typeof CKBoxUtils, typeof PendingActions, typeof Notification, typeof ImageUtils, typeof ImageEditing];
|
|
28
29
|
/**
|
|
29
30
|
* @inheritDoc
|
|
30
31
|
*/
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
4
|
*/
|
|
5
|
-
import type { ModelElement } from 'ckeditor5
|
|
5
|
+
import type { ModelElement } from '@ckeditor/ckeditor5-engine';
|
|
6
6
|
import type { CKBoxConfig } from '../ckboxconfig.js';
|
|
7
7
|
/**
|
|
8
8
|
* @internal
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @module ckbox/ckboximageedit
|
|
7
7
|
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5
|
|
8
|
+
import { Plugin } from '@ckeditor/ckeditor5-core';
|
|
9
9
|
import { CKBoxImageEditEditing } from './ckboximageedit/ckboximageeditediting.js';
|
|
10
10
|
import { CKBoxImageEditUI } from './ckboximageedit/ckboximageeditui.js';
|
|
11
11
|
import '../theme/ckboximageedit.css';
|
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @module ckbox/ckboxuploadadapter
|
|
7
7
|
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5
|
|
9
|
-
import { FileRepository } from 'ckeditor5
|
|
8
|
+
import { Plugin } from '@ckeditor/ckeditor5-core';
|
|
9
|
+
import { FileRepository } from '@ckeditor/ckeditor5-upload';
|
|
10
|
+
import { ImageUploadEditing, ImageUploadProgress } from '@ckeditor/ckeditor5-image';
|
|
10
11
|
import { CKBoxEditing } from './ckboxediting.js';
|
|
11
12
|
/**
|
|
12
13
|
* A plugin that enables file uploads in CKEditor 5 using the CKBox server–side connector.
|
|
@@ -21,7 +22,7 @@ export declare class CKBoxUploadAdapter extends Plugin {
|
|
|
21
22
|
/**
|
|
22
23
|
* @inheritDoc
|
|
23
24
|
*/
|
|
24
|
-
static get requires(): readonly [
|
|
25
|
+
static get requires(): readonly [typeof ImageUploadEditing, typeof ImageUploadProgress, typeof FileRepository, typeof CKBoxEditing];
|
|
25
26
|
/**
|
|
26
27
|
* @inheritDoc
|
|
27
28
|
*/
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @module ckbox/ckboxutils
|
|
7
7
|
*/
|
|
8
|
-
import type
|
|
9
|
-
import { Plugin } from 'ckeditor5
|
|
8
|
+
import { CloudServices, type InitializedToken } from '@ckeditor/ckeditor5-cloud-services';
|
|
9
|
+
import { Plugin } from '@ckeditor/ckeditor5-core';
|
|
10
10
|
/**
|
|
11
11
|
* The CKBox utilities plugin.
|
|
12
12
|
*/
|
|
@@ -26,7 +26,7 @@ export declare class CKBoxUtils extends Plugin {
|
|
|
26
26
|
/**
|
|
27
27
|
* @inheritDoc
|
|
28
28
|
*/
|
|
29
|
-
static get requires(): readonly [
|
|
29
|
+
static get requires(): readonly [typeof CloudServices];
|
|
30
30
|
/**
|
|
31
31
|
* @inheritDoc
|
|
32
32
|
*/
|
package/dist/index-editor.css
CHANGED
|
@@ -3,44 +3,40 @@
|
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
4
|
*/
|
|
5
5
|
:root{
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
--ck-image-processing-highlight-color:#f9fafa;
|
|
7
|
+
--ck-image-processing-background-color:#e3e5e8;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.ck.ck-editor__editable .image.image-processing{
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
position:relative;
|
|
12
|
+
}
|
|
13
13
|
|
|
14
14
|
.ck.ck-editor__editable .image.image-processing:before{
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
top:0;
|
|
19
|
-
left:0;
|
|
20
|
-
z-index:1;
|
|
21
|
-
|
|
22
|
-
height:100%;
|
|
23
|
-
width:100%;
|
|
24
|
-
|
|
25
|
-
background:linear-gradient(
|
|
26
|
-
90deg,
|
|
15
|
+
content:"";
|
|
16
|
+
z-index:1;
|
|
17
|
+
background:linear-gradient(90deg,
|
|
27
18
|
var(--ck-image-processing-background-color),
|
|
28
19
|
var(--ck-image-processing-highlight-color),
|
|
29
20
|
var(--ck-image-processing-background-color));
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
21
|
+
background-size:200% 100%;
|
|
22
|
+
width:100%;
|
|
23
|
+
height:100%;
|
|
24
|
+
animation:2s linear infinite ck-image-processing-animation;
|
|
25
|
+
position:absolute;
|
|
26
|
+
top:0;
|
|
27
|
+
left:0;
|
|
28
|
+
}
|
|
34
29
|
|
|
35
30
|
.ck.ck-editor__editable .image.image-processing img{
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
height:100%;
|
|
32
|
+
}
|
|
38
33
|
|
|
39
34
|
@keyframes ck-image-processing-animation{
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
35
|
+
0%{
|
|
36
|
+
background-position:200% 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
100%{
|
|
40
|
+
background-position:-200% 0;
|
|
41
|
+
}
|
|
46
42
|
}
|
package/dist/index.css
CHANGED
|
@@ -2,54 +2,43 @@
|
|
|
2
2
|
* @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
4
4
|
*/
|
|
5
|
-
/*
|
|
6
|
-
* Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
|
|
7
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
5
|
:root {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
--ck-image-processing-background-color: hsl(220, 10%, 90%);
|
|
6
|
+
--ck-image-processing-highlight-color: #f9fafa;
|
|
7
|
+
--ck-image-processing-background-color: #e3e5e8;
|
|
14
8
|
}
|
|
15
9
|
|
|
16
10
|
.ck.ck-editor__editable .image.image-processing {
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
position: relative;
|
|
12
|
+
}
|
|
19
13
|
|
|
20
14
|
.ck.ck-editor__editable .image.image-processing:before {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
top: 0;
|
|
25
|
-
left: 0;
|
|
26
|
-
z-index: 1;
|
|
27
|
-
|
|
28
|
-
height: 100%;
|
|
29
|
-
width: 100%;
|
|
30
|
-
|
|
31
|
-
background: linear-gradient(
|
|
32
|
-
90deg,
|
|
15
|
+
content: "";
|
|
16
|
+
z-index: 1;
|
|
17
|
+
background: linear-gradient(90deg,
|
|
33
18
|
var(--ck-image-processing-background-color),
|
|
34
19
|
var(--ck-image-processing-highlight-color),
|
|
35
|
-
var(--ck-image-processing-background-color)
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
20
|
+
var(--ck-image-processing-background-color));
|
|
21
|
+
background-size: 200% 100%;
|
|
22
|
+
width: 100%;
|
|
23
|
+
height: 100%;
|
|
24
|
+
animation: 2s linear infinite ck-image-processing-animation;
|
|
25
|
+
position: absolute;
|
|
26
|
+
top: 0;
|
|
27
|
+
left: 0;
|
|
28
|
+
}
|
|
41
29
|
|
|
42
30
|
.ck.ck-editor__editable .image.image-processing img {
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
height: 100%;
|
|
32
|
+
}
|
|
45
33
|
|
|
46
34
|
@keyframes ck-image-processing-animation {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
35
|
+
0% {
|
|
36
|
+
background-position: 200% 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
100% {
|
|
40
|
+
background-position: -200% 0;
|
|
41
|
+
}
|
|
53
42
|
}
|
|
54
43
|
|
|
55
44
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../theme/ckboximageedit.css","index.css"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"sources":["../theme/ckboximageedit.css","index.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;AAChD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;AACjD;;ADUE,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA;ACPF,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB;;ADSG,CAAA,EAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,MAAA,CAAA;ACNH,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACb,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK;AACnC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;AAChD,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;AAC/C,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACjD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AAC5B,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;AACb,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC;AACd,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;AAC7D,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;ADiBL,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA;ACfH;;AAEA,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;ADoBpD,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA;AClBA;;AAEA,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;AACzC,CAAC,CAAC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC;;AAEF,CAAC,CAAC,GAAG,CAAC,CAAC;AACP,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AACF;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t/* Based on default CKBox theme colors */\n\t--ck-image-processing-highlight-color: hsl(220, 10%, 98%);\n\t--ck-image-processing-background-color: hsl(220, 10%, 90%);\n}\n\n.ck.ck-editor__editable {\n\t& .image {\n\t\t&.image-processing {\n\t\t\tposition: relative;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 1;\n\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color)\n\t\t\t\t);\n\t\t\t\tbackground-size: 200% 100%;\n\n\t\t\t\tanimation: ck-image-processing-animation 2s linear infinite;\n\t\t\t}\n\n\t\t\t& img {\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes ck-image-processing-animation {\n\t0% {\n\t\tbackground-position: 200% 0;\n\t}\n\t100% {\n\t\tbackground-position: -200% 0;\n\t}\n}\n",":root {\n --ck-image-processing-highlight-color: #f9fafa;\n --ck-image-processing-background-color: #e3e5e8;\n}\n\n.ck.ck-editor__editable .image.image-processing {\n position: relative;\n}\n\n.ck.ck-editor__editable .image.image-processing:before {\n content: \"\";\n z-index: 1;\n background: linear-gradient(90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color));\n background-size: 200% 100%;\n width: 100%;\n height: 100%;\n animation: 2s linear infinite ck-image-processing-animation;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.ck.ck-editor__editable .image.image-processing img {\n height: 100%;\n}\n\n@keyframes ck-image-processing-animation {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n\n/*# sourceMappingURL=index.css.map */"]}
|
package/dist/index.js
CHANGED
|
@@ -7,8 +7,11 @@ import { ButtonView, MenuBarMenuListItemButtonView, Notification } from '@ckedit
|
|
|
7
7
|
import { IconBrowseFiles, IconImageAssetManager, IconCkboxImageEdit } from '@ckeditor/ckeditor5-icons/dist/index.js';
|
|
8
8
|
import { ModelRange } from '@ckeditor/ckeditor5-engine/dist/index.js';
|
|
9
9
|
import { createElement, toMap, CKEditorError, logError, global, delay, abortableDebounce, retry } from '@ckeditor/ckeditor5-utils/dist/index.js';
|
|
10
|
+
import { LinkEditing } from '@ckeditor/ckeditor5-link/dist/index.js';
|
|
10
11
|
import { decode } from 'blurhash';
|
|
11
12
|
import { FileRepository } from '@ckeditor/ckeditor5-upload/dist/index.js';
|
|
13
|
+
import { ImageUploadEditing, ImageUploadProgress, PictureEditing, ImageUtils, ImageEditing } from '@ckeditor/ckeditor5-image/dist/index.js';
|
|
14
|
+
import { CloudServices } from '@ckeditor/ckeditor5-cloud-services/dist/index.js';
|
|
12
15
|
import { isEqual } from 'es-toolkit/compat';
|
|
13
16
|
|
|
14
17
|
/**
|
|
@@ -688,7 +691,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
|
|
|
688
691
|
* @inheritDoc
|
|
689
692
|
*/ static get requires() {
|
|
690
693
|
return [
|
|
691
|
-
|
|
694
|
+
CloudServices
|
|
692
695
|
];
|
|
693
696
|
}
|
|
694
697
|
/**
|
|
@@ -710,7 +713,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
|
|
|
710
713
|
theme: DEFAULT_CKBOX_THEME_NAME,
|
|
711
714
|
tokenUrl: editor.config.get('cloudServices.tokenUrl')
|
|
712
715
|
});
|
|
713
|
-
const cloudServices = editor.plugins.get(
|
|
716
|
+
const cloudServices = editor.plugins.get(CloudServices);
|
|
714
717
|
const cloudServicesTokenUrl = editor.config.get('cloudServices.tokenUrl');
|
|
715
718
|
const ckboxTokenUrl = editor.config.get('ckbox.tokenUrl');
|
|
716
719
|
if (!ckboxTokenUrl) {
|
|
@@ -720,7 +723,8 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
|
|
|
720
723
|
* configuration is required for the CKBox plugin.
|
|
721
724
|
*
|
|
722
725
|
* ```ts
|
|
723
|
-
* ClassicEditor.create(
|
|
726
|
+
* ClassicEditor.create( {
|
|
727
|
+
* attachTo: document.createElement( 'div' ),
|
|
724
728
|
* ckbox: {
|
|
725
729
|
* tokenUrl: "YOUR_TOKEN_URL"
|
|
726
730
|
* // ...
|
|
@@ -873,8 +877,8 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
|
|
|
873
877
|
* @inheritDoc
|
|
874
878
|
*/ static get requires() {
|
|
875
879
|
return [
|
|
876
|
-
|
|
877
|
-
|
|
880
|
+
ImageUploadEditing,
|
|
881
|
+
ImageUploadProgress,
|
|
878
882
|
FileRepository,
|
|
879
883
|
CKBoxEditing
|
|
880
884
|
];
|
|
@@ -905,7 +909,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
|
|
|
905
909
|
const ckboxUtils = editor.plugins.get(CKBoxUtils);
|
|
906
910
|
fileRepository.createUploadAdapter = (loader)=>new Adapter(loader, editor, ckboxUtils);
|
|
907
911
|
const shouldInsertDataId = !editor.config.get('ckbox.ignoreDataId');
|
|
908
|
-
const imageUploadEditing = editor.plugins.get(
|
|
912
|
+
const imageUploadEditing = editor.plugins.get(ImageUploadEditing);
|
|
909
913
|
// Mark uploaded assets with the `ckboxImageId` attribute. Its value represents an ID in CKBox.
|
|
910
914
|
if (shouldInsertDataId) {
|
|
911
915
|
imageUploadEditing.on('uploadComplete', (evt, { imageElement, data })=>{
|
|
@@ -1016,8 +1020,8 @@ const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
|
|
|
1016
1020
|
* @inheritDoc
|
|
1017
1021
|
*/ static get requires() {
|
|
1018
1022
|
return [
|
|
1019
|
-
|
|
1020
|
-
|
|
1023
|
+
LinkEditing,
|
|
1024
|
+
PictureEditing,
|
|
1021
1025
|
CKBoxUploadAdapter,
|
|
1022
1026
|
CKBoxUtils
|
|
1023
1027
|
];
|
|
@@ -1759,8 +1763,8 @@ function createUrlChecker(allowExternalImagesEditing) {
|
|
|
1759
1763
|
CKBoxUtils,
|
|
1760
1764
|
PendingActions,
|
|
1761
1765
|
Notification,
|
|
1762
|
-
|
|
1763
|
-
|
|
1766
|
+
ImageUtils,
|
|
1767
|
+
ImageEditing
|
|
1764
1768
|
];
|
|
1765
1769
|
}
|
|
1766
1770
|
/**
|