开发者问题收集

如何使用 React-PDF 在屏幕上漂亮地生成并显示 PDF 的图片?

2021-11-08
1483

我正在尝试用 Javascript (React) 创建一个用户界面,让用户可以在屏幕上生成 PDF。这个想法是在左侧设置输入框,当输入框填写后,会立即填充右侧 PDF 上的字段。

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

问题

(1) 生成 PDF 可能需要一些时间,导致用户感到不快,(2) PDF 在屏幕上的呈现存在问题,因为它会根据互联网浏览器、是否安装了 Adob​​e 等因素而变化。我花了一周多的时间尝试在 npm 或任何 Github 存储库上找到任何做过类似事情的软件包,但大多数示例并不涉及在屏幕上修改和呈现文档。

问题

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

谢谢!

1个回答

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

-Edit-

这里有一个不错的演示链接,由以下人员推荐: https://stackoverflow.com/users/10802527/k-j

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

Mark Williams
2021-11-08