本文整理匯總了TypeScript中wed/dloc.DLocRange.mustMakeDOMRange方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript DLocRange.mustMakeDOMRange方法的具體用法？TypeScript DLocRange.mustMakeDOMRange怎麽用？TypeScript DLocRange.mustMakeDOMRange使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類wed/dloc.DLocRange的用法示例。
在下文中一共展示了DLocRange.mustMakeDOMRange方法的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: beforeEach
beforeEach(() => {
dataRoot = editor.dataRoot;
caretManager = editor.caretManager;
ps = Array.from(dataRoot.querySelectorAll("body p"));
firstBodyP = ps[0];
firstBodyPLocation = caretManager.mustFromDataLocation(
DLoc.mustMakeDLoc(dataRoot, firstBodyP, 0));
caretManager.setCaret(firstBodyPLocation);
// First 3 text characters in the 5th paragraph (at index 4).
const pFiveStart = DLoc.mustMakeDLoc(dataRoot, ps[4].firstChild, 0);
pFiveFirstThree = new DLocRange(
caretManager.mustFromDataLocation(pFiveStart),
caretManager.mustFromDataLocation(pFiveStart.makeWithOffset(3)));
expect(pFiveFirstThree.mustMakeDOMRange().toString()).to.equal("abc");
pFiveFirstFour = new DLocRange(
caretManager.mustFromDataLocation(pFiveStart),
caretManager.mustFromDataLocation(pFiveStart.makeWithOffset(4)));
expect(pFiveFirstFour.mustMakeDOMRange().toString()).to.equal("abcd");
const pSevenStart = DLoc.mustMakeDLoc(dataRoot, ps[6].firstChild, 0);
pSevenFirstThree = new DLocRange(
caretManager.mustFromDataLocation(pSevenStart),
caretManager.mustFromDataLocation(pSevenStart.makeWithOffset(3)));
expect(pSevenFirstThree.mustMakeDOMRange().toString()).to.equal("abc");
// This is the first "abc" found when doing a TEXT search.
firstABCText = new DLocRange(
caretManager.mustFromDataLocation(ps[3].firstChild!.firstChild!, 0),
caretManager.mustFromDataLocation(ps[3].lastChild!, 1));
});示例2: before
before(() => {
guiRoot = editor.guiRoot;
dataRoot = editor.dataRoot;
caretManager = editor.caretManager;
docScope = editor.caretManager.docDLocRange;
ps = Array.from(editor.dataRoot.querySelectorAll("body p"));
firstBodyP = ps[0];
firstBodyPLocation = caretManager.mustFromDataLocation(
DLoc.mustMakeDLoc(dataRoot, firstBodyP, 0));
// First 3 text characters in the 5th paragraph (at index 4).
const pFiveStart = DLoc.mustMakeDLoc(dataRoot, ps[4].firstChild, 0);
pFiveFirstThree = new DLocRange(
caretManager.mustFromDataLocation(pFiveStart),
caretManager.mustFromDataLocation(pFiveStart.makeWithOffset(3)));
expect(pFiveFirstThree.mustMakeDOMRange().toString()).to.equal("abc");
pFiveFirstFour = new DLocRange(
caretManager.mustFromDataLocation(pFiveStart),
caretManager.mustFromDataLocation(pFiveStart.makeWithOffset(4)));
expect(pFiveFirstFour.mustMakeDOMRange().toString()).to.equal("abcd");
const pSevenStart = DLoc.mustMakeDLoc(dataRoot, ps[6].firstChild, 0);
pSevenFirstThree = new DLocRange(
caretManager.mustFromDataLocation(pSevenStart),
caretManager.mustFromDataLocation(pSevenStart.makeWithOffset(3)));
expect(pSevenFirstThree.mustMakeDOMRange().toString()).to.equal("abc");
// This is the first "abc" found when doing a TEXT search.
firstABCText = new DLocRange(
caretManager.mustFromDataLocation(ps[3].firstChild!.firstChild!, 0),
caretManager.mustFromDataLocation(ps[3].lastChild!, 1));
// This is the first "abcd" found when doing a TEXT search.
firstABCDText = new DLocRange(
caretManager.mustFromDataLocation(ps[3].firstChild!.firstChild!, 0),
caretManager.mustFromDataLocation(ps[3].lastChild!, 2));
const rend = ps[7].getAttributeNode("rend")!;
firstABCAttribute = new DLocRange(
caretManager.mustFromDataLocation(rend, 0),
caretManager.mustFromDataLocation(rend, 3));
firstABCDAttribute = new DLocRange(
caretManager.mustFromDataLocation(rend, 0),
caretManager.mustFromDataLocation(rend, 4));
secondABCAttribute = new DLocRange(
caretManager.mustFromDataLocation(rend, 4),
caretManager.mustFromDataLocation(rend, 7));
});示例3: checkHighlightRanges
function checkHighlightRanges(range: DLocRange): void {
const highlights = document.querySelectorAll("._wed_highlight");
expect(highlights).to.have.property("length").greaterThan(0);
let highlightRect = highlights[0].getBoundingClientRect();
const rangeRect =
range.mustMakeDOMRange().getBoundingClientRect();
// The highlights are built as a series of rectangles. Checking each and
// every rectangle would be onerous. We check the start and end of the
// range.
// Rounding can make the boundaries vary a bit.
expect(highlightRect).to.have.nested.property("top")
.closeTo(rangeRect.top, 3);
expect(highlightRect).to.have.nested.property("left")
.closeTo(rangeRect.left, 3);
highlightRect = highlights[highlights.length - 1].getBoundingClientRect();
expect(highlightRect).to.have.nested.property("bottom")
.closeTo(rangeRect.bottom, 3);
expect(highlightRect).to.have.nested.property("right")
.closeTo(rangeRect.right, 3);
}示例4:
assert.throws(() => range.mustMakeDOMRange(), Error,