當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript core.getContents函數代碼示例

本文整理匯總了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",
         },
     ]);
 });
開發者ID:vanilla,項目名稱:vanilla,代碼行數:31,代碼來源:ListBlot.test.ts

示例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(),
                ]);
            });
開發者ID:vanilla,項目名稱:vanilla,代碼行數:25,代碼來源:ClipboardModule.test.ts

示例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);
    });
開發者ID:vanilla,項目名稱:vanilla,代碼行數:27,代碼來源:KeyboardBindings.test.ts

示例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);
        }
開發者ID:vanilla,項目名稱:vanilla,代碼行數:28,代碼來源:KeyboardBindings.test.ts

示例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);
    }
開發者ID:vanilla,項目名稱:vanilla,代碼行數:27,代碼來源:KeyboardBindings.test.ts

示例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);
        }
開發者ID:vanilla,項目名稱:vanilla,代碼行數:27,代碼來源:KeyboardBindings.test.ts

示例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);
    });
開發者ID:vanilla,項目名稱:vanilla,代碼行數:26,代碼來源:utility.test.ts

示例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);
    });
開發者ID:vanilla,項目名稱:vanilla,代碼行數:26,代碼來源:MentionAutoCompleteBlot.test.ts

示例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 }]);
 };
開發者ID:vanilla,項目名稱:vanilla,代碼行數:10,代碼來源:ClipboardModule.test.ts

示例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);
    }
開發者ID:vanilla,項目名稱:vanilla,代碼行數:15,代碼來源:KeyboardBindings.test.ts

示例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);
    }
開發者ID:vanilla,項目名稱:vanilla,代碼行數:15,代碼來源:Formatter.test.ts

示例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);
    }
開發者ID:vanilla,項目名稱:vanilla,代碼行數:19,代碼來源:KeyboardBindings.test.ts


注:本文中的quill/core.getContents函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。