Angular 将Javascript脚本导入到

Angular 将Javascript脚本导入到,angular,tinymce,integration,elfinder,Angular,Tinymce,Integration,Elfinder,我正在尝试在我的Angular项目中使用TinyMCE Elfinder积分器(),我已经让TinyMCE capsule组件工作了 问题是,为了让integrator工作,我需要导入一些JS脚本。我尝试在与TinyMCE编辑器相同的html文件中定义它们,如下所示: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></s

我正在尝试在我的Angular项目中使用TinyMCE Elfinder积分器(),我已经让TinyMCE capsule组件工作了

问题是,为了让integrator工作,我需要导入一些JS脚本。我尝试在与TinyMCE编辑器相同的html文件中定义它们,如下所示:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css"/>
<!-- elFinder (load latest nightly) -->
<script type="text/javascript" src="https://studio-42.github.io/elFinder/demo/js/elfinder.min.js"></script>
<!-- tinyMCE -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.2.0/tinymce.min.js"></script>
<!-- tinymceElfinder -->
<script type="text/javascript" src="https://nao-pon.github.io/tinymceElfinder/tinymceElfinder.js"></script>

<editor
[(ngModel)]="content"
[init]="{
    base_url: '/tinymce',
    suffix: '.min',
    height: 500,
    menubar: false,
    plugins: [
        'advlist autolink lists link image charmap print preview anchor',
        'searchreplace visualblocks code fullscreen',
        'insertdatetime media table paste code help wordcount'
    ],
    toolbar:
        'undo redo | formatselect | bold italic backcolor link image media | \
        alignleft aligncenter alignright alignjustify | \
        bullist numlist outdent indent | removeformat | help | mkdir',

        file_picker_callback : mceElf.browser,
        images_upload_handler: mceElf.uploadHandler

    }"
(onKeyUp)="onKeyUp($event)"
></editor>
...

declare const tinymceElfinder : any;

...

@Component({

})
export class RichEditorComponent {

    mceElf = new tinymceElfinder({
        url: 'php/connector.minimal.php',
        uploadTargetHash: 'l1_lw',
        nodeId: 'elfinder'
    });

    ...

}
但是,当我尝试运行我的应用程序时,出现以下错误:

ERROR Error: "Uncaught (in promise): ReferenceError: tinymceElfinder is not defined

我的猜测是Angular忽略了HTML导入。我对Angular是个新手,所以我真的不知道如何正确处理这个问题。有人有解决方案吗?

Angular不接受JS脚本进入html模板。尝试将所有JS脚本移动到angular项目中的index.html文件中, 在头标签的末尾


有关如何将外部JS包含到angular组件的更多信息,请参阅以下帖子:

问题似乎已经在这里得到了回答:不完全是这样,因为我需要从URL导入它们,而仅仅下载这些脚本似乎不起作用,因为某些原因我已经集成了TinyMCE,我是按照这些指示做的。我现在要做的是将ElFinder集成到TinymceHTML中包含脚本的html文件的名称是什么?(顶部第一个)rich-editor.component.html。第二个是rich-editor.component.ts。我用它们作为tinyMCE.editor的胶囊。这里是错误,我将编辑我的答案来解决您的问题:)好的,您的解决方案似乎“有点”有效。现在我不再得到那个错误了,但现在我得到了:未处理的承诺拒绝:elfNode.elfinder不是一个函数;区域:;任务:承诺;Value:TypeError:“elfNode.elfinder不是函数”。我一直在谷歌上搜索,很明显,当elfinder.min.js还没有加载时,就会发生这种情况。但是,我已经以与其他脚本相同的方式导入了它,这是您在这里提供的方式。我不太清楚为什么可以加载一些脚本,但不能加载其他脚本