【发布时间】：2017-07-13 13:57:21
【问题描述】：
我正在尝试在 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);
}
但是，当编辑器被渲染时，它会出现许多符号丢失的问题。见下文：
我不确定是什么导致了这个问题。是因为我引用外部脚本的方式，还是 React 呈现内容的方式有问题？
我在 CodePen here 中重新创建了该问题。
请注意，如果您在 Chrome（版本 59.0.3071.115（官方构建）（64 位））或 IE 11（11.0.14393.0）中打开该 CodePen，您将看到问题。但是，它似乎在 Firefox 54.0.1 中有效。
【问题讨论】：
-
很遗憾，我们无法在您提供的 CodePen 示例中重现该问题。您调用脚本的方式是正确的。
-
@WIRISMATHsupportteam 如果您在 Chrome（版本 59.0.3071.115（官方构建）（64 位））或 IE 11 (11.0.14393.0) 中打开该代码笔，您将看到问题。但是它似乎在 Firefox 54.0.1 中有效。
-
我们可以看到在 Chrome 中评论 reset.min.css 也有效。我们已将此信息传递给我们的开发团队，以便他们进一步调查并最终防止类似的重置 CSS 出现这种行为。
-
感谢您回复我。我可以确认，如果我禁用由 reset.min.css 设置的规则，Wiris 编辑器会正确呈现。期待看到解决此问题的方法！
-
此问题已在我们最新的 WIRIS EDITOR 版本中得到修复。
标签： javascript reactjs editor wiris