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 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | 1x 1x 1x 1x 1x 1x 55x 55x 2x 2x 53x 52x 52x 18x 52x 52x 52x 52x 52x 52x 52x 52x 7x 7x 45x 52x 55x 54x 55x | import { applyFormat } from '../utils/applyFormat';
import { isBlockGroupEmpty } from '../../modelApi/common/isEmpty';
import { reuseCachedElement } from '../../domUtils/reuseCachedElement';
import { stackFormat } from '../utils/stackFormat';
import type {
ContentModelBlockFormat,
ContentModelBlockHandler,
ContentModelFormatContainer,
ContentModelSegmentFormat,
ModelToDomContext,
} from 'roosterjs-content-model-types';
const PreChildFormat: ContentModelSegmentFormat & ContentModelBlockFormat = {
fontFamily: 'monospace',
whiteSpace: 'pre',
};
/**
* @internal
*/
export const handleFormatContainer: ContentModelBlockHandler<ContentModelFormatContainer> = (
doc: Document,
parent: Node,
container: ContentModelFormatContainer,
context: ModelToDomContext,
refNode: Node | null
) => {
let element = context.allowCacheElement ? container.cachedElement : undefined;
if (element) {
refNode = reuseCachedElement(parent, element, refNode, context.rewriteFromModel);
context.modelHandlers.blockGroupChildren(doc, element, container, context);
} else if (!isBlockGroupEmpty(container)) {
const containerNode = doc.createElement(container.tagName);
if (context.allowCacheElement) {
container.cachedElement = containerNode;
}
parent.insertBefore(containerNode, refNode);
context.rewriteFromModel.addedBlockElements.push(containerNode);
stackFormat(context, container.tagName, () => {
applyFormat(containerNode, context.formatAppliers.container, container.format, context);
applyFormat(
containerNode,
context.formatAppliers.segmentOnBlock,
container.format,
context
);
applyFormat(containerNode, context.formatAppliers.container, container.format, context);
});
stackFormat(
context,
container.format.direction ? { direction: container.format.direction } : null,
() => {
if (container.tagName == 'pre') {
stackFormat(context, PreChildFormat, () => {
context.modelHandlers.blockGroupChildren(
doc,
containerNode,
container,
context
);
});
} else {
context.modelHandlers.blockGroupChildren(
doc,
containerNode,
container,
context
);
}
}
);
element = containerNode;
}
if (element) {
context.onNodeCreated?.(container, element);
}
return refNode;
};
|