Рендеринг пользовательской HTML-разметки внутри pdf-документа с использованием библиотеки react-pdf/render

Я пытаюсь визуализировать HTML внутри компонента <View>/<Text> при рендеринге PDF внутри <PDFViewer> с использованием шаблона.

Я хотел бы отобразить свой собственный код HTML-разметки, показанный ниже, в моем PDF-файле.

<p><span style="font-size: 24px;">Pre Interview Notes</span></p><p><br></p><p><strong style="font-size: 14px;"><u>This is a test Pre Interview Notes:</u></strong></p><p><br></p><p><em style="font-size: 14px;">The Guest requires a wheel chair for the show</em></p><p><br></p><p><br></p>

Окружающая среда

  • Браузер [например. Хром]:
  • Версия React-PDF [1.6.8]:
  • Реагировать версию [например. 16.8.6]:

reactjs pdf react-pdf html-to-pdf
person arjun bollam    schedule 01.05.2020    source источник
comment
Вам нужно будет проанализировать разметку HTML и воссоздать вывод с помощью компонентов React-PDF. Сейчас я работаю над чем-то подобным, за исключением отображения Markdown вместо HTML. Я обнаружил, что унифицированная библиотека полезна для обработки ввода в синтаксическое дерево. Однако у меня возникают проблемы с работой встроенных стилей шрифтов. Если я добьюсь большего прогресса, я могу превратить весь процесс в библиотеку.   -  person thirdender    schedule 15.05.2020
comment
Есть прогресс по этому вопросу? У меня такие же требования.   -  person Henrik Clausen    schedule 18.08.2020
comment
у меня такая же проблема - есть примеры?   -  person S.B    schedule 10.09.2020
comment
Та же проблема здесь.   -  person hotcakedev    schedule 04.02.2021

Ответы (1)


arrow_upward
-2
arrow_downward

Вы можете использовать @react-pdf/renderer, эта библиотека расширена из библиотеки React-PDF, посетите: https://react-pdf.org/repl?example=breakable-unbreakable для игровой площадки. Надеюсь, поможет!

person RockLaam    schedule 03.07.2020
comment
Вам следует еще раз подумать над вопросом. Он использует средство визуализации React-PDF, как вы упомянули, но он не смог отображать теги html. - person hotcakedev; 04.02.2021
comment
Спасибо за напоминание! - person RockLaam; 15.07.2021