Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | 1x 1x 1x 1x 54x 54x 54x 54x 54x 54x 1x 54x 1x 54x 54x 54x 54x 54x 54x 1x 54x 1x 54x 24x 54x | import { applyFormat } from '../utils/applyFormat';
import { handleSegmentCommon } from '../utils/handleSegmentCommon';
import { parseValueWithUnit } from '../../formatHandlers/utils/parseValueWithUnit';
import type { ContentModelImage, ContentModelSegmentHandler } from 'roosterjs-content-model-types';
/**
* @internal
*/
export const handleImage: ContentModelSegmentHandler<ContentModelImage> = (
doc,
parent,
imageModel,
context,
segmentNodes
) => {
const img = doc.createElement('img');
const element = document.createElement('span');
parent.appendChild(element);
element.appendChild(img);
img.src = imageModel.src;
if (imageModel.alt) {
img.alt = imageModel.alt;
}
if (imageModel.title) {
img.title = imageModel.title;
}
applyFormat(img, context.formatAppliers.image, imageModel.format, context);
applyFormat(img, context.formatAppliers.dataset, imageModel.dataset, context);
const { width, height } = imageModel.format;
const widthNum = width ? parseValueWithUnit(width) : 0;
const heightNum = height ? parseValueWithUnit(height) : 0;
if (widthNum > 0) {
img.width = widthNum;
}
if (heightNum > 0) {
img.height = heightNum;
}
if (imageModel.isSelectedAsImageSelection) {
context.imageSelection = {
type: 'image',
image: img,
};
}
handleSegmentCommon(doc, img, element, imageModel, context, segmentNodes);
};
|