Question

我已经使用Webpack成功安装并配置了Froala WYSIWYG编辑器。但是我正在努力启用Wiris MathType plugin。到目前为止，我已经安装了Wiris：

yarn add @wiris/mathtype-froala

并尝试在我的脚本中要求它，该脚本也需要并配置Froala：

import $ from 'jquery';
global.jQuery = $;

// Require Editor JS files.
import FroalaEditor from 'froala-editor/js/froala_editor.pkgd.min.js';

// Require Editor CSS files.
import 'froala-editor/css/froala_style.min.css';
import 'froala-editor/css/froala_editor.pkgd.min.css';

// Require Font Awesome.
import 'font-awesome/css/font-awesome.css';

// Require Wiris plugin
import WirisPlugin from '@wiris/mathtype-froala';
import '@wiris/mathtype-froala/core/styles.css';

$(document).ready(function() {
    $("texarea#froala-editor").froalaEditor({
        ...
        iframe: true,
        pluginsEnabled: ["wirisEditor", ....],
        toolbarButtons: ['undo', 'redo' , 'bold', '|', 'wirisEditor','clear', 'insert'],
        imageEditButtons: ['wirisEditor', 'imageDisplay', 'imageAlign', 'imageInfo', 'imageRemove'],
        htmlAllowedTags:  ['.*'],
        htmlAllowedAttrs: ['.*']
    });
});

但是之后，我在Chrome控制台中收到以下错误：

wiris.js:3 Uncaught TypeError: Cannot read property 'editorObject' of null
at s.e.FroalaEditor.COMMANDS.wirisEditor.refresh (wiris.js:3)
at Object.refresh (froala_editor.pkgd.min.js:7)
at froala_editor.pkgd.min.js:7

Firefox显示了另一个错误，尽管可能是由同一原因引起的。

TypeError: WirisPlugin.currentInstance is null wiris.js:3:5219

我确认我做错了什么，但我仍无法确定可能是什么。

任何建议都将受到欢迎。

如何使用Webpack在Froala编辑器中启用Wiris插件？

0 个答案: