@ckeditor/ckeditor5-image 39.0.1 → 40.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/CHANGELOG.md +1 -1
- package/LICENSE.md +1 -1
- package/README.md +3 -3
- package/build/image.js +1 -1
- package/build/image.js.map +1 -0
- package/build/translations/pt-br.js +1 -1
- package/ckeditor5-metadata.json +12 -0
- package/lang/translations/ar.po +1 -0
- package/lang/translations/ast.po +1 -0
- package/lang/translations/az.po +1 -0
- package/lang/translations/bg.po +1 -0
- package/lang/translations/bn.po +1 -0
- package/lang/translations/bs.po +1 -0
- package/lang/translations/ca.po +1 -0
- package/lang/translations/cs.po +1 -0
- package/lang/translations/da.po +1 -0
- package/lang/translations/de-ch.po +1 -0
- package/lang/translations/de.po +1 -0
- package/lang/translations/el.po +1 -0
- package/lang/translations/en-au.po +1 -0
- package/lang/translations/en-gb.po +1 -0
- package/lang/translations/en.po +1 -0
- package/lang/translations/eo.po +1 -0
- package/lang/translations/es.po +1 -0
- package/lang/translations/et.po +1 -0
- package/lang/translations/eu.po +1 -0
- package/lang/translations/fa.po +1 -0
- package/lang/translations/fi.po +1 -0
- package/lang/translations/fr.po +1 -0
- package/lang/translations/gl.po +1 -0
- package/lang/translations/he.po +1 -0
- package/lang/translations/hi.po +1 -0
- package/lang/translations/hr.po +1 -0
- package/lang/translations/hu.po +1 -0
- package/lang/translations/id.po +1 -0
- package/lang/translations/it.po +1 -0
- package/lang/translations/ja.po +1 -0
- package/lang/translations/jv.po +1 -0
- package/lang/translations/km.po +1 -0
- package/lang/translations/kn.po +1 -0
- package/lang/translations/ko.po +1 -0
- package/lang/translations/ku.po +1 -0
- package/lang/translations/lt.po +1 -0
- package/lang/translations/lv.po +1 -0
- package/lang/translations/ms.po +1 -0
- package/lang/translations/nb.po +1 -0
- package/lang/translations/ne.po +1 -0
- package/lang/translations/nl.po +1 -0
- package/lang/translations/no.po +1 -0
- package/lang/translations/pl.po +1 -0
- package/lang/translations/pt-br.po +2 -1
- package/lang/translations/pt.po +1 -0
- package/lang/translations/ro.po +1 -0
- package/lang/translations/ru.po +1 -0
- package/lang/translations/si.po +1 -0
- package/lang/translations/sk.po +1 -0
- package/lang/translations/sq.po +1 -0
- package/lang/translations/sr-latn.po +1 -0
- package/lang/translations/sr.po +1 -0
- package/lang/translations/sv.po +1 -0
- package/lang/translations/th.po +1 -0
- package/lang/translations/tk.po +1 -0
- package/lang/translations/tr.po +1 -0
- package/lang/translations/tt.po +1 -0
- package/lang/translations/ug.po +1 -0
- package/lang/translations/uk.po +1 -0
- package/lang/translations/ur.po +1 -0
- package/lang/translations/uz.po +1 -0
- package/lang/translations/vi.po +1 -0
- package/lang/translations/zh-cn.po +1 -0
- package/lang/translations/zh.po +1 -0
- package/package.json +3 -7
- package/src/augmentation.d.ts +56 -55
- package/src/augmentation.js +5 -5
- package/src/autoimage.d.ts +52 -52
- package/src/autoimage.js +132 -132
- package/src/image/converters.d.ts +66 -66
- package/src/image/converters.js +232 -242
- package/src/image/imageblockediting.d.ts +58 -55
- package/src/image/imageblockediting.js +152 -136
- package/src/image/imageediting.d.ts +30 -30
- package/src/image/imageediting.js +63 -74
- package/src/image/imageinlineediting.d.ts +59 -56
- package/src/image/imageinlineediting.js +176 -160
- package/src/image/imageloadobserver.d.ts +48 -48
- package/src/image/imageloadobserver.js +52 -52
- package/src/image/imagetypecommand.d.ts +44 -40
- package/src/image/imagetypecommand.js +80 -77
- package/src/image/insertimagecommand.d.ts +66 -66
- package/src/image/insertimagecommand.js +120 -120
- package/src/image/replaceimagesourcecommand.d.ts +34 -34
- package/src/image/replaceimagesourcecommand.js +44 -44
- package/src/image/ui/utils.d.ts +25 -25
- package/src/image/ui/utils.js +44 -44
- package/src/image/utils.d.ts +64 -52
- package/src/image/utils.js +121 -100
- package/src/image.d.ts +34 -34
- package/src/image.js +38 -38
- package/src/imageblock.d.ts +33 -33
- package/src/imageblock.js +37 -37
- package/src/imagecaption/imagecaptionediting.d.ts +89 -89
- package/src/imagecaption/imagecaptionediting.js +225 -225
- package/src/imagecaption/imagecaptionui.d.ts +26 -26
- package/src/imagecaption/imagecaptionui.js +61 -61
- package/src/imagecaption/imagecaptionutils.d.ts +38 -38
- package/src/imagecaption/imagecaptionutils.js +62 -62
- package/src/imagecaption/toggleimagecaptioncommand.d.ts +66 -66
- package/src/imagecaption/toggleimagecaptioncommand.js +138 -138
- package/src/imagecaption.d.ts +26 -26
- package/src/imagecaption.js +30 -30
- package/src/imageconfig.d.ts +713 -713
- package/src/imageconfig.js +5 -5
- package/src/imageinline.d.ts +33 -33
- package/src/imageinline.js +37 -37
- package/src/imageinsert/imageinsertui.d.ts +44 -44
- package/src/imageinsert/imageinsertui.js +141 -141
- package/src/imageinsert/ui/imageinsertformrowview.d.ts +61 -61
- package/src/imageinsert/ui/imageinsertformrowview.js +54 -54
- package/src/imageinsert/ui/imageinsertpanelview.d.ts +106 -106
- package/src/imageinsert/ui/imageinsertpanelview.js +161 -161
- package/src/imageinsert/utils.d.ts +25 -25
- package/src/imageinsert/utils.js +58 -58
- package/src/imageinsert.d.ts +33 -33
- package/src/imageinsert.js +37 -37
- package/src/imageinsertviaurl.d.ts +30 -30
- package/src/imageinsertviaurl.js +34 -34
- package/src/imageresize/imageresizebuttons.d.ts +67 -67
- package/src/imageresize/imageresizebuttons.js +217 -217
- package/src/imageresize/imageresizeediting.d.ts +37 -37
- package/src/imageresize/imageresizeediting.js +165 -114
- package/src/imageresize/imageresizehandles.d.ts +31 -30
- package/src/imageresize/imageresizehandles.js +114 -107
- package/src/imageresize/resizeimagecommand.d.ts +42 -42
- package/src/imageresize/resizeimagecommand.js +63 -61
- package/src/imageresize.d.ts +27 -27
- package/src/imageresize.js +31 -31
- package/src/imagesizeattributes.d.ts +34 -0
- package/src/imagesizeattributes.js +143 -0
- package/src/imagestyle/converters.d.ts +24 -24
- package/src/imagestyle/converters.js +79 -79
- package/src/imagestyle/imagestylecommand.d.ts +68 -65
- package/src/imagestyle/imagestylecommand.js +107 -101
- package/src/imagestyle/imagestyleediting.d.ts +50 -50
- package/src/imagestyle/imagestyleediting.js +108 -108
- package/src/imagestyle/imagestyleui.d.ts +56 -56
- package/src/imagestyle/imagestyleui.js +192 -192
- package/src/imagestyle/utils.d.ts +101 -101
- package/src/imagestyle/utils.js +329 -329
- package/src/imagestyle.d.ts +32 -32
- package/src/imagestyle.js +36 -36
- package/src/imagetextalternative/imagetextalternativecommand.d.ts +34 -34
- package/src/imagetextalternative/imagetextalternativecommand.js +44 -44
- package/src/imagetextalternative/imagetextalternativeediting.d.ts +28 -28
- package/src/imagetextalternative/imagetextalternativeediting.js +35 -35
- package/src/imagetextalternative/imagetextalternativeui.d.ts +68 -68
- package/src/imagetextalternative/imagetextalternativeui.js +173 -173
- package/src/imagetextalternative/ui/textalternativeformview.d.ts +72 -72
- package/src/imagetextalternative/ui/textalternativeformview.js +121 -121
- package/src/imagetextalternative.d.ts +29 -29
- package/src/imagetextalternative.js +33 -33
- package/src/imagetoolbar.d.ts +35 -35
- package/src/imagetoolbar.js +57 -57
- package/src/imageupload/imageuploadediting.d.ts +111 -111
- package/src/imageupload/imageuploadediting.js +337 -335
- package/src/imageupload/imageuploadprogress.d.ts +42 -42
- package/src/imageupload/imageuploadprogress.js +211 -211
- package/src/imageupload/imageuploadui.d.ts +23 -23
- package/src/imageupload/imageuploadui.js +57 -57
- package/src/imageupload/uploadimagecommand.d.ts +60 -60
- package/src/imageupload/uploadimagecommand.js +100 -100
- package/src/imageupload/utils.d.ts +33 -33
- package/src/imageupload/utils.js +112 -112
- package/src/imageupload.d.ts +32 -32
- package/src/imageupload.js +36 -36
- package/src/imageutils.d.ts +125 -102
- package/src/imageutils.js +306 -248
- package/src/index.d.ts +48 -47
- package/src/index.js +39 -38
- package/src/pictureediting.d.ts +88 -88
- package/src/pictureediting.js +130 -130
- package/theme/image.css +38 -11
- package/theme/imageresize.css +5 -0
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module image/imageupload/imageuploadediting
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin, type Editor } from 'ckeditor5/src/core';
|
|
9
|
-
import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine';
|
|
10
|
-
import { Notification } from 'ckeditor5/src/ui';
|
|
11
|
-
import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
|
|
12
|
-
import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload';
|
|
13
|
-
import ImageUtils from '../imageutils';
|
|
14
|
-
/**
|
|
15
|
-
* The editing part of the image upload feature. It registers the `'uploadImage'` command
|
|
16
|
-
* and the `imageUpload` command as an aliased name.
|
|
17
|
-
*
|
|
18
|
-
* When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
|
|
19
|
-
* that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
|
|
20
|
-
*/
|
|
21
|
-
export default class ImageUploadEditing extends Plugin {
|
|
22
|
-
/**
|
|
23
|
-
* @inheritDoc
|
|
24
|
-
*/
|
|
25
|
-
static get requires(): readonly [typeof FileRepository, typeof Notification, typeof ClipboardPipeline, typeof ImageUtils];
|
|
26
|
-
static get pluginName(): "ImageUploadEditing";
|
|
27
|
-
/**
|
|
28
|
-
* An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and
|
|
29
|
-
* model elements during the upload.
|
|
30
|
-
*
|
|
31
|
-
* Model element of the uploaded image can change, for instance, when {@link module:image/image/imagetypecommand~ImageTypeCommand}
|
|
32
|
-
* is executed as a result of adding caption or changing image style. As a result, the upload logic must keep track of the model
|
|
33
|
-
* element (reference) and resolve the upload for the correct model element (instead of the one that landed in the `$graveyard`
|
|
34
|
-
* after image type changed).
|
|
35
|
-
*/
|
|
36
|
-
private readonly _uploadImageElements;
|
|
37
|
-
/**
|
|
38
|
-
* @inheritDoc
|
|
39
|
-
*/
|
|
40
|
-
constructor(editor: Editor);
|
|
41
|
-
/**
|
|
42
|
-
* @inheritDoc
|
|
43
|
-
*/
|
|
44
|
-
init(): void;
|
|
45
|
-
/**
|
|
46
|
-
* @inheritDoc
|
|
47
|
-
*/
|
|
48
|
-
afterInit(): void;
|
|
49
|
-
/**
|
|
50
|
-
* Reads and uploads an image.
|
|
51
|
-
*
|
|
52
|
-
* The image is read from the disk and as a Base64-encoded string it is set temporarily to
|
|
53
|
-
* `image[src]`. When the image is successfully uploaded, the temporary data is replaced with the target
|
|
54
|
-
* image's URL (the URL to the uploaded image on the server).
|
|
55
|
-
*/
|
|
56
|
-
protected _readAndUpload(loader: FileLoader): Promise<void>;
|
|
57
|
-
/**
|
|
58
|
-
* Creates the `srcset` attribute based on a given file upload response and sets it as an attribute to a specific image element.
|
|
59
|
-
*
|
|
60
|
-
* @param data Data object from which `srcset` will be created.
|
|
61
|
-
* @param image The image element on which the `srcset` attribute will be set.
|
|
62
|
-
*/
|
|
63
|
-
protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: Element, writer: Writer): void;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Returns `true` if non-empty `text/html` is included in the data transfer.
|
|
67
|
-
*/
|
|
68
|
-
export declare function isHtmlIncluded(dataTransfer: DataTransfer): boolean;
|
|
69
|
-
/**
|
|
70
|
-
* An event fired when an image is uploaded. You can hook into this event to provide
|
|
71
|
-
* custom attributes to the {@link module:engine/model/element~Element image element} based on the data from
|
|
72
|
-
* the server.
|
|
73
|
-
*
|
|
74
|
-
* ```ts
|
|
75
|
-
* const imageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );
|
|
76
|
-
*
|
|
77
|
-
* imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
|
|
78
|
-
* editor.model.change( writer => {
|
|
79
|
-
* writer.setAttribute( 'someAttribute', 'foo', imageElement );
|
|
80
|
-
* } );
|
|
81
|
-
* } );
|
|
82
|
-
* ```
|
|
83
|
-
*
|
|
84
|
-
* You can also stop the default handler that sets the `src` and `srcset` attributes
|
|
85
|
-
* if you want to provide custom values for these attributes.
|
|
86
|
-
*
|
|
87
|
-
* ```ts
|
|
88
|
-
* imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
|
|
89
|
-
* evt.stop();
|
|
90
|
-
* } );
|
|
91
|
-
* ```
|
|
92
|
-
*
|
|
93
|
-
* **Note**: This event is fired by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin.
|
|
94
|
-
*
|
|
95
|
-
* @eventName ~ImageUploadEditing#uploadComplete
|
|
96
|
-
* @param data The `uploadComplete` event data.
|
|
97
|
-
*/
|
|
98
|
-
export type ImageUploadCompleteEvent = {
|
|
99
|
-
name: 'uploadComplete';
|
|
100
|
-
args: [data: ImageUploadCompleteData];
|
|
101
|
-
};
|
|
102
|
-
export type ImageUploadCompleteData = {
|
|
103
|
-
/**
|
|
104
|
-
* The data coming from the upload adapter.
|
|
105
|
-
*/
|
|
106
|
-
data: UploadResponse;
|
|
107
|
-
/**
|
|
108
|
-
* The model {@link module:engine/model/element~Element image element} that can be customized.
|
|
109
|
-
*/
|
|
110
|
-
imageElement: Element;
|
|
111
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module image/imageupload/imageuploadediting
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin, type Editor } from 'ckeditor5/src/core';
|
|
9
|
+
import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine';
|
|
10
|
+
import { Notification } from 'ckeditor5/src/ui';
|
|
11
|
+
import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
|
|
12
|
+
import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload';
|
|
13
|
+
import ImageUtils from '../imageutils';
|
|
14
|
+
/**
|
|
15
|
+
* The editing part of the image upload feature. It registers the `'uploadImage'` command
|
|
16
|
+
* and the `imageUpload` command as an aliased name.
|
|
17
|
+
*
|
|
18
|
+
* When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
|
|
19
|
+
* that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
|
|
20
|
+
*/
|
|
21
|
+
export default class ImageUploadEditing extends Plugin {
|
|
22
|
+
/**
|
|
23
|
+
* @inheritDoc
|
|
24
|
+
*/
|
|
25
|
+
static get requires(): readonly [typeof FileRepository, typeof Notification, typeof ClipboardPipeline, typeof ImageUtils];
|
|
26
|
+
static get pluginName(): "ImageUploadEditing";
|
|
27
|
+
/**
|
|
28
|
+
* An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and
|
|
29
|
+
* model elements during the upload.
|
|
30
|
+
*
|
|
31
|
+
* Model element of the uploaded image can change, for instance, when {@link module:image/image/imagetypecommand~ImageTypeCommand}
|
|
32
|
+
* is executed as a result of adding caption or changing image style. As a result, the upload logic must keep track of the model
|
|
33
|
+
* element (reference) and resolve the upload for the correct model element (instead of the one that landed in the `$graveyard`
|
|
34
|
+
* after image type changed).
|
|
35
|
+
*/
|
|
36
|
+
private readonly _uploadImageElements;
|
|
37
|
+
/**
|
|
38
|
+
* @inheritDoc
|
|
39
|
+
*/
|
|
40
|
+
constructor(editor: Editor);
|
|
41
|
+
/**
|
|
42
|
+
* @inheritDoc
|
|
43
|
+
*/
|
|
44
|
+
init(): void;
|
|
45
|
+
/**
|
|
46
|
+
* @inheritDoc
|
|
47
|
+
*/
|
|
48
|
+
afterInit(): void;
|
|
49
|
+
/**
|
|
50
|
+
* Reads and uploads an image.
|
|
51
|
+
*
|
|
52
|
+
* The image is read from the disk and as a Base64-encoded string it is set temporarily to
|
|
53
|
+
* `image[src]`. When the image is successfully uploaded, the temporary data is replaced with the target
|
|
54
|
+
* image's URL (the URL to the uploaded image on the server).
|
|
55
|
+
*/
|
|
56
|
+
protected _readAndUpload(loader: FileLoader): Promise<void>;
|
|
57
|
+
/**
|
|
58
|
+
* Creates the `srcset` attribute based on a given file upload response and sets it as an attribute to a specific image element.
|
|
59
|
+
*
|
|
60
|
+
* @param data Data object from which `srcset` will be created.
|
|
61
|
+
* @param image The image element on which the `srcset` attribute will be set.
|
|
62
|
+
*/
|
|
63
|
+
protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: Element, writer: Writer): void;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Returns `true` if non-empty `text/html` is included in the data transfer.
|
|
67
|
+
*/
|
|
68
|
+
export declare function isHtmlIncluded(dataTransfer: DataTransfer): boolean;
|
|
69
|
+
/**
|
|
70
|
+
* An event fired when an image is uploaded. You can hook into this event to provide
|
|
71
|
+
* custom attributes to the {@link module:engine/model/element~Element image element} based on the data from
|
|
72
|
+
* the server.
|
|
73
|
+
*
|
|
74
|
+
* ```ts
|
|
75
|
+
* const imageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );
|
|
76
|
+
*
|
|
77
|
+
* imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
|
|
78
|
+
* editor.model.change( writer => {
|
|
79
|
+
* writer.setAttribute( 'someAttribute', 'foo', imageElement );
|
|
80
|
+
* } );
|
|
81
|
+
* } );
|
|
82
|
+
* ```
|
|
83
|
+
*
|
|
84
|
+
* You can also stop the default handler that sets the `src` and `srcset` attributes
|
|
85
|
+
* if you want to provide custom values for these attributes.
|
|
86
|
+
*
|
|
87
|
+
* ```ts
|
|
88
|
+
* imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {
|
|
89
|
+
* evt.stop();
|
|
90
|
+
* } );
|
|
91
|
+
* ```
|
|
92
|
+
*
|
|
93
|
+
* **Note**: This event is fired by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin.
|
|
94
|
+
*
|
|
95
|
+
* @eventName ~ImageUploadEditing#uploadComplete
|
|
96
|
+
* @param data The `uploadComplete` event data.
|
|
97
|
+
*/
|
|
98
|
+
export type ImageUploadCompleteEvent = {
|
|
99
|
+
name: 'uploadComplete';
|
|
100
|
+
args: [data: ImageUploadCompleteData];
|
|
101
|
+
};
|
|
102
|
+
export type ImageUploadCompleteData = {
|
|
103
|
+
/**
|
|
104
|
+
* The data coming from the upload adapter.
|
|
105
|
+
*/
|
|
106
|
+
data: UploadResponse;
|
|
107
|
+
/**
|
|
108
|
+
* The model {@link module:engine/model/element~Element image element} that can be customized.
|
|
109
|
+
*/
|
|
110
|
+
imageElement: Element;
|
|
111
|
+
};
|