Question

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

如何在某个组件中加载tinyMCE .js个文件？

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

〜语法错误的道歉： - |

Answer 1

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

＆＃13;

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);
}

＆＃13;

Answer 2

尝试这样：

在脚本

中添加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 -->
    });
  }

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

2 个答案: