Kendo UI createlink 和 insertimage 弹出模态不显示输入框

Kendo UI createlink and insertimage popup modal does not show input box

我正在使用 Kendo 文本编辑器。在工具中,我添加了所需的自定义工具。目前,createLink 和 insertImage 工具弹出 window 但不显示输入文本框。在检查模式下检查时,可以看到所需的 div 但由于某种原因,它们没有被渲染。

        let tools: any = [
            'bold',
            'italic',
            'underline',
            'strikethrough',
            'createLink',
            'unlink',
            "formatting",
            "cleanFormatting",
            'fontName',
            'fontSize',
            'foreColor',
            'justifyLeft',
            'justifyCenter',
            'justifyRight'
        ];
        var data = valueAccessor();
        $(element).kendoEditor({

            resizable: {
                content: true,
                toolbar: true
            },
            change: (ev) => {
                valueAccessor()($(element).data("kendoEditor").value());
            },
            tools: tools
        });
        var editor = $(element).data("kendoEditor");
        if (data !== null) {
            editor.value(data());
        }
        const isHtmlElement = (el: any): el is HTMLElement => el.style !== undefined;

        if (isHtmlElement(editor.body)) {
            $(editor.body).addClass("k-editor-override");
       }
    }

Output

Inspect mode

显示:none !important 规则设置在 .k-edit-label .k-edit-field .k-imagebrowser class 因为之前的要求。删除这条规则为我解决了这个问题。