UNPKG

6.76 kBJSONView Raw
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}