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 因为之前的要求。删除这条规则为我解决了这个问题。
我正在使用 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 因为之前的要求。删除这条规则为我解决了这个问题。