本文整理匯總了TypeScript中quill/core.getContents函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript getContents函數的具體用法?TypeScript getContents怎麽用?TypeScript getContents使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了getContents函數的12個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: it
it("can be update the depth through quill's formatLine API", () => {
insertListBlot({ type: ListType.ORDERED, depth: 0 });
expect(quill.getContents().ops).deep.equals([
{ insert: "list item" },
{
attributes: {
list: {
type: ListType.ORDERED,
depth: 0,
},
},
insert: "\n",
},
]);
quill.formatLine(0, 1, ListItem.blotName, {
type: ListType.ORDERED,
depth: 1,
});
expect(quill.getContents().ops).deep.equals([
{ insert: "list item" },
{
attributes: {
list: {
type: ListType.ORDERED,
depth: 1,
},
},
insert: "\n",
},
]);
});
示例2: it
it("can paste some images", () => {
const html = `
<p><img src="/image1.png" alt="image-1"></p>
<img src="/image-no-alt.jpg">
<div class="js-embed embedResponsive" contenteditable="false">
<div class="embedExternal embedImage">
<div class="embed-focusableElement embedExternal-content" aria-label="External embed content - image" tabindex="-1">
<a class="embedImage-link" href="/embed-image.jpg" rel="nofollow noopener">
<img class="embedImage-img" src="/embed-image.jpg" alt="image">
</a>
</div>
</div>
<span class="sr-only">Embed Description</span>
</div>
`;
clipboard.dangerouslyPasteHTML(html);
expect(quill.getContents().ops).deep.eq([
OpUtils.image("/image1.png", "image-1"),
OpUtils.newline(),
OpUtils.image("/image-no-alt.jpg", null),
OpUtils.image("/embed-image.jpg", "image"),
OpUtils.newline(),
]);
});
示例3: it
it("handleCodeBlockEnter", () => {
const delta = new Delta().insert("line\n\n\n", {
[CodeBlockBlot.blotName]: true,
});
quill.setContents(delta);
// Place selection one the second line (newline);
const selection = {
index: 6,
length: 0,
};
keyboardBindings.handleCodeBlockEnter(selection);
const expectedResult = [
{ insert: "line" },
{
insert: "\n",
attributes: {
[CodeBlockBlot.blotName]: true,
},
},
{
insert: "\n",
},
];
expect(quill.getContents().ops).deep.equals(expectedResult);
});
示例4: itInsertNewlineAfter
function itInsertNewlineAfter(blotName) {
const initialValue = [
{ insert: "1" },
{ attributes: { [blotName]: true }, insert: "\n\n\n" },
{ insert: "4" },
{ attributes: { [blotName]: true }, insert: "\n" },
];
quill.setContents(initialValue);
// Place selection at last line
const selection = {
index: 5,
length: 0,
};
keyboardBindings.insertNewlineAfterRange(selection);
const expectedResult = [
{ insert: "1" },
{ attributes: { [blotName]: true }, insert: "\n\n\n" },
{ insert: "4" },
{ attributes: { [blotName]: true }, insert: "\n" },
{ insert: "\n" },
];
expect(quill.getContents().ops).deep.equals(expectedResult);
}
示例5: itMultilineEnterFor
function itMultilineEnterFor(blotName) {
const delta = new Delta().insert("line\n\n", {
[blotName]: true,
});
quill.setContents(delta);
// Place selection one the second line (newline);
const selection = {
index: 5,
length: 0,
};
keyboardBindings.handleMultilineEnter(selection);
const expectedResult = [
{ insert: "line" },
{
insert: "\n",
attributes: {
[blotName]: true,
},
},
{
insert: "\n",
},
];
expect(quill.getContents().ops).deep.equals(expectedResult);
}
示例6: itInsertNewlineBefore
function itInsertNewlineBefore(blotName) {
const delta = new Delta().insert("line\n\n", {
[blotName]: true,
});
quill.setContents(delta);
// Place selection at the beginning
const selection = {
index: 0,
length: 0,
};
keyboardBindings.insertNewlineBeforeRange(selection);
const expectedResult = [
{ insert: "\nline" }, // Yes this actually how quill represents the newline before here!!
{
insert: "\n\n",
attributes: {
[blotName]: true,
},
},
];
expect(quill.getContents().ops).deep.equals(expectedResult);
}
示例7: it
it("can split a line in the middle", async () => {
await _executeReady();
const content = [{ insert: "\n\n\n1234567890\n" }];
const expected = [
{
insert: "\n\n\n12345\n",
},
{
insert: {
"embed-focusable": true,
},
},
{
insert: "67890\n",
},
];
const newBlot = new FocusableEmbedBlot(FocusableEmbedBlot.create());
const quill = new Quill(document.body);
quill.setContents(content);
insertBlockBlotAt(quill, 8, newBlot);
quill.update();
expect(quill.getContents().ops).deep.equals(expected);
});
示例8: it
it("can be finalized.", () => {
const quill = new Quill(document.body);
const data: IMentionSuggestionData = {
userID: 1,
name: "complete",
photoUrl: "https://github.com",
dateLastActive: "",
domID: "asdf",
};
quill.setContents([
{
insert: "@incomplete",
attributes: { "mention-autocomplete": true },
},
]);
const blot = (quill.scroll as any).descendant(MentionAutoCompleteBlot, 0)[0] as MentionAutoCompleteBlot;
blot.finalize(data);
const expected = [{ insert: { mention: { name: "complete", userID: 1 } } }, { insert: "\n" }];
quill.update();
expect(quill.getContents().ops).deep.equals(expected);
});
示例9: expect
const testSimplePaste = (value: string | string[]) => {
let text = value;
let expected = text + "\n";
if (isArray(text)) {
[text, expected] = value;
expected = expected === undefined ? text + "\n" : expected + "\n";
}
clipboard.dangerouslyPasteHTML(text);
expect(quill.getContents().ops).deep.eq([{ insert: expected }]);
};
示例10: itBackSpaceAtStartFor
function itBackSpaceAtStartFor(blotName) {
const contents = [{ insert: "123" }, { attributes: { [blotName]: true }, insert: "\n" }, { insert: "45\n" }];
quill.setContents(contents);
const selection = {
index: 0,
length: 0,
};
keyboardBindings.handleBlockStartDelete(selection);
const expectedResult = [{ insert: "123\n45\n" }];
expect(quill.getContents().ops).deep.equals(expectedResult);
}
示例11: assertQuillInputOutput
function assertQuillInputOutput(input: any[], expectedOutput: any[], formattingFunction: () => void) {
quill.setContents(input, Quill.sources.USER);
formattingFunction();
const stripRefs = op => {
if (op.attributes && op.attributes.header && op.attributes.header.ref) {
op.attributes.header.ref = "";
}
return op;
};
// Kludge out the dynamically generated refs.
const result = quill.getContents().ops!.map(stripRefs);
expectedOutput = expectedOutput.map(stripRefs);
expect(result).deep.equals(expectedOutput);
}
示例12: itBackspaceToClearEmptyFor
function itBackspaceToClearEmptyFor(blotName) {
const contents = [{ insert: "123\n" }, { attributes: { [blotName]: true }, insert: "\n" }, { insert: "45\n" }];
quill.setContents(contents);
const selection = {
index: 4,
length: 0,
};
if (blotName === CodeBlockBlot.blotName) {
keyboardBindings.handleCodeBlockBackspace(selection);
} else {
keyboardBindings.handleMultiLineBackspace(selection);
}
const expectedResult = [{ insert: "123\n\n45\n" }];
expect(quill.getContents().ops).deep.equals(expectedResult);
}