本文整理匯總了TypeScript中quill/core.setContents函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript setContents函數的具體用法?TypeScript setContents怎麽用?TypeScript setContents使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了setContents函數的7個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: beforeEach
beforeEach(() => {
quill.setContents([
{
insert: "@Somebody",
},
]);
});
示例2: 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);
});
示例3: 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);
}
示例4: 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);
}
示例5: 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);
});
示例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);
});