Angular 2/4：如何在某些组件中使用 `.js` 文件？

Question

我想在我的项目中使用 tinyMCE 编辑器，然后是这个 docs 这是在 Angular 2 中集成 tinyMCE 的官方文档，但这种方法对我来说并不好，因为 ng build --prod 命令在根文件夹中生成了 scripts.js 文件。当用户访问我的网站时，该文件将传送给用户，而该用户永远不会使用 tinyMCEs 编辑器。

How can load .js files of TinyMCE in certain component?

他们以某种方式在他们的代码中添加了脚本标签...但我想使用不同的方法。

~对语法错误表示歉意:-|

Answer 1

像这样尝试：

在脚本中添加 js 文件后

"scripts": [
  "../node_modules/tinymce/tinymce.js",
  "../node_modules/tinymce/themes/modern/theme.js",
  "../node_modules/tinymce/plugins/link/plugin.js",
  "../node_modules/tinymce/plugins/paste/plugin.js",
  "../node_modules/tinymce/plugins/table/plugin.js"
]

在 component.ts 文件中声明 tiny，如下所示

import 'tinymce';
import 'tinymce/themes/modern';

import 'tinymce/plugins/table';
import 'tinymce/plugins/link';

declare var tinymce: any;

component.ts

ngAfterViewInit() {
    tinymce.init({
        <!-- add tinymce attributes -->
    });
  }

Answer 2

您可以在某些组件中使用 .js 文件，例如，

ngOnInit(){
  var scriptUrl ='script.js';
  let node = document.createElement('script');
  node.src = scriptUrl;
  node.type = 'text/javascript';
  node.async = true;
  node.charset = 'utf-8';
  document.getElementsByTagName('head')[0].appendChild(node);
}

Angular 2/4：如何在某些组件中使用 `.js` 文件？

Angular 2/4: How can I use `.js` files in certain components?

tinymce-4

angular