如何将 react 组件渲染的数据导出为 pdf?

卡罗利斯2017

我有一个组件视图,其中包含使用 CSS 样式化的图像、表格和列表。是否有一种合法的方法可以将该视图导出/保存为 pdf?ctrl+p并没有真正起作用,因为它通过导航等抓取整个页面。我正在考虑实现print将重定向到另一个“PrintComponentCleanView”的按钮,然后从那里做ctrl+p这是一个 2 步过程。我相信有更好的方法来实现这一点。任何想法表示赞赏。

阿格尼

在现有样式表中添加打印样式:

@media print
{
  .navbar {
    display: none;
  }
  ...
}

添加不同的样式表进行打印:

<link rel="stylesheet" type="text/css" media="print" href="style.css">

然后您可以window.print();用于打开打印对话框。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将React组件渲染为字符串

来自分类Dev

如何将渲染的表格数据导出为 pdf 文件或 reactjs 中的任何其他格式

来自分类Dev

React:如何将数据渲染到组件中?

来自分类Dev

如何将pdf数据渲染为实际的pdf文件?(使用PHP)

来自分类Dev

如何将JIRA报告导出为PDF?

来自分类Dev

如何将多页的角度页面导出为pdf

来自分类Dev

如何将 RadGantt 的全视图导出为 PDF?

来自分类Dev

如何将Uint8List渲染为pdf?

来自分类Dev

如何将字符串渲染为自定义的React组件?

来自分类Dev

如何将数据从TableView写入pdf?

来自分类Dev

使用相同的Markdown渲染将Jupyter Notebook导出为PDF

来自分类Dev

导出为pdf时如何正确渲染印地文?

来自分类Dev

如何将默认样式设置为React组件

来自分类Dev

如何将pdf保存到android文件系统然后查看PDF-react-native

来自分类Dev

借助图表外部的按钮,如何将Highchart图表导出为PDF?

来自分类Dev

如何将PowerPoint中的两个不同的幻灯片导出为PDF文件?

来自分类Dev

如何将具有正常工作的外部超链接的LibreOffice文档导出为PDF?

来自分类Dev

借助图表外部的按钮,如何将Highchart图表导出为PDF?

来自分类Dev

如何将替代文本附加到导出为PDF的PowerPoint Art中

来自分类Dev

如何将Word文档导出为PDF并具有可选文本

来自分类Dev

如何将 vsc 中的 jupyter 交互式输出导出为 pdf

来自分类Dev

如何将特定页面从单个工作表导出为 pdf?

来自分类Dev

如何将图像设置为pdf页面背景

来自分类Dev

您如何将信息页面输出为pdf?

来自分类Dev

如何将图像设置为pdf页面背景

来自分类Dev

如何将SWF文件批量打印为PDF?

来自分类Dev

如何将大量URL打印为PDF

来自分类Dev

如何将 html 表格打印为 pdf?

来自分类Dev

如何将StringIO(pdf)数据保存到文件中

Related 相关文章

  1. 1

    如何将React组件渲染为字符串

  2. 2

    如何将渲染的表格数据导出为 pdf 文件或 reactjs 中的任何其他格式

  3. 3

    React:如何将数据渲染到组件中?

  4. 4

    如何将pdf数据渲染为实际的pdf文件?(使用PHP)

  5. 5

    如何将JIRA报告导出为PDF?

  6. 6

    如何将多页的角度页面导出为pdf

  7. 7

    如何将 RadGantt 的全视图导出为 PDF?

  8. 8

    如何将Uint8List渲染为pdf?

  9. 9

    如何将字符串渲染为自定义的React组件?

  10. 10

    如何将数据从TableView写入pdf?

  11. 11

    使用相同的Markdown渲染将Jupyter Notebook导出为PDF

  12. 12

    导出为pdf时如何正确渲染印地文?

  13. 13

    如何将默认样式设置为React组件

  14. 14

    如何将pdf保存到android文件系统然后查看PDF-react-native

  15. 15

    借助图表外部的按钮,如何将Highchart图表导出为PDF?

  16. 16

    如何将PowerPoint中的两个不同的幻灯片导出为PDF文件?

  17. 17

    如何将具有正常工作的外部超链接的LibreOffice文档导出为PDF?

  18. 18

    借助图表外部的按钮,如何将Highchart图表导出为PDF?

  19. 19

    如何将替代文本附加到导出为PDF的PowerPoint Art中

  20. 20

    如何将Word文档导出为PDF并具有可选文本

  21. 21

    如何将 vsc 中的 jupyter 交互式输出导出为 pdf

  22. 22

    如何将特定页面从单个工作表导出为 pdf?

  23. 23

    如何将图像设置为pdf页面背景

  24. 24

    您如何将信息页面输出为pdf?

  25. 25

    如何将图像设置为pdf页面背景

  26. 26

    如何将SWF文件批量打印为PDF?

  27. 27

    如何将大量URL打印为PDF

  28. 28

    如何将 html 表格打印为 pdf?

  29. 29

    如何将StringIO(pdf)数据保存到文件中

热门标签

归档