Angular 13 Tinymce 6添加外部插件MathType

Question

我有一个Angular应用程序，我使用TinyMCE作为编辑器。我想添加外部插件到TinyMCE数学类型。但我不明白如何添加这个插件并使用？

当我使用这个代码：

export class PageComponent {
tinymceConfig = {};
constructor(private request: RequestService) {
this.tinymceConfig = {
external_plugins: {
'tiny_mce_wiris': 'node_modules/@wiris/mathtype-tinymce6/plugin.min.js',
},
toolbar: 'tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry',
draggable_modal: true,
extended_valid_elements: '*[.*]',
plugins: 'lists link image table code help wordcount tiny_mce_wiris',
language: 'ru',
};
}
async testEvent() {
await this.request.postRequest(`${environment.apiUrl}/api/auth/account/islogging`, []);
}
}

<editor
[init]="tinymceConfig"
></editor>

这个错误：无法从url node_modules/@wiris/mathtype-tinymce6/plugin.min.js 加载插件：tiny_mce_wiris

Answer 1

您必须使用以下url：https://www.wiris.net/demo/plugins/tiny_mce/plugin.js

而不是：node_modules/@wiris/mathtype-tinymce6/plugin.min.js

关于它，你可以查看本指南：https://docs.wiris.com/mathtype/en/mathtype-integrations/mathtype-web-interface-features/external-integration.html