reactjs - 使用 react-pdf/render 库在 pdf 文档中渲染自定义 HTML 标记

标签 reactjs pdf html-to-pdf react-pdf

我正在尝试在 <View>/<Text> 中呈现 HTML在 <PDFViewer> 中渲染 PDF 时的组件使用模板。

我想在我的 pdf 中呈现下面显示的我的自定义 HTML 标记代码
<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>
环境

  • 浏览器 [例如 Chrome ]:
  • React-PDF 版本 [1.6.8]:
  • react 版本 [例如16.8.6]:
  • 最佳答案

    可以考虑使用@react-pdf/renderer,这个库是从React-PDF库扩展而来的,访问:https://react-pdf.org/repl?example=breakable-unbreakable为游乐场。希望能帮助到你!

    关于reactjs - 使用 react-pdf/render 库在 pdf 文档中渲染自定义 HTML 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61550910/

    相关文章:

    java - 使用 Selenium Java 下载 PDF 在 Chrome 中不起作用

    c++ - 是否可以从 QPrintPreviewDialog 调用的 QPrinter 对话框中删除 "Write to PDF"?

    html - 如何在使用分页后将 HTML 转换为 PDF 时摆脱页面末尾的空白

    php - 使用 PHP 的 HTML 到 PDF 转换器

    javascript - VueJS PDF 转换器

    javascript - 在 react.js 中有什么方法可以禁用所有子事件

    javascript - react native -有办法将箭头导航图标更改为菜单图标吗?

    reactjs - 在 React Native 中单击提交按钮后清除文本输入数据

    javascript - Iframe CDN 不响应 postMessage()

    ios - CGPDFScanner -\x15 字符扫描时