如何在 angular 2+ 的简单标签上使用 wiris 插件?

问题描述

我想将 Wiris 插件添加到一个简单的页面,但发生了错误。 有人可以帮我吗?

enter image description here

TS 代码

import { Component } from '@angular/core';
import { WirisPlugin } from '@wiris/mathtype-generic';

@Component({
  selector: 'sc-root',templateUrl: './app.component.html',styleUrls: ['./app.component.scss']
})
export class AppComponent {

  constructor() {
    const genericIntegrationProperties: any = {};
    genericIntegrationProperties.target = document.getElementById('htmlEditor');
    genericIntegrationProperties.toolbar = document.getElementById('toolbar');

    // GenericIntegration instance.
    const gp = new WirisPlugin();
    const genericIntegrationInstance = gp.GenericIntegration(genericIntegrationProperties);
    genericIntegrationInstance.init();
    genericIntegrationInstance.listeners.fire('onTargetReady',{});
  }
}

HTML 代码

<div id="toolbar"></div>
<div id="htmlEditor" contenteditable="true">Try me!</div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)