Question

我正在使用Kendo文本编辑器。在工具中，我添加了必需的自定义工具。当前， createLink和insertImage 工具会弹出窗口，但不显示输入文本框。在检查模式下检查时，可以看到所需的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

Answer 1

由于先前的要求，在。 k-edit-label .k-edit-field .k-imagebrowser 类中设置了

显示：无！important 规则。删除该规则对我来说解决了这个问题。

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

1 个答案: