@ckeditor/ckeditor5-image
Version:
Image feature for CKEditor 5.
64 lines (63 loc) • 2.15 kB
JavaScript
/**
* @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module image/image/imageediting
*/
import { Plugin } from 'ckeditor5/src/core.js';
import ImageLoadObserver from './imageloadobserver.js';
import InsertImageCommand from './insertimagecommand.js';
import ReplaceImageSourceCommand from './replaceimagesourcecommand.js';
import ImageUtils from '../imageutils.js';
/**
* The image engine plugin. This module loads common code shared between
* {@link module:image/image/imageinlineediting~ImageInlineEditing} and
* {@link module:image/image/imageblockediting~ImageBlockEditing} plugins.
*
* This plugin registers the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command.
*/
export default class ImageEditing extends Plugin {
/**
* @inheritDoc
*/
static get requires() {
return [ImageUtils];
}
/**
* @inheritDoc
*/
static get pluginName() {
return 'ImageEditing';
}
/**
* @inheritDoc
*/
init() {
const editor = this.editor;
const conversion = editor.conversion;
// See https://github.com/ckeditor/ckeditor5-image/issues/142.
editor.editing.view.addObserver(ImageLoadObserver);
conversion.for('upcast')
.attributeToAttribute({
view: {
name: 'img',
key: 'alt'
},
model: 'alt'
})
.attributeToAttribute({
view: {
name: 'img',
key: 'srcset'
},
model: 'srcset'
});
const insertImageCommand = new InsertImageCommand(editor);
const replaceImageSourceCommand = new ReplaceImageSourceCommand(editor);
editor.commands.add('insertImage', insertImageCommand);
editor.commands.add('replaceImageSource', replaceImageSourceCommand);
// `imageInsert` is an alias for backward compatibility.
editor.commands.add('imageInsert', insertImageCommand);
}
}