Question

我使用的是kendo编辑器及其图片和文件浏览器。我可以在图像浏览器中看到每个图像文件的缩略图（如图像管理器）。我想要做的是以类似于缩略图的方式查看图标，但是对于FileBrowser中的文件。图标最好是每个文件的文件类型（例如：PDF，TXT ......）。

有没有办法将任何类型的图标与fileBrowser窗口中的文件相关联？

Answer 1

我一直试图做同样的事情。我只是做了setInterval来检查文件浏览器窗口是否存在，如果存在则更改图像。这是我的代码：

setInterval(function() {
    $(".k-reset.k-floats.k-tiles.k-widget.k-listview.k-selectable").find("strong").each(function(e) {
        // case insensitive search for files that end with .pdf
        if(this.innerText.match(/\.pdf$/i)) {
            // apply css style for the span that holds the image and replace with your own
            $(this).siblings().find("span").css({ "background": "#fff url('path/to/your/image') no-repeat center" });
        }
    });
}, 1);

可能有更好的方法，但这很有效。更不用说除了我们以外没有其他人明显需要做到这一点。我已经在Google上搜索了几天，以便采取正确的方式来实现这一目标。

在Kendo Editor文件浏览器中显示文件类型的图标

1 个答案: