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/images-inserting.html#inserting-images-via-pasting-a-url-into-the-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 | "height",
|
42 | "sizes",
|
43 | "src",
|
44 | "srcset",
|
45 | "width"
|
46 | ]
|
47 | }
|
48 | ]
|
49 | },
|
50 | {
|
51 | "name": "Inline image",
|
52 | "className": "ImageInline",
|
53 | "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.",
|
54 | "docs": "features/images/images-installation.html#inline-and-block-images",
|
55 | "path": "src/imageinline.js",
|
56 | "uiComponents": [
|
57 | {
|
58 | "type": "Button",
|
59 | "name": "imageTextAlternative",
|
60 | "iconPath": "",
|
61 | "toolbars": [
|
62 | "image.toolbar"
|
63 | ]
|
64 | }
|
65 | ],
|
66 | "htmlOutput": [
|
67 | {
|
68 | "elements": "img",
|
69 | "attributes": [
|
70 | "alt",
|
71 | "height",
|
72 | "sizes",
|
73 | "src",
|
74 | "srcset",
|
75 | "width"
|
76 | ]
|
77 | }
|
78 | ]
|
79 | },
|
80 | {
|
81 | "name": "Image",
|
82 | "className": "Image",
|
83 | "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.",
|
84 | "docs": "features/images/images-overview.html",
|
85 | "path": "src/image.js"
|
86 | },
|
87 | {
|
88 | "name": "Image caption",
|
89 | "className": "ImageCaption",
|
90 | "description": "Allows for adding captions to block images to give additional context.",
|
91 | "docs": "features/images/images-captions.html",
|
92 | "path": "src/imagecaption.js",
|
93 | "requires": [
|
94 | "ImageBlock"
|
95 | ],
|
96 | "uiComponents": [
|
97 | {
|
98 | "type": "Button",
|
99 | "name": "toggleImageCaption",
|
100 | "iconPath": "",
|
101 | "toolbars": [
|
102 | "image.toolbar"
|
103 | ]
|
104 | }
|
105 | ],
|
106 | "htmlOutput": [
|
107 | {
|
108 | "elements": "figcaption"
|
109 | }
|
110 | ]
|
111 | },
|
112 | {
|
113 | "name": "Image resize",
|
114 | "className": "ImageResize",
|
115 | "description": "Allows for resizing images using handles.",
|
116 | "docs": "features/images/images-resizing.html",
|
117 | "path": "src/imageresize.js",
|
118 | "requires": [
|
119 | [
|
120 | "ImageBlock",
|
121 | "ImageInline"
|
122 | ]
|
123 | ],
|
124 | "htmlOutput": [
|
125 | {
|
126 | "elements": "figure",
|
127 | "classes": "image_resized",
|
128 | "styles": [
|
129 | "height",
|
130 | "width"
|
131 | ]
|
132 | },
|
133 | {
|
134 | "elements": "img",
|
135 | "classes": "image_resized",
|
136 | "styles": [
|
137 | "aspect-ratio",
|
138 | "height",
|
139 | "width"
|
140 | ]
|
141 | }
|
142 | ]
|
143 | },
|
144 | {
|
145 | "name": "Image style",
|
146 | "className": "ImageStyle",
|
147 | "description": "Allows for using predefined, configurable styles to display the images, for example, as a full width image or side image.",
|
148 | "docs": "features/images/images-styles.html",
|
149 | "path": "src/imagestyle.js",
|
150 | "requires": [
|
151 | [
|
152 | "ImageBlock",
|
153 | "ImageInline"
|
154 | ]
|
155 | ],
|
156 | "uiComponents": [
|
157 | {
|
158 | "type": "Button",
|
159 | "name": "imageStyle:inline",
|
160 | "toolbars": [
|
161 | "image.toolbar"
|
162 | ],
|
163 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/object-inline.svg"
|
164 | },
|
165 | {
|
166 | "type": "Button",
|
167 | "name": "imageStyle:block",
|
168 | "toolbars": [
|
169 | "image.toolbar"
|
170 | ],
|
171 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/object-center.svg"
|
172 | },
|
173 | {
|
174 | "type": "Button",
|
175 | "name": "imageStyle:side",
|
176 | "toolbars": [
|
177 | "image.toolbar"
|
178 | ],
|
179 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/object-right.svg"
|
180 | }
|
181 | ],
|
182 | "htmlOutput": [
|
183 | {
|
184 | "elements": "figure",
|
185 | "classes": [
|
186 | "image-style-side",
|
187 | "image-style-align-left",
|
188 | "image-style-align-right",
|
189 | "image-style-block-align-center",
|
190 | "image-style-block-align-left",
|
191 | "image-style-block-align-right"
|
192 | ]
|
193 | },
|
194 | {
|
195 | "elements": "figure",
|
196 | "classes": "*",
|
197 | "isAlternative": true,
|
198 | "_comment": "The plugin can be configured to set any class names on the `<figure>` element."
|
199 | }
|
200 | ]
|
201 | },
|
202 | {
|
203 | "name": "Image toolbar",
|
204 | "className": "ImageToolbar",
|
205 | "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.",
|
206 | "docs": "features/images/images-overview.html#image-contextual-toolbar",
|
207 | "path": "src/imagetoolbar.js",
|
208 | "requires": [
|
209 | [
|
210 | "ImageBlock",
|
211 | "ImageInline"
|
212 | ]
|
213 | ],
|
214 | "registeredToolbars": [
|
215 | "image.toolbar"
|
216 | ]
|
217 | },
|
218 | {
|
219 | "name": "Image upload",
|
220 | "className": "ImageUpload",
|
221 | "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.",
|
222 | "docs": "features/images/image-upload/image-upload.html",
|
223 | "path": "src/imageupload.js",
|
224 | "requires": [
|
225 | [
|
226 | "ImageBlock",
|
227 | "ImageInline"
|
228 | ]
|
229 | ],
|
230 | "uiComponents": [
|
231 | {
|
232 | "type": "Button",
|
233 | "name": "imageUpload",
|
234 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/image.svg"
|
235 | }
|
236 | ]
|
237 | },
|
238 | {
|
239 | "name": "Image insert",
|
240 | "className": "ImageInsert",
|
241 | "description": "Allows for inserting images via source URL",
|
242 | "docs": "features/images/images-inserting.html#inserting-images-via-a-source-url",
|
243 | "path": "src/imageinsert.js",
|
244 | "requires": [
|
245 | "ImageUpload"
|
246 | ],
|
247 | "uiComponents": [
|
248 | {
|
249 | "type": "SplitButton",
|
250 | "name": "imageInsert",
|
251 | "iconPath": "@ckeditor/ckeditor5-core/theme/icons/image.svg"
|
252 | }
|
253 | ]
|
254 | }
|
255 | ]
|
256 | }
|