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 | 1x 1x 1x 336x 336x 336x 336x 336x 336x 336x | import { addDecorators } from '../../modelApi/common/addDecorators';
import { createSelectionMarker } from '../../modelApi/creators/createSelectionMarker';
import type {
ContentModelBlockGroup,
ContentModelSegmentFormat,
ContentModelSelectionMarker,
DomToModelContext,
} from 'roosterjs-content-model-types';
/**
* Build a new selection marker with correct format according to its parent paragraph
* @param group The BlockGroup that paragraph belongs to
* @param context Current DOM to Model context
* @param container @optional Container Node, used for retrieving pending format
* @param offset @optional Container offset, used for retrieving pending format
* @returns A new selection marker
*/
export function buildSelectionMarker(
group: ContentModelBlockGroup,
context: DomToModelContext,
container?: Node,
offset?: number
): ContentModelSelectionMarker {
const lastPara = group.blocks[group.blocks.length - 1];
const formatFromParagraph: ContentModelSegmentFormat =
!lastPara || lastPara.blockType != 'Paragraph'
? {}
: lastPara.decorator
? {
fontFamily: lastPara.decorator.format.fontFamily,
fontSize: lastPara.decorator.format.fontSize,
}
: lastPara.segmentFormat
? {
fontFamily: lastPara.segmentFormat.fontFamily,
fontSize: lastPara.segmentFormat.fontSize,
}
: {};
const pendingFormat =
context.pendingFormat &&
context.pendingFormat.insertPoint.node === container &&
context.pendingFormat.insertPoint.offset === offset
? context.pendingFormat.format
: undefined;
const format: ContentModelSegmentFormat = Object.assign(
{},
context.defaultFormat,
formatFromParagraph,
context.segmentFormat,
pendingFormat
);
const marker = createSelectionMarker(format);
addDecorators(marker, context);
return marker;
}
|