SimplePDF simplepdf-embed 常见问题解决方案

SimplePDF simplepdf-embed 常见问题解决方案

simplepdf-embed PDF editor in the browser – add text, checkboxes, pictures, signatures to PDF files. Merge, rotate PDF pages – iframe, script and React component 项目地址: https://gitcode.com/gh_mirrors/si/simplepdf-embed

项目基础介绍

SimplePDF simplepdf-embed 是一个基于网页的 PDF 编辑器，它允许用户在浏览器中直接编辑 PDF 文件，包括添加文本、复选框、图片和签名等。该项目的主要编程语言是 JavaScript。

新手常见问题及解决步骤

问题一：如何在项目中集成 SimplePDF 编辑器？

问题描述： 新手用户不知道如何在自己的网页或 React 应用中嵌入 SimplePDF 编辑器。

解决步骤：

1. 在项目中引入 SimplePDF 的 iframe 脚本或者使用 React 组件。
2. 如果你使用的是 iframe 方法，将以下代码添加到 HTML 中：

   <iframe src="https://simplepdf.com/embed?document=<your-document-id>" width="100%" height="500px"></iframe>
   

3. 如果你使用 React 组件，首先需要安装 simplepdf-embed 包：

   npm install simplepdf-embed
   

4. 然后在 React 组件中导入并使用：

   import { EmbedPDF } from 'simplepdf-embed';
   
   function App() {
       return <EmbedPDF documentId="<your-document-id>" />;
   }
   

问题二：如何处理用户填写的表单数据？

问题描述： 用户在编辑 PDF 文件时填写的表单数据需要被处理或保存。

解决步骤：

1. 如果是免费版本，用户填写的所有数据都将在本地浏览器中处理，不会发送到服务器。
2. 如果需要将数据保存到服务器，你需要升级到付费版本，并使用 companyIdentifier 标识符。
3. 在付费版本中，用户提交的数据将被发送到你的服务器，你需要在服务器端编写相应的处理逻辑。

问题三：如何仅使用 SimplePDF 作为 PDF 观察器？

问题描述： 用户可能只需要查看 PDF 文件，而不需要编辑功能。

解决步骤：

1. 在使用 SimplePDF 的 URL 或组件时，添加 viewer 参数作为 companyIdentifier。
2. 例如，在 iframe 方法中：

   <iframe src="https://simplepdf.com/embed?document=<your-document-id>&viewer" width="100%" height="500px"></iframe>
   

3. 在 React 组件中：

   <EmbedPDF documentId="<your-document-id>" viewer />
   

以上步骤可以帮助新手用户更好地集成和使用 SimplePDF simplepdf-embed 项目。在遇到其他问题时，建议查阅项目官方文档或向社区寻求帮助。

simplepdf-embed PDF editor in the browser – add text, checkboxes, pictures, signatures to PDF files. Merge, rotate PDF pages – iframe, script and React component 项目地址: https://gitcode.com/gh_mirrors/si/simplepdf-embed