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

Question

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

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

问题：

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

问题：

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

谢谢！

标签： javascriptreactjspdfreact-pdf

Answer 1

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

-编辑-

这是一个不错的演示的链接，建议如下：https ://stackoverflow.com/users/10802527/kj

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