@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
package/src/imagestyle.d.ts
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
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/imagestyle
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import ImageStyleEditing from './imagestyle/imagestyleediting';
|
|
10
|
-
import ImageStyleUI from './imagestyle/imagestyleui';
|
|
11
|
-
/**
|
|
12
|
-
* The image style plugin.
|
|
13
|
-
*
|
|
14
|
-
* For a detailed overview of the image styles feature, check the {@glink features/images/images-styles documentation}.
|
|
15
|
-
*
|
|
16
|
-
* This is a "glue" plugin which loads the following plugins:
|
|
17
|
-
* * {@link module:image/imagestyle/imagestyleediting~ImageStyleEditing},
|
|
18
|
-
* * {@link module:image/imagestyle/imagestyleui~ImageStyleUI}
|
|
19
|
-
*
|
|
20
|
-
* It provides a default configuration, which can be extended or overwritten.
|
|
21
|
-
* Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
|
|
22
|
-
*/
|
|
23
|
-
export default class ImageStyle extends Plugin {
|
|
24
|
-
/**
|
|
25
|
-
* @inheritDoc
|
|
26
|
-
*/
|
|
27
|
-
static get requires(): readonly [typeof ImageStyleEditing, typeof ImageStyleUI];
|
|
28
|
-
/**
|
|
29
|
-
* @inheritDoc
|
|
30
|
-
*/
|
|
31
|
-
static get pluginName(): "ImageStyle";
|
|
32
|
-
}
|
|
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/imagestyle
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
+
import ImageStyleEditing from './imagestyle/imagestyleediting';
|
|
10
|
+
import ImageStyleUI from './imagestyle/imagestyleui';
|
|
11
|
+
/**
|
|
12
|
+
* The image style plugin.
|
|
13
|
+
*
|
|
14
|
+
* For a detailed overview of the image styles feature, check the {@glink features/images/images-styles documentation}.
|
|
15
|
+
*
|
|
16
|
+
* This is a "glue" plugin which loads the following plugins:
|
|
17
|
+
* * {@link module:image/imagestyle/imagestyleediting~ImageStyleEditing},
|
|
18
|
+
* * {@link module:image/imagestyle/imagestyleui~ImageStyleUI}
|
|
19
|
+
*
|
|
20
|
+
* It provides a default configuration, which can be extended or overwritten.
|
|
21
|
+
* Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
|
|
22
|
+
*/
|
|
23
|
+
export default class ImageStyle extends Plugin {
|
|
24
|
+
/**
|
|
25
|
+
* @inheritDoc
|
|
26
|
+
*/
|
|
27
|
+
static get requires(): readonly [typeof ImageStyleEditing, typeof ImageStyleUI];
|
|
28
|
+
/**
|
|
29
|
+
* @inheritDoc
|
|
30
|
+
*/
|
|
31
|
+
static get pluginName(): "ImageStyle";
|
|
32
|
+
}
|
package/src/imagestyle.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
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/imagestyle
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import ImageStyleEditing from './imagestyle/imagestyleediting';
|
|
10
|
-
import ImageStyleUI from './imagestyle/imagestyleui';
|
|
11
|
-
/**
|
|
12
|
-
* The image style plugin.
|
|
13
|
-
*
|
|
14
|
-
* For a detailed overview of the image styles feature, check the {@glink features/images/images-styles documentation}.
|
|
15
|
-
*
|
|
16
|
-
* This is a "glue" plugin which loads the following plugins:
|
|
17
|
-
* * {@link module:image/imagestyle/imagestyleediting~ImageStyleEditing},
|
|
18
|
-
* * {@link module:image/imagestyle/imagestyleui~ImageStyleUI}
|
|
19
|
-
*
|
|
20
|
-
* It provides a default configuration, which can be extended or overwritten.
|
|
21
|
-
* Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
|
|
22
|
-
*/
|
|
23
|
-
export default class ImageStyle extends Plugin {
|
|
24
|
-
/**
|
|
25
|
-
* @inheritDoc
|
|
26
|
-
*/
|
|
27
|
-
static get requires() {
|
|
28
|
-
return [ImageStyleEditing, ImageStyleUI];
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* @inheritDoc
|
|
32
|
-
*/
|
|
33
|
-
static get pluginName() {
|
|
34
|
-
return 'ImageStyle';
|
|
35
|
-
}
|
|
36
|
-
}
|
|
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/imagestyle
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
+
import ImageStyleEditing from './imagestyle/imagestyleediting';
|
|
10
|
+
import ImageStyleUI from './imagestyle/imagestyleui';
|
|
11
|
+
/**
|
|
12
|
+
* The image style plugin.
|
|
13
|
+
*
|
|
14
|
+
* For a detailed overview of the image styles feature, check the {@glink features/images/images-styles documentation}.
|
|
15
|
+
*
|
|
16
|
+
* This is a "glue" plugin which loads the following plugins:
|
|
17
|
+
* * {@link module:image/imagestyle/imagestyleediting~ImageStyleEditing},
|
|
18
|
+
* * {@link module:image/imagestyle/imagestyleui~ImageStyleUI}
|
|
19
|
+
*
|
|
20
|
+
* It provides a default configuration, which can be extended or overwritten.
|
|
21
|
+
* Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
|
|
22
|
+
*/
|
|
23
|
+
export default class ImageStyle extends Plugin {
|
|
24
|
+
/**
|
|
25
|
+
* @inheritDoc
|
|
26
|
+
*/
|
|
27
|
+
static get requires() {
|
|
28
|
+
return [ImageStyleEditing, ImageStyleUI];
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* @inheritDoc
|
|
32
|
+
*/
|
|
33
|
+
static get pluginName() {
|
|
34
|
+
return 'ImageStyle';
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -1,34 +1,34 @@
|
|
|
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/imagetextalternative/imagetextalternativecommand
|
|
7
|
-
*/
|
|
8
|
-
import { Command } from 'ckeditor5/src/core';
|
|
9
|
-
/**
|
|
10
|
-
* The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
|
|
11
|
-
*/
|
|
12
|
-
export default class ImageTextAlternativeCommand extends Command {
|
|
13
|
-
/**
|
|
14
|
-
* The command value: `false` if there is no `alt` attribute, otherwise the value of the `alt` attribute.
|
|
15
|
-
*
|
|
16
|
-
* @readonly
|
|
17
|
-
* @observable
|
|
18
|
-
*/
|
|
19
|
-
value: string | false;
|
|
20
|
-
/**
|
|
21
|
-
* @inheritDoc
|
|
22
|
-
*/
|
|
23
|
-
refresh(): void;
|
|
24
|
-
/**
|
|
25
|
-
* Executes the command.
|
|
26
|
-
*
|
|
27
|
-
* @fires execute
|
|
28
|
-
* @param options
|
|
29
|
-
* @param options.newValue The new value of the `alt` attribute to set.
|
|
30
|
-
*/
|
|
31
|
-
execute(options: {
|
|
32
|
-
newValue: string;
|
|
33
|
-
}): void;
|
|
34
|
-
}
|
|
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/imagetextalternative/imagetextalternativecommand
|
|
7
|
+
*/
|
|
8
|
+
import { Command } from 'ckeditor5/src/core';
|
|
9
|
+
/**
|
|
10
|
+
* The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
|
|
11
|
+
*/
|
|
12
|
+
export default class ImageTextAlternativeCommand extends Command {
|
|
13
|
+
/**
|
|
14
|
+
* The command value: `false` if there is no `alt` attribute, otherwise the value of the `alt` attribute.
|
|
15
|
+
*
|
|
16
|
+
* @readonly
|
|
17
|
+
* @observable
|
|
18
|
+
*/
|
|
19
|
+
value: string | false;
|
|
20
|
+
/**
|
|
21
|
+
* @inheritDoc
|
|
22
|
+
*/
|
|
23
|
+
refresh(): void;
|
|
24
|
+
/**
|
|
25
|
+
* Executes the command.
|
|
26
|
+
*
|
|
27
|
+
* @fires execute
|
|
28
|
+
* @param options
|
|
29
|
+
* @param options.newValue The new value of the `alt` attribute to set.
|
|
30
|
+
*/
|
|
31
|
+
execute(options: {
|
|
32
|
+
newValue: string;
|
|
33
|
+
}): void;
|
|
34
|
+
}
|
|
@@ -1,44 +1,44 @@
|
|
|
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/imagetextalternative/imagetextalternativecommand
|
|
7
|
-
*/
|
|
8
|
-
import { Command } from 'ckeditor5/src/core';
|
|
9
|
-
/**
|
|
10
|
-
* The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
|
|
11
|
-
*/
|
|
12
|
-
export default class ImageTextAlternativeCommand extends Command {
|
|
13
|
-
/**
|
|
14
|
-
* @inheritDoc
|
|
15
|
-
*/
|
|
16
|
-
refresh() {
|
|
17
|
-
const editor = this.editor;
|
|
18
|
-
const imageUtils = editor.plugins.get('ImageUtils');
|
|
19
|
-
const element = imageUtils.getClosestSelectedImageElement(this.editor.model.document.selection);
|
|
20
|
-
this.isEnabled = !!element;
|
|
21
|
-
if (this.isEnabled && element.hasAttribute('alt')) {
|
|
22
|
-
this.value = element.getAttribute('alt');
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
this.value = false;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Executes the command.
|
|
30
|
-
*
|
|
31
|
-
* @fires execute
|
|
32
|
-
* @param options
|
|
33
|
-
* @param options.newValue The new value of the `alt` attribute to set.
|
|
34
|
-
*/
|
|
35
|
-
execute(options) {
|
|
36
|
-
const editor = this.editor;
|
|
37
|
-
const imageUtils = editor.plugins.get('ImageUtils');
|
|
38
|
-
const model = editor.model;
|
|
39
|
-
const imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);
|
|
40
|
-
model.change(writer => {
|
|
41
|
-
writer.setAttribute('alt', options.newValue, imageElement);
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
}
|
|
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/imagetextalternative/imagetextalternativecommand
|
|
7
|
+
*/
|
|
8
|
+
import { Command } from 'ckeditor5/src/core';
|
|
9
|
+
/**
|
|
10
|
+
* The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
|
|
11
|
+
*/
|
|
12
|
+
export default class ImageTextAlternativeCommand extends Command {
|
|
13
|
+
/**
|
|
14
|
+
* @inheritDoc
|
|
15
|
+
*/
|
|
16
|
+
refresh() {
|
|
17
|
+
const editor = this.editor;
|
|
18
|
+
const imageUtils = editor.plugins.get('ImageUtils');
|
|
19
|
+
const element = imageUtils.getClosestSelectedImageElement(this.editor.model.document.selection);
|
|
20
|
+
this.isEnabled = !!element;
|
|
21
|
+
if (this.isEnabled && element.hasAttribute('alt')) {
|
|
22
|
+
this.value = element.getAttribute('alt');
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
this.value = false;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Executes the command.
|
|
30
|
+
*
|
|
31
|
+
* @fires execute
|
|
32
|
+
* @param options
|
|
33
|
+
* @param options.newValue The new value of the `alt` attribute to set.
|
|
34
|
+
*/
|
|
35
|
+
execute(options) {
|
|
36
|
+
const editor = this.editor;
|
|
37
|
+
const imageUtils = editor.plugins.get('ImageUtils');
|
|
38
|
+
const model = editor.model;
|
|
39
|
+
const imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);
|
|
40
|
+
model.change(writer => {
|
|
41
|
+
writer.setAttribute('alt', options.newValue, imageElement);
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -1,28 +1,28 @@
|
|
|
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/imagetextalternative/imagetextalternativeediting
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import ImageUtils from '../imageutils';
|
|
10
|
-
/**
|
|
11
|
-
* The image text alternative editing plugin.
|
|
12
|
-
*
|
|
13
|
-
* Registers the `'imageTextAlternative'` command.
|
|
14
|
-
*/
|
|
15
|
-
export default class ImageTextAlternativeEditing extends Plugin {
|
|
16
|
-
/**
|
|
17
|
-
* @inheritDoc
|
|
18
|
-
*/
|
|
19
|
-
static get requires(): readonly [typeof ImageUtils];
|
|
20
|
-
/**
|
|
21
|
-
* @inheritDoc
|
|
22
|
-
*/
|
|
23
|
-
static get pluginName(): "ImageTextAlternativeEditing";
|
|
24
|
-
/**
|
|
25
|
-
* @inheritDoc
|
|
26
|
-
*/
|
|
27
|
-
init(): void;
|
|
28
|
-
}
|
|
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/imagetextalternative/imagetextalternativeediting
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
+
import ImageUtils from '../imageutils';
|
|
10
|
+
/**
|
|
11
|
+
* The image text alternative editing plugin.
|
|
12
|
+
*
|
|
13
|
+
* Registers the `'imageTextAlternative'` command.
|
|
14
|
+
*/
|
|
15
|
+
export default class ImageTextAlternativeEditing extends Plugin {
|
|
16
|
+
/**
|
|
17
|
+
* @inheritDoc
|
|
18
|
+
*/
|
|
19
|
+
static get requires(): readonly [typeof ImageUtils];
|
|
20
|
+
/**
|
|
21
|
+
* @inheritDoc
|
|
22
|
+
*/
|
|
23
|
+
static get pluginName(): "ImageTextAlternativeEditing";
|
|
24
|
+
/**
|
|
25
|
+
* @inheritDoc
|
|
26
|
+
*/
|
|
27
|
+
init(): void;
|
|
28
|
+
}
|
|
@@ -1,35 +1,35 @@
|
|
|
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/imagetextalternative/imagetextalternativeediting
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import ImageTextAlternativeCommand from './imagetextalternativecommand';
|
|
10
|
-
import ImageUtils from '../imageutils';
|
|
11
|
-
/**
|
|
12
|
-
* The image text alternative editing plugin.
|
|
13
|
-
*
|
|
14
|
-
* Registers the `'imageTextAlternative'` command.
|
|
15
|
-
*/
|
|
16
|
-
export default class ImageTextAlternativeEditing extends Plugin {
|
|
17
|
-
/**
|
|
18
|
-
* @inheritDoc
|
|
19
|
-
*/
|
|
20
|
-
static get requires() {
|
|
21
|
-
return [ImageUtils];
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* @inheritDoc
|
|
25
|
-
*/
|
|
26
|
-
static get pluginName() {
|
|
27
|
-
return 'ImageTextAlternativeEditing';
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* @inheritDoc
|
|
31
|
-
*/
|
|
32
|
-
init() {
|
|
33
|
-
this.editor.commands.add('imageTextAlternative', new ImageTextAlternativeCommand(this.editor));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
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/imagetextalternative/imagetextalternativeediting
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
+
import ImageTextAlternativeCommand from './imagetextalternativecommand';
|
|
10
|
+
import ImageUtils from '../imageutils';
|
|
11
|
+
/**
|
|
12
|
+
* The image text alternative editing plugin.
|
|
13
|
+
*
|
|
14
|
+
* Registers the `'imageTextAlternative'` command.
|
|
15
|
+
*/
|
|
16
|
+
export default class ImageTextAlternativeEditing extends Plugin {
|
|
17
|
+
/**
|
|
18
|
+
* @inheritDoc
|
|
19
|
+
*/
|
|
20
|
+
static get requires() {
|
|
21
|
+
return [ImageUtils];
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @inheritDoc
|
|
25
|
+
*/
|
|
26
|
+
static get pluginName() {
|
|
27
|
+
return 'ImageTextAlternativeEditing';
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @inheritDoc
|
|
31
|
+
*/
|
|
32
|
+
init() {
|
|
33
|
+
this.editor.commands.add('imageTextAlternative', new ImageTextAlternativeCommand(this.editor));
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -1,68 +1,68 @@
|
|
|
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/imagetextalternative/imagetextalternativeui
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import { ContextualBalloon } from 'ckeditor5/src/ui';
|
|
10
|
-
/**
|
|
11
|
-
* The image text alternative UI plugin.
|
|
12
|
-
*
|
|
13
|
-
* The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
|
|
14
|
-
*/
|
|
15
|
-
export default class ImageTextAlternativeUI extends Plugin {
|
|
16
|
-
/**
|
|
17
|
-
* The contextual balloon plugin instance.
|
|
18
|
-
*/
|
|
19
|
-
private _balloon?;
|
|
20
|
-
/**
|
|
21
|
-
* A form containing a textarea and buttons, used to change the `alt` text value.
|
|
22
|
-
*/
|
|
23
|
-
private _form?;
|
|
24
|
-
/**
|
|
25
|
-
* @inheritDoc
|
|
26
|
-
*/
|
|
27
|
-
static get requires(): readonly [typeof ContextualBalloon];
|
|
28
|
-
/**
|
|
29
|
-
* @inheritDoc
|
|
30
|
-
*/
|
|
31
|
-
static get pluginName(): "ImageTextAlternativeUI";
|
|
32
|
-
/**
|
|
33
|
-
* @inheritDoc
|
|
34
|
-
*/
|
|
35
|
-
init(): void;
|
|
36
|
-
/**
|
|
37
|
-
* @inheritDoc
|
|
38
|
-
*/
|
|
39
|
-
destroy(): void;
|
|
40
|
-
/**
|
|
41
|
-
* Creates a button showing the balloon panel for changing the image text alternative and
|
|
42
|
-
* registers it in the editor {@link module:ui/componentfactory~ComponentFactory ComponentFactory}.
|
|
43
|
-
*/
|
|
44
|
-
private _createButton;
|
|
45
|
-
/**
|
|
46
|
-
* Creates the {@link module:image/imagetextalternative/ui/textalternativeformview~TextAlternativeFormView}
|
|
47
|
-
* form.
|
|
48
|
-
*/
|
|
49
|
-
private _createForm;
|
|
50
|
-
/**
|
|
51
|
-
* Shows the {@link #_form} in the {@link #_balloon}.
|
|
52
|
-
*/
|
|
53
|
-
private _showForm;
|
|
54
|
-
/**
|
|
55
|
-
* Removes the {@link #_form} from the {@link #_balloon}.
|
|
56
|
-
*
|
|
57
|
-
* @param focusEditable Controls whether the editing view is focused afterwards.
|
|
58
|
-
*/
|
|
59
|
-
private _hideForm;
|
|
60
|
-
/**
|
|
61
|
-
* Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.
|
|
62
|
-
*/
|
|
63
|
-
private get _isVisible();
|
|
64
|
-
/**
|
|
65
|
-
* Returns `true` when the {@link #_form} is in the {@link #_balloon}.
|
|
66
|
-
*/
|
|
67
|
-
private get _isInBalloon();
|
|
68
|
-
}
|
|
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/imagetextalternative/imagetextalternativeui
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
+
import { ContextualBalloon } from 'ckeditor5/src/ui';
|
|
10
|
+
/**
|
|
11
|
+
* The image text alternative UI plugin.
|
|
12
|
+
*
|
|
13
|
+
* The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
|
|
14
|
+
*/
|
|
15
|
+
export default class ImageTextAlternativeUI extends Plugin {
|
|
16
|
+
/**
|
|
17
|
+
* The contextual balloon plugin instance.
|
|
18
|
+
*/
|
|
19
|
+
private _balloon?;
|
|
20
|
+
/**
|
|
21
|
+
* A form containing a textarea and buttons, used to change the `alt` text value.
|
|
22
|
+
*/
|
|
23
|
+
private _form?;
|
|
24
|
+
/**
|
|
25
|
+
* @inheritDoc
|
|
26
|
+
*/
|
|
27
|
+
static get requires(): readonly [typeof ContextualBalloon];
|
|
28
|
+
/**
|
|
29
|
+
* @inheritDoc
|
|
30
|
+
*/
|
|
31
|
+
static get pluginName(): "ImageTextAlternativeUI";
|
|
32
|
+
/**
|
|
33
|
+
* @inheritDoc
|
|
34
|
+
*/
|
|
35
|
+
init(): void;
|
|
36
|
+
/**
|
|
37
|
+
* @inheritDoc
|
|
38
|
+
*/
|
|
39
|
+
destroy(): void;
|
|
40
|
+
/**
|
|
41
|
+
* Creates a button showing the balloon panel for changing the image text alternative and
|
|
42
|
+
* registers it in the editor {@link module:ui/componentfactory~ComponentFactory ComponentFactory}.
|
|
43
|
+
*/
|
|
44
|
+
private _createButton;
|
|
45
|
+
/**
|
|
46
|
+
* Creates the {@link module:image/imagetextalternative/ui/textalternativeformview~TextAlternativeFormView}
|
|
47
|
+
* form.
|
|
48
|
+
*/
|
|
49
|
+
private _createForm;
|
|
50
|
+
/**
|
|
51
|
+
* Shows the {@link #_form} in the {@link #_balloon}.
|
|
52
|
+
*/
|
|
53
|
+
private _showForm;
|
|
54
|
+
/**
|
|
55
|
+
* Removes the {@link #_form} from the {@link #_balloon}.
|
|
56
|
+
*
|
|
57
|
+
* @param focusEditable Controls whether the editing view is focused afterwards.
|
|
58
|
+
*/
|
|
59
|
+
private _hideForm;
|
|
60
|
+
/**
|
|
61
|
+
* Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.
|
|
62
|
+
*/
|
|
63
|
+
private get _isVisible();
|
|
64
|
+
/**
|
|
65
|
+
* Returns `true` when the {@link #_form} is in the {@link #_balloon}.
|
|
66
|
+
*/
|
|
67
|
+
private get _isInBalloon();
|
|
68
|
+
}
|