Изображения ЭДС не отображаются в браузере

#javascript #node.js #reactjs #wmf

Вопрос:

Я работаю над приложением React. Я не могу отображать изображения ЭДС в пользовательском интерфейсе. Я ограничен в использовании только Chrome и Edge в качестве браузеров.

Рабочий процесс состоит в —

  1. Пользователи могут копировать и вставлять любой форматированный текст из документа Word в пользовательский интерфейс.
  2. Форматированный текст с изображениями EMF отображается в пользовательском интерфейсе в виде пустых полей с разбитыми изображениями.
  3. Я извлекаю изображение из форматированного текста и преобразую его в base64, прежде чем отображать его с помощью HTML.
  4. Когда я явно копирую и вставляю только изображение(затем тип меняется на png), и оно не ломается. Однако, когда все содержимое документа word копируется и вставляется (тип изображения остается как EMF), именно тогда я вижу сломанное изображение.

Я все еще новичок в React и пытался найти решение в Интернете, но не наткнулся ни на что конкретное в React JS. Можно ли конвертировать изображения emf в другие поддерживаемые типы изображений? Существуют ли какие-либо библиотеки или пакеты, совместимые с React JS? Есть ли способ, с помощью которого я могу реализовать этот вариант использования? Открыт для других предложений или подходов.

Спасибо.

Комментарии:

1. Браузер не может обрабатывать изображения EMF/WMF изначально. Использование встраиваний ActiveX в настоящее время не является вариантом. поэтому вам нужно будет конвертировать изображения, например, в svg. google для «lib emf svg», и вы найдете несколько вариантов или воспользуетесь моей реализацией , в которой еще есть место для улучшений …

2. @kiwiwings Знаете ли вы о какой-либо реализации JS для этого преобразования?

3. быстрый поиск привел к rtf.js

4. Это не дало желаемого результата.