还需要将 tinymce 的部署文件复制到 assets 文件夹中并添加 tinymce.min.js 的引用
1)在 angular.json 的 "assets"
中添加下面的配置
"assets": [
"src/assets",
{
"glob": "**/*.min.{css,js}",
"input": "node_modules/tinymce",
"output": "assets/tinymce7/"
},
{
"glob": "plugins/help/js/**/*.js",
"input": "node_modules/tinymce",
"output": "assets/tinymce7/"
}
]
2)在使用 tinymce 的 component 中注册 TINYMCE_SCRIPT_SRC
Component({
selector: 'cnb-tinymce7',
imports: [EditorComponent, SpinnerComponent],
providers: [
{
provide: TINYMCE_SCRIPT_SRC,
useValue: '/assets/tinymce7/tinymce.min.js'
}
],
template: `
<ng-container>
<cnb-spinner [show]="!tinymceLoaded()">
<editor licenseKey='gpl'
[init]="tinymceInit"
(onInit)="tinymceOnInit()" />
</cnb-spinner>
</ng-container>
`
})