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

  • 如何使用ComPDFKit Web SDK添加在线编辑PDF文档功能已关闭评论
  • 24 次浏览
  • A+
所属分类:Web前端
摘要

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

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

ComPDFKit 文档编辑的优势

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

 

ComPDFKit for Web 文档编辑的功能

  • 插入页面

    向目标文档中插入空白页面或另一个文档中的页面。

    • 插入空白页面

      以下是插入空白页面的示例代码:

      // 插入到第一页。 const pageIndex = 1; const width = 612; const height = 792;  docViewer.insertBlankPage(pageIndex, width, height)

       

    • 插入其他 PDF 页面

      以下是插入其他 PDF 页面的示例代码:

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

 

 

  • 删除页面

    删除文档中的页面。

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

       

  • 旋转页面

    旋转 PDF 文档中的页面。

    • // 将第一页顺时针旋转90度,每一单位旋转即为顺时针90度。 const pagesIndexToRotate = [0] const rotation = 1; docViewer.rotatePages(pagesIndexToRotate, rotation)

       

  • 替换页面

    将目标文档中的指定页面用另一个文档的页面替换。

    • 以下是替换页面的步骤:

      1. 移除目标文件需要被替换的页码。
      2. 将替换页面插入原文档被删除的位置,完成页面的替换。

      以下是替换页面的示例代码:

      // 移除文档的第一页。 docViewer.removePages([0])  // 将另一份文档的第一页插入原文档的第一页位置,完成替换。 const file = {...} // File文件对象。 const pageIndexToInsert = 0 const pagesIndexToInsert = 'all' // 插入PDF页面的范围。  docViewer.insertPages(file, pageIndexToInsert, pagesIndexToInsert)

       

  • 提取页面

    提取文档中的页面。

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

       

  • 移动页面

    移动文档中的页面。

    • // 将文档的第一页移动到第二页。 const pagesIndexToMove = [0] const targetPageIndex = 2 docViewer.movePages(pagesIndexToMove, targetPageIndex)

       

  • 复制页面

    复制文档中的页面。

    // 复制文档的第一页。 const pagesIndexToCopy = [0] docViewer.copyPages(pagesIndexToCopy)