Wiris编辑器在React组件中使用时缺少图标

时间:2017-07-13 13:57:21

标签: javascript reactjs editor wiris

我正在尝试在React组件中使用Wiris数学编辑器。我正在“componentDidMount”函数中初始化编辑器:

componentDidMount() {
 var script = document.createElement("script");
 script.src = "https://www.wiris.net/demo/editor/editor";

 var callback = function() {
    var editor = com.wiris.jsEditor.JsEditor.newInstance({
        language: "en"
        });

     editor.insertInto(document.getElementById("editorContainer"));
 };

 script.onload = callback;

 document.head.appendChild(script);
}

然而,当编辑器被渲染时,它存在许多符号丢失的问题。见下文:

enter image description here

我不确定导致此问题的原因。是因为我引用外部脚本的方式,还是React呈现内容的方式存在问题?

我在CodePen here中重新创建了该问题。

请注意,如果您在Chrome(版本59.0.3071.115(官方版本)(64位))或IE 11(11.0.14393.0)中打开该CodePen,您将看到问题所在。但它确实可以在Firefox 54.0.1中使用。

1 个答案:

答案 0 :(得分:0)

Wiris开发者在17年11月解决了这个问题。

我已经打开了这个问题,因为CodePen可能对React开发人员调查Wiris有用!