Я пытаюсь использовать математический редактор Wiris в компоненте React. Я инициализирую редактор с помощью функции "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 здесь.

Обратите внимание, что если вы откроете этот CodePen в Chrome (версия 59.0.3071.115 (официальная сборка) (64-разрядная версия)) или IE 11 (11.0.14393.0), вы увидите проблему. Однако, похоже, он работает в Firefox 54.0.1.

0
Ben Smith 13 Июл 2017 в 16:57
К сожалению, нам не удалось воспроизвести проблему в предоставленном вами образце CodePen. Вы правильно вызываете сценарий.
 – 
WIRIS support
14 Июл 2017 в 11:22
Если вы откроете это перо с кодом в Chrome (версия 59.0.3071.115 (официальная сборка) (64-разрядная версия)) или IE 11 (11.0.14393.0), вы увидите проблему. Однако, похоже, он работает в Firefox 54.0.1.
 – 
Ben Smith
14 Июл 2017 в 12:13
1
Мы видим, что комментирование reset.min.css в Chrome тоже работает. Мы передали это нашей команде разработчиков, чтобы они могли продолжить расследование и в конечном итоге предотвратить такое поведение для аналогичного сброса CSS.
 – 
WIRIS support
4 Авг 2017 в 19:10
Спасибо, что ответили мне. Я могу подтвердить, что если я отключу правила, установленные в reset.min.css, редактор Wiris будет отображаться правильно. С нетерпением жду исправления этой проблемы!
 – 
Ben Smith
7 Авг 2017 в 11:32
1
Эта проблема исправлена ​​в нашем последнем выпуске WIRIS EDITOR.
 – 
WIRIS support
10 Ноя 2017 в 12:28

1 ответ

Лучший ответ

Разработчики Wiris исправили эту проблему в ноябре 2017 года.

Я оставил вопрос открытым, поскольку CodePen может быть полезен разработчикам React, исследующим Wiris!

0
Ben Smith 11 Фев 2018 в 04:29