无法在Angular项目中集成ElFinder

无法在Angular项目中集成ElFinder,angular,integration,elfinder,Angular,Integration,Elfinder,我正在尝试将ElFinder集成到我的Angular项目中,但我似乎不知道如何让它工作。Readme.md没有提供如何设置使用ElFinder的完整应用程序的示例,我对此一无所知。我已经下载了最新的stable build compressed版本,但我不确定我应该如何从我的应用程序中使用它,我猜我应该用解压文件夹的内容启动一台服务器,然后不知何故,即使我不知道如何让我的程序在服务器运行的任何地方调用elfinder,在我的html中的某个特定点,这样我就可以将ElFinder explorer

我正在尝试将ElFinder集成到我的Angular项目中,但我似乎不知道如何让它工作。Readme.md没有提供如何设置使用ElFinder的完整应用程序的示例,我对此一无所知。我已经下载了最新的stable build compressed版本,但我不确定我应该如何从我的应用程序中使用它,我猜我应该用解压文件夹的内容启动一台服务器,然后不知何故,即使我不知道如何让我的程序在服务器运行的任何地方调用elfinder,在我的html中的某个特定点,这样我就可以将ElFinder explorer与页面中的其他元素集成


有人知道这是否是正确的方法,以及如何从HTML/.ts文件调用ElFinder吗?

我最终成功地将ElFinder集成到angular 9中,我标记了解决方案,这样就没有人需要像我一样努力了。因为我的后端由ASP.NET Core 3.1组成,所以我安装了这个连接器,然后在angular.json文件中导入脚本和样式

在您看到这一点之后:

把它放在你的组件中,放在你的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);
然后,最终管理好您的导入,它就可以工作了