Наконец-то мне удалось интегрировать elfinder в angular 9, я отмечаю решение, чтобы никому не пришлось бороться, как мне. Поскольку моя серверная часть состоит из ASP.NET Core 3.1, я установил этот коннектор (https://github.com/gordon-matt/elFinder.NetCore), затем в файл angular.json импортируйте скрипты и стили
после того, как поместите это на свой взгляд: <div id="elfinder"></div>
поместите это в свой компонент, в свой ngOnInit():
$(document).ready(function () {
var myCommands = elFinder.prototype._options.commands;
var disabled = ['callback', 'chmod', 'editor', 'netmount', 'ping', 'search', 'zipdl', 'help']; // Not yet implemented commands in elFinder.NetCore
elFinder.prototype.i18.en.messages.TextArea = "Edit";
var self = this;
$.each(disabled, function (i, cmd) {
(self.idx = $.inArray(cmd, myCommands)) !== -1 && myCommands.splice(self.idx, 1);
});
var options = {
url: '/el-finder/file-system/connector', // Default (Local File System)
//customData: { folder: '@Model.Folder', subFolder: '@Model.SubFolder' }, // customData passed in every request to the connector as query strings. These values are used in FileController's Index method.*@
rememberLastDir: false, // Prevent elFinder saving in the Browser LocalStorage the last visited directory
commands: myCommands,
//lang: 'pt_BR', // elFinder supports UI and messages localization. Check the folder Content\elfinder\js\i18n for all available languages. Be sure to include the corresponding .js file(s) in the JavaScript bundle.
uiOptions: { // UI buttons available to the user
toolbar: [
['back', 'forward'],
['reload'],
['home', 'up'],
['mkdir', 'mkfile', 'upload'],
['open', 'download'],
['undo', 'redo'],
['info'],
['quicklook'],
['copy', 'cut', 'paste'],
['rm'],
['duplicate', 'rename', 'edit'],
['selectall', 'selectnone', 'selectinvert'],
['view', 'sort']
]
},
//onlyMimes: ["image", "text/plain"] // Get files of requested mime types only
lang: 'fr', // Change language
};
});
})(jQuery);
затем, наконец, хорошо управляйте своим импортом, и это работает!
07.07.2020