1 | {
|
2 | "plugins": [
|
3 | {
|
4 | "name": "Auto image",
|
5 | "className": "AutoImage",
|
6 | "description": "Allows for inserting images simply by pasting a URL of the image into the content. It turns the pasted URL into an image on the go.",
|
7 | "docs": "features/images/image-upload/images-inserting.html#inserting-images-via-pasting-url-into-editor",
|
8 | "path": "src/autoimage.js",
|
9 | "requires": [
|
10 | [
|
11 | "ImageBlock",
|
12 | "ImageInline"
|
13 | ]
|
14 | ]
|
15 | },
|
16 | {
|
17 | "name": "Block image",
|
18 | "className": "ImageBlock",
|
19 | "description": "Enables support for inserting images between the blocks of text, like paragraphs or block quotes. This functionality is also provided by the main Image plugin. Note: The image feature is introduced in a granular form, implemented by separate plugins responsible for such aspects as image caption, toolbar, resize, upload or styles.",
|
20 | "docs": "features/images/images-installation.html#inline-and-block-images",
|
21 | "path": "src/imageblock.js",
|
22 | "uiComponents": [
|
23 | {
|
24 | "type": "Button",
|
25 | "name": "imageTextAlternative",
|
26 | "iconPath": "",
|
27 | "toolbars": [
|
28 | "image.toolbar"
|
29 | ]
|
30 | }
|
31 | ],
|
32 | "htmlOutput": [
|
33 | {
|
34 | "elements": "figure",
|
35 | "classes": "image"
|
36 | },
|
37 | {
|
38 | "elements": "img",
|
39 | "attributes": [
|
40 | "alt",
|
41 | "sizes",
|
42 | "src",
|
43 | "srcset",
|
44 | "width"
|
45 | ]
|
46 | }
|
47 | ]
|
48 | },
|
49 | {
|
50 | "name": "Inline image",
|
51 | "className": "ImageInline",
|
52 | "description": "Enables support for inserting images inside the blocks of text, like paragraphs, header or block quotes. This functionality is also provided by the main Image plugin. Note: The image feature is introduced in a granular form, implemented by separate plugins responsible for such aspects as image toolbar, resize, upload or styles.",
|
53 | "docs": "features/images/images-installation.html#inline-and-block-images",
|
54 | "path": "src/imageinline.js",
|
55 | "uiComponents": [
|
56 | {
|
57 | "type": "Button",
|
58 | "name": "imageTextAlternative",
|
59 | "iconPath": "",
|
60 | "toolbars": [
|
61 | "image.toolbar"
|
62 | ]
|
63 | }
|
64 | ],
|
65 | "htmlOutput": [
|
66 | {
|
67 | "elements": "img",
|
68 | "attributes": [
|
69 | "alt",
|
70 | "sizes",
|
71 | "src",
|
72 | "srcset",
|
73 | "width"
|
74 | ]
|
75 | }
|
76 | ]
|
77 | },
|
78 | {
|
79 | "name": "Image",
|
80 | "className": "Image",
|
81 | "description": "Enables support for image handling. Note: The image feature is introduced in a granular form, implemented by separate plugins responsible for such aspects as image caption, toolbar, resize, upload or styles.",
|
82 | "docs": "features/images/images-overview.html",
|
83 | "path": "src/image.js"
|
84 | },
|
85 | {
|
86 | "name": "Image caption",
|
87 | "className": "ImageCaption",
|
88 | "description": "Allows for adding captions to block images to give additional context.",
|
89 | "docs": "features/images/images-captions.html",
|
90 | "path": "src/imagecaption.js",
|
91 | "requires": [
|
92 | "ImageBlock"
|
93 | ],
|
94 | "htmlOutput": [
|
95 | {
|
96 | "elements": "figcaption"
|
97 | }
|
98 | ]
|
99 | },
|
100 | {
|
101 | "name": "Image resize",
|
102 | "className": "ImageResize",
|
103 | "description": "Allows for resizing images using handles.",
|
104 | "docs": "features/images/images-resizing.html",
|
105 | "path": "src/imageresize.js",
|
106 | "requires": [
|
107 | [
|
108 | "ImageBlock",
|
109 | "ImageInline"
|
110 | ]
|
111 | ],
|
112 | "htmlOutput": [
|
113 | {
|
114 | "elements": "figure",
|
115 | "classes": "image_resized",
|
116 | "styles": [
|
117 | "width"
|
118 | ]
|
119 | }
|
120 | ]
|
121 | },
|
122 | {
|
123 | "name": "Image style",
|
124 | "className": "ImageStyle",
|
125 | "description": "Allows for using predefined, configurable styles to display the images, for example, as a full width image or side image.",
|
126 | "docs": "features/images/images-styles.html",
|
127 | "path": "src/imagestyle.js",
|
128 | "requires": [
|
129 | [
|
130 | "ImageBlock",
|
131 | "ImageInline"
|
132 | ]
|
133 | ],
|
134 | "uiComponents": [
|
135 | {
|
136 | "type": "Button",
|
137 | "name": "imageStyle:inline",
|
138 | "toolbars": [
|
139 | "image.toolbar"
|
140 | ],
|
141 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/object-inline.svg"
|
142 | },
|
143 | {
|
144 | "type": "Button",
|
145 | "name": "imageStyle:block",
|
146 | "toolbars": [
|
147 | "image.toolbar"
|
148 | ],
|
149 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/object-center.svg"
|
150 | },
|
151 | {
|
152 | "type": "Button",
|
153 | "name": "imageStyle:side",
|
154 | "toolbars": [
|
155 | "image.toolbar"
|
156 | ],
|
157 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/object-right.svg"
|
158 | }
|
159 | ],
|
160 | "htmlOutput": [
|
161 | {
|
162 | "elements": "figure",
|
163 | "classes": [
|
164 | "image-style-side",
|
165 | "image-style-align-left",
|
166 | "image-style-align-right",
|
167 | "image-style-block-align-center",
|
168 | "image-style-block-align-left",
|
169 | "image-style-block-align-right"
|
170 | ]
|
171 | },
|
172 | {
|
173 | "elements": "figure",
|
174 | "classes": "*",
|
175 | "isAlternative": true,
|
176 | "_comment": "The plugin can be configured to set any class names on the `<figure>` element."
|
177 | }
|
178 | ]
|
179 | },
|
180 | {
|
181 | "name": "Image toolbar",
|
182 | "className": "ImageToolbar",
|
183 | "description": "Introduces a contextual toolbar for images. It appears when an image is selected and can be configured to contain buttons for features such as the text alternative or image styles.",
|
184 | "docs": "features/images/images-overview.html#image-contextual-toolbar",
|
185 | "path": "src/imagetoolbar.js",
|
186 | "requires": [
|
187 | [
|
188 | "ImageBlock",
|
189 | "ImageInline"
|
190 | ]
|
191 | ],
|
192 | "registeredToolbars": [
|
193 | "image.toolbar"
|
194 | ]
|
195 | },
|
196 | {
|
197 | "name": "Image upload",
|
198 | "className": "ImageUpload",
|
199 | "description": "Allows for pasting images from the clipboard, dragging and dropping of images, selecting them through a file system dialog or from a media management tool. You need to set this plugin up with an official or a custom upload adapter.",
|
200 | "docs": "features/images/image-upload/image-upload.html",
|
201 | "path": "src/imageupload.js",
|
202 | "requires": [
|
203 | [
|
204 | "ImageBlock",
|
205 | "ImageInline"
|
206 | ]
|
207 | ],
|
208 | "uiComponents": [
|
209 | {
|
210 | "type": "Button",
|
211 | "name": "imageUpload",
|
212 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/image.svg"
|
213 | }
|
214 | ]
|
215 | },
|
216 | {
|
217 | "name": "Image insert",
|
218 | "className": "ImageInsert",
|
219 | "description": "Allows for inserting images via source URL",
|
220 | "docs": "features/images/image-upload/images-inserting.html#inserting-images-via-source-url",
|
221 | "path": "src/imageinsert.js",
|
222 | "requires": [
|
223 | "ImageUpload"
|
224 | ],
|
225 | "uiComponents": [
|
226 | {
|
227 | "type": "SplitButton",
|
228 | "name": "imageInsert",
|
229 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/image.svg"
|
230 | }
|
231 | ]
|
232 | }
|
233 | ]
|
234 | }
|