如何使用 React-PDF 在屏幕上很好地生成和显示 PDF 图片？答案

【问题标题】：How to nicely generate and display a picture of a PDF on the screen using React-PDF?如何使用 React-PDF 在屏幕上很好地生成和显示 PDF 图片？
【发布时间】：2021-11-08 14:49:05
【问题描述】：

我正在尝试在 Javascript (React) 中创建一个用户界面，允许用户在屏幕上生成 PDF。这个想法是在左侧有输入框，当填写时，立即填充右侧 PDF 上的字段。

我目前正在使用react-pdf 构建文档，并使用<PDFViewer> 类在屏幕上呈现文档。

问题：

(1) 生成 PDF 可能需要一些时间，从而导致对用户没有吸引力的延迟，以及 (2) PDF 在屏幕上的呈现是有问题的，因为它会根据 Internet 浏览器而变化，无论是否安装了 adobe，以及更多。我花了一周的大部分时间试图在npm 或任何Github repo 上找到任何类似的包，但大多数示例不涉及修改和呈现在屏幕上的文档。

问题：

有没有办法将文档呈现为图像或其他方式，类似于 this example 中的 react-pdf 方式？唯一的区别是用户不会与代码交互，而是在一个显示良好的输入字段中填写详细信息。同样，目标是避免较长的渲染时间，并控制文档在屏幕上的显示方式，因为用户可以使用不同的浏览器

谢谢！

【问题讨论】：

标签： javascript reactjs pdf react-pdf

【解决方案1】：

这个有用吗？我发现它非常灵活并且相对容易上手。 https://www.npmjs.com/package/suneditor-react

-编辑-

这里是一个不错的演示链接，由 https://stackoverflow.com/users/10802527/k-j 建议

http://suneditor.com/sample/index.html

【讨论】：

感谢您的建议！我没有遇到过这个，但它看起来很有趣！不幸的是，它对我不起作用——我遇到的问题是我不能允许用户设置他们的 PDF 样式，我只想通过字段收集他们的内容，然后使用他们的数据填充模板，然后渲染 PDF在他们编辑时作为 PDF 或屏幕上的图像。