如何在网站嵌入可填写的PDF表单:2024巴黎奥运会赛程

如何将可填写的 PDF 表单嵌入您的网页访问者无需下载或注册即可查看并填写

简单本文2024巴黎奥运会赛程表单为例演示如何嵌入网页中您可以ONLYOFFICE 表单库免费获取模板白色紫色两种背景设计

如何在网站嵌入可填写PDF表单

一、在协作空间找到要嵌入的文件代码

  1. 在协作空间主屏幕上,单击姓名旁边的三个点,然后转到“设置”。
  2. 在左侧面板上,选择“开发人员工具”。点击 “JavaScript SDK”
  3. 选择嵌入模式为“可编辑”,选择要嵌入的表单文件,并获取嵌入代码。

二、嵌入至您的网站

要制作可供填写的 PDF 格式的在线表,请按照以下步骤操作:

请注意:这些方法仅在JWT被禁用时有效。从7.2版本开始,默认情况下会启用JWT,因此需要禁用它。 有关令牌的更多信息可以在此处找到。

  • 查找并打开ONLYOFFICE文档的 index.html 文件。
  • 通过指定API JavaScript文件的路径将其连接到Document Server API:
<script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
  • 添加 button 元素以打开表单:
<button onclick="open_form()">Open Form</button>
  • 在将打开编辑器的位置添加 div 元素:
<div id="placeholder"></div>
  • 如果编辑器是打开的,添加脚本以关闭编辑器:
if (this.docEditor) {this.docEditor.destroyEditor()
}
  • 创建需要打开的表单模板的完整URL地址:
const url = "https://example.com/url-to-example-form.pdf";
  • 创建用于标识文件的key
const key = filename + ".pdf";

请注意, key 字段不会传递给编辑器的配置。该字段将自动生成为一个随机数。 这使得打开表单的所有会话都是独立的。因此,PDF文件上的协作被禁用。 这就是为什么任何人都可以在不打扰他人的情况下打开表单并填写。

  • 使用要打开的文档的配置,添加初始化文档编辑器的脚本,并在placeholder元素中打开编辑器:
this.docEditor = new DocsAPI.DocEditor("placeholder",
{"document": {"fileType": "pdf","permissions": {"edit": false,"fillForms": true},"title": "Form","url": url},"documentType": "pdf"
});

完整的代码片段如下所示:

<script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
<button onclick="open_form()">Open Form</button>
<div id="placeholder"></div>
<script>function open_form() {if (this.docEditor) {this.docEditor.destroyEditor()}const url = "https://example.com/url-to-example-form.pdf";const key = filename + ".pdf";this.docEditor = new DocsAPI.DocEditor("placeholder",{"document": {"fileType": "pdf","permissions": {"edit": false,"fillForms": true},"title": "Form","url": url},"documentType": "pdf"});}
</script>

完成后,可以打开表进行填写。 填写字段后(必填字段以红色边框突出显示), 单击提交按钮,您就可以提交数据。

为什么要在网站嵌入表单

在 Web 服务中嵌入 Office 文档并协作的原因如下

  • 网站访问者可以直接在网页上查看 Office 文档并与之交互(而不用下载附件)
  • 无需安装额外的软件即可在本地浏览文件 - 几乎可以在任何网络浏览器中打开文档
  • 网站访问者可以下载、复制和打印共享文档(不限制这些操作情况
  • 网站访问者可直接查看共享文件不需要注册或登录协作空间帐户
  • 带有交互区域
  • 避免过度使用链接
  • 共享文件看起来更加显眼

立即试一试

快去试试嵌入文件网站

如果不想下载安装软件的话,可以免费注册 ONLYOFFICE 协作空间账户,快速在线使用所有编辑功能,还能在线储存文档、多人实时协作等等。

此外,利用 ONLYOFFICE 文档可以编辑处理文本文档、电子表格、演示文稿、可填写的表单、PDF。

我们也提供适合企业的商业版本,可集成至您自己的平台,或者私有化部署。立即查看在线演示,或下载免费试用30天
 

相关链接

ONLYOFFICE 协作空间 2.5 新功能

如何将 ONLYOFFICE 协作空间及其组件嵌入网站

注册协作空间云端版

2024 年适用于 Linux 的 5 个微软 Word 替代品

ONLYOFFICE 文档开发者版,为您的平台带来强大的文档编辑功能

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/49333.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Unity3D 自定义Debug双击溯源问题详解

前言 在Unity3D的开发过程中&#xff0c;经常需要处理各种交互和事件&#xff0c;其中双击事件是常见的需求之一。然而&#xff0c;由于Unity自带的双击检测机制并不完善&#xff0c;开发者往往需要自定义实现以满足特定需求。本文将详细介绍如何在Unity3D中自定义Debug双击溯…

IC数字前端设计需要具备的技能

数字前端设计是集成电路设计中的一个重要领域&#xff0c;涉及从概念到设计实现的多个阶段。要在这个领域中取得成功&#xff0c;需要具备以下技能&#xff1a; 技术技能 硬件描述语言&#xff08;HDL&#xff09;&#xff1a; 熟练使用Verilog或VHDL进行硬件描述和建模。 综合…

六、抽象工厂模式

文章目录 1 基本介绍2 案例2.1 Drink 抽象类2.2 Tea 类2.3 Coffee 类2.4 DrinkFactory 接口2.5 TeaFactory 类2.6 CoffeeFactory 类2.7 Client 类2.8 Client 类运行结果2.9 总结 3 各角色之间的关系3.1 角色3.1.1 Product ( 抽象产品 )3.1.2 ConcreteProduct ( 具体产品 )3.1.3…

昇思25天学习打卡营第1天|快速入门-实现一个简单的深度学习模型

目录 实验环境 Jupyter云上开发环境使用 导包 处理数据集 网络构建 模型训练 评估模型性能 保存模型 加载模型 预测推理 实验环境 02-快速入门.ipynb (4) - JupyterLab (mindspore.cn) 规格&#xff1a;4u 16G 20G 镜像&#xff1a;py39-ms2.3.0rc1 特性&#xff1…

SpringBoot 最大连接数及最大并发数是多少

SpringBoot 最大连接数及最大并发数 Spring Boot 是一个基于 Spring 框架的快速开发框架&#xff0c;它本身并不直接管理数据库连接或网络连接的最大连接数和最大并发数。这些参数通常由底层的基础设施和组件来控制&#xff0c;例如&#xff1a; 数据库连接池&#xff1a;Spri…

Qt 使用视口和窗口作图

物理坐标系与逻辑坐标系 绘图设备的物理坐标系是基本的坐标系&#xff0c;通过 QPainter 的平移、旋转等坐标变换可以得到更容 易操作的逻辑坐标系。 物理坐标系也称为视口&#xff08;viewport&#xff09;坐标系&#xff0c;逻辑坐标系也称为窗口&#xff08; window&…

netty使用redis发布订阅实现消息推送

netty使用redis发布订阅实现消息推送 场景 项目中需要给用户推送消息: 接口 RestController public class PushApi {Autowiredprivate PushService pushService;/*** 消息推送* param query* return*/PostMapping("/push/message")public String push(RequestBody…

使用 Python 脚本禁用 HID 设备

在 Linux 系统中&#xff0c;xinput 是一个非常强大的工具&#xff0c;允许我们管理输入设备&#xff0c;比如键盘、鼠标和触控板。有时&#xff0c;我们可能需要禁用特定的 HID 设备。本篇博客将介绍如何编写一个 Python 脚本来自动禁用指定的 HID 设备。 环境准备 在开始之…

Linux gcc/g++ _ make/makefile

文章目录 库gcc/g程序编译过程链接动态链接静态链接 make _ makefile 库 一、 什么是库&#xff1f; 库是程序代码的集合&#xff0c;是共享程序代码的一种方式。根据源代码的公开情况&#xff0c;库可以分为两种类型&#xff1a; 开源库&#xff0c;公开源代码&#xff0c;能…

Godot入门 03世界构建1.0版

在game场景&#xff0c;删除StaticBody2D节点&#xff0c;添加TileMap节点 添加TileSet图块集 添加TileSet源 拖动图片到图块&#xff0c;自动创建图块 使用橡皮擦擦除。取消橡皮擦后按住Shift创建大型图块。 进入选择模式&#xff0c;TileMap选择绘制&#xff0c;选中图块后在…

【INTEL(ALTERA)】使用 F-Tile 三速以太网 FPGA IP 设计示例时,为什么编译和时序会失败?

目录 说明 解决方法 说明 由于 F-Tile 三速以太网FPGA IP 设计示例中的问题&#xff0c;Quartus Prime Pro Edition 软件版本 23.2 中的编译和时序都失败了。 解决方法 要解决此问题&#xff0c;请下载随附的 altera-eth-tse-hw.zip 并按照以下步骤操作&#xff1a; 1&am…

MSQP Mysql数据库权限提升工具,UDF自动检测+快速反向SHELL

项目地址:https://github.com/MartinxMax/MSQP MSQP 这是一个关于Mysql的权限提升工具 安装依赖 $ python3 -m pip install mysql-connector-python 使用方法 $ python3 msqp.py -h 权限提升:建立反向Shell 在建立反向连接前,该工具会自动检测是否具有提权条件&#xff0…

软考:软件设计师 — 7.软件工程

七. 软件工程 1. 软件工程概述 &#xff08;1&#xff09;软件生存周期 &#xff08;2&#xff09;软件过程 软件开发中所遵循的路线图称为 "软件过程"。 针对管理软件开发的整个过程&#xff0c;提出了两个模型&#xff1a;能力成熟度模型&#xff08;CMM&#…

解析嵌入式世界里中断和异常的不同之处

在开始前刚好我有一些资料&#xff0c;是我根据网友给的问题精心整理了一份「嵌入式的资料从专业入门到高级教程」&#xff0c;点个关注在评论区回复“666”之后私信回复“666”&#xff0c;全部无偿共享给大家&#xff01;&#xff01;&#xff01;是指CPU内部出现的中断&…

UE5C++中,NewObject<>()和CreateDefaultSubobject<>()的区别

UProceduralMeshComponent* ProceduralMeshComponent NewObject<UProceduralMeshComponent>(MyActor); UProceduralMeshComponent* ProceduralMeshComponent CreateDefaultSubobject<UProceduralMeshComponent>(TEXT("ProceduralMesh"));NewObject函数…

linux命令更新-文本处理awk

awk命令简介 awk是一种强大的文本处理工具&#xff0c;可以对文本文件进行格式化、统计、计算等操作。它逐行读取文本文件&#xff0c;并对每一行进行处理。awk的语法相对简单&#xff0c;但功能非常强大&#xff0c;是Linux系统中常用的文本处理工具之一。 awk命令基本语法 …

超燃!纯AI生成《泰坦尼克号》大片!浙大阿里发布MovieDreamer:超长电影生成“梦工厂“

论文链接&#xff1a;https://arxiv.org/pdf/2407.16655 项目主页&#xff1a;https://aim-uofa.github.io/MovieDreamer/ github链接&#xff1a;https://github.com/aim-uofa/MovieDreamer 亮点直击 MovieDreamer&#xff0c;一个新颖的分层框架&#xff0c;将自回归模型与扩…

idea设置类注释模板作者、日期、描述等信息

文章目录 前言一、新建类的时候自动添加类注释1.打开设置2.模版配置示例如下3.实际生成效果 前言 由于每次换电脑时都需要重新对idea进行设置&#xff0c;为了方便大家的开发配置&#xff0c;同时也为自己以后配置留一份记录&#xff08;毕竟每次换环境都需要重新配置一遍&…

代码审计 | .NET SqlSugar框架注入漏洞

01阅读须知 此文所节选自小报童《.NET 代码审计》专栏&#xff0c;主要内容有涉及的.NET目录和文件操作、SQL注入方向的敏感函数、还有不安全的配置导致的漏洞挖掘思路&#xff0c;对.NET代码审计感兴趣的朋友们可以解锁该电子报刊&#xff0c;解锁更多的报刊内容。 02基本介…

【Unity】 HTFramework框架(五十三)使用 Addressables 可寻址系统

更新日期&#xff1a;2024年7月25日。 Github源码&#xff1a;[点我获取源码] Gitee源码&#xff1a;[点我获取源码] 索引 Addressables 可寻址系统使用 Addressables 可寻址系统一、导入 Addressables二、切换到 Addressables 加载模式三、切换资源加载助手四、加载资源五、注…