如何使用ComPDFKit Web SDK添加在线编辑PDF文档功能

鱼雷新秀

文档编辑功能提供了一系列的操作页面的能力，使用户能够控制文档结构，并调整文档的布局和格式，确保文档内容以合理有序的方式精准呈现。
ComPDFKit 文档编辑的优势

• 插入或删除页面： 向文档插入或删除页面，以满足特定的排版要求。
  
• 文档结构调整： 调整页面排列顺序或旋转方向，以满足特定的显示或打印需求。
  
• 多文档协作： 从一个文档中提取页面，然后插入到另一个文档中，以促进协作和内容整合。
  

 
ComPDFKit for Web 文档编辑的功能

• 插入页面
  向目标文档中插入空白页面或另一个文档中的页面。
  
  
  
  • 插入空白页面​
    
    以下是插入空白页面的示例代码：
    1. // 插入到第一页。
    2. const pageIndex = 1;
    3. const width = 612;
    4. const height = 792;
    6. docViewer.insertBlankPage(pageIndex, width, height)

    复制代码
     
    
  • 插入其他 PDF 页面​
    
    以下是插入其他 PDF 页面的示例代码：
    
  
  

1. const file = {...} // File文件对象。
2. const pageIndexToInsert = 1
3. const pagesIndexToInsert = [0, 1, '2-5'] // 插入PDF页面的范围。
5. docViewer.insertPages(file, pageIndexToInsert, pagesIndexToInsert)

复制代码

 
 

• 删除页面
  删除文档中的页面。
  
  
  
  • 
    
  • 1. // 删除文档的第一页。
    2. const pagesIndexToDelete = [0]
    3. docViewer.removePages(pagesIndexToDelete)

    复制代码
     
    
  
  
• 旋转页面
  旋转 PDF 文档中的页面。
  
  
  
  • 1. // 将第一页顺时针旋转90度，每一单位旋转即为顺时针90度。
    2. const pagesIndexToRotate = [0]
    3. const rotation = 1;
    4. docViewer.rotatePages(pagesIndexToRotate, rotation)

    复制代码
     
    
  
  
• 替换页面
  将目标文档中的指定页面用另一个文档的页面替换。
  
  
  
  • 以下是替换页面的步骤：
    
    
    
    • 移除目标文件需要被替换的页码。
      
    • 将替换页面插入原文档被删除的位置，完成页面的替换。
      
    以下是替换页面的示例代码：
    1. // 移除文档的第一页。
    2. docViewer.removePages([0])
    4. // 将另一份文档的第一页插入原文档的第一页位置，完成替换。
    5. const file = {...} // File文件对象。
    6. const pageIndexToInsert = 0
    7. const pagesIndexToInsert = 'all' // 插入PDF页面的范围。
    9. docViewer.insertPages(file, pageIndexToInsert, pagesIndexToInsert)

    复制代码
     
    
    
  
  
• 提取页面
  提取文档中的页面。
  
  
  
  • 1. // 将原文档的第一页、第三页和第四页提取到新建文档。
    2. const pagesIndexToExtract = [1, '3-4'] // 提取页面的范围。
    3. const data = await docViewer.extractPages(pagesIndexToExtract)
    5. // 你可以将blob保存到文件或上传到服务器
    6. const blob = new Blob([data], { type: 'application/pdf' });

    复制代码
     
    
  
  
• 移动页面
  移动文档中的页面。
  
  
  
  • 1. // 将文档的第一页移动到第二页。
    2. const pagesIndexToMove = [0]
    3. const targetPageIndex = 2
    4. docViewer.movePages(pagesIndexToMove, targetPageIndex)

    复制代码
     
    
  
  
• 复制页面
  复制文档中的页面。
  1. // 复制文档的第一页。
  2. const pagesIndexToCopy = [0]
  3. docViewer.copyPages(pagesIndexToCopy)

  复制代码
   
  

 

来源:https://www.cnblogs.com/ComPDKit/p/18021217/add-pdf-document-editor-to-web-app
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！