本文整理汇总了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);
});