更新记录

1.0.1（2025-09-24） 下载此版本

"1.0.1 - 2025-09-24", " • 新增多文档加载功能", " • 修改批注数据回传结构", " • 优化水印传递和依赖加载方案"

1.0.0（2025-09-18） 下载此版本

1、首次上传

平台兼容性

uni-app(4.45)

其他

documentEditing.vue 参数详解文档

一、概述

documentEditing.vue 是 PDF 文档编辑功能的核心页面，它接收多种参数来配置和初始化文档编辑环境。本文档详细说明了该页面接收的所有参数及其使用方法。

二、页面跳转接收参数

当从其他页面通过 uni.navigateTo 跳转到 documentEditing.vue 时，可以通过 URL 传递以下参数：

1. fileList（必需参数）

• 类型：Array（需进行 URL 编码）

• 描述：PDF 文件列表信息

• 结构说明： javascript [

• { fileUrl: 'https://example.com/file1.pdf', // PDF 文件的 URL fileName: '文档1.pdf', // 文件显示名称

• firstViewPage: true // (可选) 是否作为首次展示的文件

• },

• {

• fileUrl: 'https://example.com/file2.pdf',

• fileName: '文档2.pdf'

• // 无 firstViewPage 属性则按顺序展示

• }

• ]

  2. watermark（可选参数）

• 类型：JSON 字符串（需 URL 编码）

• 描述：水印配置参数

• 解析方式：

  • 参数结构：

• 示例： json

• {

• "plainContent": "公司内部文件",

• "darkContent": "USERID:123456",

• "width": "200px",

• "height": "100px",

• "rotate": "-30",

• "opacity": "0.3"

• }

  3. annotations（可选参数）

• 类型：JSON 字符串（需 URL 编码）

• 描述：初始批注数据

• 解析方式：

  • 数据结构：

2. initialAnnotations（初始批注数据）

• 类型：Reactive Object
• 描述：从 annotations 参数解析得到的初始批注数据
• 结构说明：

四、参数传递示例

1. url跳转到编辑页面

javascript { url: '/pages/documentEditing/documentEditing?fileList=' + encodeURIComponent(JSON.stringify([ { fileUrl: 'https://example.com/report.pdf', fileName: '年度报告.pdf', firstViewPage: true }, { fileUrl: 'https://example.com/appendix.pdf', fileName: '附件.pdf' } ])) + '&watermark=' + encodeURIComponent(JSON.stringify({ plainContent: '机密文件', darkContent: 'USERID:123456', opacity: '0.2' })) + '&annotations=' + encodeURIComponent(JSON.stringify({ '年度报告.pdf': { '1': [{ id: '1718923456789', type: 'circleAnnotate', operation: 'pen', color: '#FF0000', lineWidth: 2, pageNum: 1, strokePoints: [{x: 100, y: 200}, {x: 105, y: 205}] }] } }))