|
|
@@ -15,24 +15,24 @@ import centerIcon from '@ckeditor/ckeditor5-core/theme/icons/object-center.svg';
|
|
|
import rightIcon from '@ckeditor/ckeditor5-core/theme/icons/object-right.svg';
|
|
|
|
|
|
/**
|
|
|
- * Default image styles provided by the plugin, which can be referred in the
|
|
|
- * {@link module:image/image~ImageConfig#styles} config.
|
|
|
+ * Default image styles provided by the plugin that can be referred in the
|
|
|
+ * {@link module:image/image~ImageConfig#styles} configuration.
|
|
|
*
|
|
|
* Among them, 2 default semantic content styles are available:
|
|
|
*
|
|
|
* * `full` is a full–width image without any CSS class,
|
|
|
- * * `side` is a side image styled with the `image-style-side` CSS class
|
|
|
+ * * `side` is a side image styled with the `image-style-side` CSS class.
|
|
|
*
|
|
|
* There are also 3 styles focused on formatting:
|
|
|
*
|
|
|
* * `alignLeft` aligns the image to the left using the `image-style-align-left` class,
|
|
|
- * * `alignCenter` centers the image to the left using the `image-style-align-center` class,
|
|
|
+ * * `alignCenter` centers the image using the `image-style-align-center` class,
|
|
|
* * `alignRight` aligns the image to the right using the `image-style-align-right` class,
|
|
|
*
|
|
|
* @member {Object.<String,Object>}
|
|
|
*/
|
|
|
const defaultStyles = {
|
|
|
- // This option is equal to situation when no style is applied.
|
|
|
+ // This option is equal to the situation when no style is applied.
|
|
|
full: {
|
|
|
name: 'full',
|
|
|
title: 'Full size image',
|
|
|
@@ -40,7 +40,7 @@ const defaultStyles = {
|
|
|
isDefault: true
|
|
|
},
|
|
|
|
|
|
- // This represents side image.
|
|
|
+ // This represents a side image.
|
|
|
side: {
|
|
|
name: 'side',
|
|
|
title: 'Side image',
|
|
|
@@ -48,7 +48,7 @@ const defaultStyles = {
|
|
|
className: 'image-style-side'
|
|
|
},
|
|
|
|
|
|
- // This style represents an imaged aligned to the left.
|
|
|
+ // This style represents an image aligned to the left.
|
|
|
alignLeft: {
|
|
|
name: 'alignLeft',
|
|
|
title: 'Left aligned image',
|
|
|
@@ -56,7 +56,7 @@ const defaultStyles = {
|
|
|
className: 'image-style-align-left'
|
|
|
},
|
|
|
|
|
|
- // This style represents a centered imaged.
|
|
|
+ // This style represents a centered image.
|
|
|
alignCenter: {
|
|
|
name: 'alignCenter',
|
|
|
title: 'Centered image',
|
|
|
@@ -64,7 +64,7 @@ const defaultStyles = {
|
|
|
className: 'image-style-align-center'
|
|
|
},
|
|
|
|
|
|
- // This style represents an imaged aligned to the right.
|
|
|
+ // This style represents an image aligned to the right.
|
|
|
alignRight: {
|
|
|
name: 'alignRight',
|
|
|
title: 'Right aligned image',
|
|
|
@@ -74,8 +74,8 @@ const defaultStyles = {
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
- * Default image style icons provided by the plugin, which can be referred in the
|
|
|
- * {@link module:image/image~ImageConfig#styles} config.
|
|
|
+ * Default image style icons provided by the plugin that can be referred in the
|
|
|
+ * {@link module:image/image~ImageConfig#styles} configuration.
|
|
|
*
|
|
|
* There are 4 icons available: `'full'`, `'left'`, `'center'` and `'right'`.
|
|
|
*
|
|
|
@@ -89,7 +89,7 @@ const defaultIcons = {
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
- * Returns {@link module:image/image~ImageConfig#styles} array with items normalized in the
|
|
|
+ * Returns a {@link module:image/image~ImageConfig#styles} array with items normalized in the
|
|
|
* {@link module:image/imagestyle/imagestyleediting~ImageStyleFormat} format and a complete `icon` markup for each style.
|
|
|
*
|
|
|
* @returns {Array.<module:image/imagestyle/imagestyleediting~ImageStyleFormat>}
|