Question

我正在寻找一种独立File Browser控件的方法，就像在Kendo UI Editor中一样。

他们forum中提供的解决方案使用了图像浏览器，它具有我们不需要的文件类型限制和缩略图。

Answer 1

如果您正在寻找的文件浏览器不是Kendo UI Rich Text Editor控件的一部分，而不是图像浏览器，那么您可以完成此操作（虽然Telerik / Progress不正式支持）。

您可以使用：

kendoFileBrowser

<div class="file-borwser-js"></div>


$(".file-borwser-js").kendoFileBrowser({
    "messages":
{
    "deleteFile": "Сигурни ли сте че искате да изтриете \"{0}\"?",
    "directoryNotFound": "Директория с посоченото име не бе открита.",
    "emptyFolder": "Празна папка",
    "invalidFileType": "Избраният файл \"{0}\" не е валиден. Поддържаните файлови формати са {1}.",
    "orderBy": "Подреди по:",
    "orderBySize": "Големина",
    "orderByName": "Име",
    "overwriteFile": "Файл с име \"{0}\" вече съществува в тази папка. Искате ли да го презапишете?",
    "uploadFile": "Качи файл",
    "dropFilesHere": "преместете с мишката файлове тук за да ги качите",
    "search": "Търси"
},
    "transport":
    {
        "type": "filebrowser-aspnetmvc",
        "read": { "url": "/FileBrowser/Read" },
        "uploadUrl": "/FileBrowser/Upload",
        "destroy": { "url": "/FileBrowser/Destroy" },
        "create": { "url": "/FileBrowser/Create" },
        "fileUrl": "/FileBrowser/File?path={0}"
    }
});

我得到这个的方式来自使用Kendo编辑器下载的内联Javascript。并复制了＆＃34; fileBrowser＆＃34;元件。然后我将此元素用作kendoFileBrowser()

的参数

    jQuery(function(){jQuery("#_0__Content").kendoEditor({"tools":[{"name":"bold"},{"name":"italic"},{"name":"underline"},{"name":"strikethrough"},{"name":"justifyLeft"},{"name":"justifyCenter"},{"name":"justifyRight"},{"name":"justifyFull"},{"name":"insertUnorderedList"},{"name":"insertOrderedList"},{"name":"outdent"},{"name":"indent"},{"name":"createLink"},{"name":"unlink"},{"name":"insertImage"},{"name":"insertFile"},{"name":"subscript"},{"name":"superscript"},{"name":"createTable"},{"name":"addColumnLeft"},{"name":"addColumnRight"},{"name":"addRowAbove"},{"name":"addRowBelow"},{"name":"deleteRow"},{"name":"deleteColumn"},{"name":"viewHtml"},{"name":"formatting"},{"name":"cleanFormatting"},{"name":"fontName"},{"name":"fontSize"},{"name":"foreColor"},{"name":"backColor"}],"messages":{"bold":"Получер","italic":"Курсив","underline":"Подчертай","strikethrough":"Зачертай","superscript":"Горен индекс","subscript":"Долен индекс","justifyCenter":"Центрирай","justifyLeft":"Подравни отляво","justifyRight":"Подравни отдясно","justifyFull":"Подравни","insertOrderedList":"Вмъкни номериран списък","insertUnorderedList":"Вмъкни списък","indent":"Добави отстъп","outdent":"Премахни отстъп","createLink":"Направи препратка","unlink":"Премахни препратка","insertImage":"Вмъкни картина","insertFile":"Вмъкни файл","insertHtml":"Вмъкни HTML","fontName":"Шрифт","fontNameInherit":"(наследен шрифт)","fontSize":"Размер на шрифта","fontSizeInherit":"(наследен размер)","formatBlock":"Избери формат","styles":"Стилове","backColor":"Цвят на фона","foreColor":"Цвят","viewHtml":"Виж HTML-а","dialogUpdate":"Обнови","createTable":"Създай таблица"},"imageBrowser":{"messages":{"deleteFile":"Сигурни ли сте че искате да изтриете \"{0}\"?","directoryNotFound":"Директория с посоченото име не бе открита.","emptyFolder":"Празна папка","invalidFileType":"Избраният файл \"{0}\" не е валиден. Поддържаните файлови формати са {1}.","orderBy":"Подреди по:","orderBySize":"Големина","orderByName":"Име","overwriteFile":"Файл с име \"{0}\" вече съществува в тази папка. Искате ли да го презапишете?","uploadFile":"Качи файл","dropFilesHere":"преместете с мишката файлове тук за да ги качите","search":"Търси"},"transport":{"read":{"url":"/ImageBrowser/Read"},"type":"imagebrowser-aspnetmvc","thumbnailUrl":"/ImageBrowser/Thumbnail","uploadUrl":"/ImageBrowser/Upload","destroy":{"url":"/ImageBrowser/Destroy"},"create":{"url":"/ImageBrowser/Create"},"imageUrl":"/ImageBrowser/Image?path={0}"}},"fileBrowser":{"messages":{"deleteFile":"Сигурни ли сте че искате да изтриете \"{0}\"?","directoryNotFound":"Директория с посоченото име не бе открита.","emptyFolder":"Празна папка","invalidFileType":"Избраният файл \"{0}\" не е валиден. Поддържаните файлови формати са {1}.","orderBy":"Подреди по:","orderBySize":"Големина","orderByName":"Име","overwriteFile":"Файл с име \"{0}\" вече съществува в тази папка. Искате ли да го презапишете?","uploadFile":"Качи файл","dropFilesHere":"преместете с мишката файлове тук за да ги качите","search":"Търси"},"transport":{"read":{"url":"/FileBrowser/Read"},"type":"filebrowser-aspnetmvc","uploadUrl":"/FileBrowser/Upload","destroy":{"url":"/FileBrowser/Destroy"},"create":{"url":"/FileBrowser/Create"},"fileUrl":"/FileBrowser/File?path={0}"}}});});

在Kendo UI上测试：2015.1.318

我试图在他们的forum上发布它作为答案，但显然你必须超级优惠才能这样做，我在这里发帖。

文件浏览器不是Kendo UI Editor的一部分

1 个答案: