Anvil-EmbedFrame (英语)
AnvilEmbedFrame 一个非常微小的反应组件,允许您嵌入 Anvil 电子签名, (中文(简体) ), 工作流量,以及 嵌入式构建器 输入您的应用程序 iframe。它将通过回调方式向您提供信息 onEvent。 。 。 .
见 Etch 电子符号 现场演示 和开源 演示仓库 用于使用此组件的嵌入式 Etch 电子符号使用示例.
安维尔是什么?
安维尔 为所有文件提供方便的API.
- PDF 填补 API - 填写一个PDF模板,其中包含网络请求和结构化的JSON数据.
- PDF 生成 API - 发送标记下来或HTML和Anvil会把它变成PDF.
- Etch 带有 API 的 E 签名 - 可自定义的、可嵌入的、带有API的电子签名平台,以控制签名过程的端到端.
- 工作流量(w/ API) - Webforms + PDF + E- sign 带有强大的无码构建器. 轻松地收集结构化数据,生成PDF,并请求签名.
学着点 Anvil 开发者页面。 。 。 .
使用量
yarn add @anvilco/anvil-embed-frame
npm install @anvilco/anvil-embed-frame
import AnvilEmbedFrame from '@anvilco/anvil-embed-frame'
<AnvilEmbedFrame
iframeURL={etchSignURL || workflowURL || editorURL}
onEvent={(eventObject) => console.log('Event object:', eventObject)}
className="anvil-embed-frame"
style={{ border: 'none' }}
/>
从v1升级到v2
从v2.0开始 enableDefaultStyles 道具已被移除 。 现在有了 没有 嵌入其中的默认样式 AnvilEmbedFrame,框架将使用默认浏览器 iframe 发型. 您可以用 CSS 来样式化 Iframe 并添加 className 财务报告和审定财务报表 style 组件道具
道具
框架
字符串( 需要) - 嵌入Anvil页面的URL. 对于Etch电子签名, 参考这些文件 用于生成签名 URL 的指令. 对于工作流, 参考这些文件 用于获取工作流程 URL 的指令.
示例
// Etch e-signatures
<AnvilEmbedFrame
iframeURL="https://app.useanvil.com/api/etch/verify/QL3RjmpXWBD4W6YCHSLr?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaWduZXJJZCI6MTg3LCJjbGllbnRVc2VySWQiOiJzaWduZXIxIiwiY3JlYXRlZEF0IjoxNjY0NTY4NTkyNTk0LCJleHRyYSI6IkNVQlIiLCJpYXQiOjE2NjQ1Njg1OTIsImV4cCI6MTY2NDY1NDk5Mn0.RMpoBXdAU5k6ozX3y2xoI8ykqx2BXycIKNX7Kq0EFFs"
/>
// For Workflows
<AnvilEmbedFrame
iframeURL="https://app.useanvil.com/weld/my-org/my-workflow"
/>
活动
函数 - 当事件被触发时,此函数被调用 .
可能的活动类型 Etch 电子符号包括数字 : signerComplete, (中文(简体) ), signerError。 。 。 .
可能的活动类型 工作流程包括:数字 : forgeSubmitPage, (中文(简体) ), forgeComplete, (中文(简体) ), weldComplete。 。 。 .
默认为 (eventObject) => {}
滚动
字符串 - 把卷轴放入框架
auto- 挂载时将窗口滚动到 iframesmooth挂载时将窗口顺利滚动到 iframenull- 禁用滚动
文本文档
页:1
- 要启用 Iframe 嵌入, 请访问您在 Anvil 中的组织设置, 在 API 部分启用 “ Iframe Embedding ” .
- 请联系我们 支持@useanvil.com 使框架能够嵌入我们 嵌入式构建器 UIS: PDF 模板构建器, 电子签名包构建器, 或 Workflow 构建器 .
- 反应 QQ v16.0 需要.
错误
请为错误、 缺少文档或意外行为存档 .
问题或反馈
请发电子邮件给我们 支持@useanvil.com。 。 。 .
许可证
麻省理工学院