Bluebeam：使用交互式圖章

發(fā)布時間：2021/12/15 瀏覽量：4327

在 Revu eXtreme 中，您可以創(chuàng)建根據(jù)項目需求定制的交互式圖章。圖章是使用 JavaScript 制作的，可以包括按鈕、表單字段、公司徽標、日期等。

什么是交互式圖章？

在 Revu eXtreme 中，您可以創(chuàng)建根據(jù)項目需求定制的交互式圖章。圖章是使用 JavaScript 制作的，可以包括按鈕、表單字段、公司徽標、日期等。一旦它們出現(xiàn)在文檔中，您和您的同事就可以通過填寫表單域、復選框和修改與您的項目相關的其他內(nèi)容來與圖章進行交互。

交互式圖章允許您創(chuàng)建任何人都可以編輯和填寫的表格。例如，當用戶放置 Submittal_Status 標記時，Revu 會提示他們：

選擇與圖章相關的項目名稱
檢查正在蓋章的 PDF 的適當狀態(tài)
填寫有關用戶、規(guī)格、日期和提交編號的相關信息。

哪些 Revu 產(chǎn)品適用于交互式圖章？

雖然所有版本的 Revu 都可以編輯交互式圖章的外觀，但 Revu eXtreme 需要添加表單字段、編輯表單字段和編輯交互式圖章的 JavaScript。

為 Revu 添加圖章

有兩種方法可以制作交互式圖章。一種方法是使用 JavaScript 從頭開始創(chuàng)建圖章。另一種方法是從一個預制的圖章模板（例如我們的 Revu 自定義庫頁面）開始，并為您的項目自定義它。本文將重點介紹使用模板創(chuàng)建圖章。

下載模板

轉(zhuǎn)到 Revu 自定義庫頁面。
在“交互式圖章”下，點擊“提交狀態(tài)”，您的下載將開始。
在下載目標中找到 submittal-status.zip，右鍵單擊它，然后選擇全部提取。
點擊提取。

導入圖章

打開Revu.
轉(zhuǎn)到工具 > 圖章 > 導入圖章...
導航到帶有您的圖章的文件夾。
對于此示例，請轉(zhuǎn)到您的下載目的地并打開名為 submittal-status 的文件夾。文件夾里會有三個PDF。
- Submittal_Status Instructions.pdf 將包含特定于修改該郵票中的全局腳本和表單字段的說明。
- Submittal_Status.pdf 用于放置單個圖章。
- Submittal_Status_Batch.pdf 用于一次在多個頁面上蓋章。
選擇您的圖章。
對于此示例，請選擇 Submittal_Status.pdf。
點擊打開。

下次選擇圖章工具時，此圖章將出現(xiàn)在列表中。

放置圖章

轉(zhuǎn)到工具 > 圖章，然后在圖章列表中選擇 Submittal_Status。
單擊要放置圖章的文檔畫布。系統(tǒng)會提示您填寫以下字段：

從下拉列表中選擇一個項目。
選擇一個狀態(tài)。
填寫文本字段。
點擊“確定”將圖章放置在頁面上。

圖章中的內(nèi)容添加到頁面后無法更改。

自定義圖章

除了表單字段中的文本外，您可以在任何版本的 Revu 中自定義圖章外觀的任何方面。在此示例中，我們將自定義公司名稱和公司徽標。

要更改圖章，請在編輯模式中打開它：

轉(zhuǎn)到工具 > 圖章，然后將光標懸停在所需圖章上，然后點擊右側(cè)顯示的編輯圖標。
對于此示例，請編輯 Submittal_Status.pdf 圖章。
使用標記工具自定義圖章；添加您的公司名稱、編輯文本顏色、背景顏色和徽標。

如果您需要調(diào)整、添加或刪除表單字段，您將需要 Revu eXtreme。

自定義圖章后，轉(zhuǎn)到“文件”>“另存為”并為您的圖章鍵入新名稱。編輯后的圖章將保存為新圖章以備將來使用。

表單字段編輯和 JavaScript

本節(jié)重點介紹如何在幾乎不了解 JavaScript 的情況下更改 JavaScript 對話框和表單字段。在文檔上放置交互式圖章后：

這會觸發(fā)“計算”字段中的操作，從而生成圖章對話框。
然后，放置圖章的人可以在 JavaScript 提示中填寫所需的詳細信息。

我們擴展頁面的圖章中的 JavaScript 分為兩部分：StampCode 和計算腳本。在編輯印章之前，了解這兩個術(shù)語很重要。

計算腳本

計算腳本是預先編寫的，不應更改。它可以在“計算”表單字段的屬性中找到。計算腳本定義了在 StampCode 中引用的變量。如果沒有對 JavaScript 的高級理解，編輯計算腳本可能會導致您的圖章失敗。不要編輯或刪除圖章中的“計算”字段。

“擴展”頁面提供的每個圖章都適用于預定義的表單字段。如果您需要添加更多單選組或其他表單字段類型，則不支持這些類型。如果需要，您可以聯(lián)系技術(shù)支持獲取更多圖章示例。

StampCode

每個圖章都有一個名為 StampCode 的存儲值。這是代表交互式圖章中的視覺元素的后端代碼。例如，如果您想添加任何表單字段或編輯現(xiàn)有的字段，則必須通過 StampCode 來完成。 StampCode 控制在圖章對話框中顯示什么內(nèi)容，并直接與圖章中的表單字段交互。

以下是 StampCode 如何與表單字段名稱關聯(lián)的示例：

對于 Revu 自定義庫頁面上可用的所有圖章，StampCode 分為兩部分：StampCode 的前半部分引用了圖章中使用的所有文本字段，而后半部分引用了一組單選按鈕和一個下拉列表。

編輯StampCode

轉(zhuǎn)到窗口 > 面板 > 表單 (Alt+Q)
出現(xiàn)表單面板。
轉(zhuǎn)到工具 > 表單 > JavaScript…（Ctrl+Shift+J）
出現(xiàn)全局腳本對話框。

確保突出顯示了 StampCode，然后點擊編輯圖標。
3. 顯示提交狀態(tài)的預構(gòu)建 StampCode JavaScript。

您可能會注意到 StampCode 中的值當前反映了郵票中使用的每個表單字段的名稱。例如，在 Forms 面板中，單選按鈕“Revise”在郵票代碼中被引用為：

{ value:"Revise", description:"Revise" }

名為“CheckedBy”的文本字段在 StampCode 中被引用為：

{ field:"CheckedBy", description:"Checked by:", default:function() { return Collab.user; } }

在這兩個示例中，StampCode 以 value: 或 field: 開頭。這兩個術(shù)語與表單字段中的名稱直接相關。如果表單字段名稱與其 StampCode 值或字段不完全匹配，JavaScript 將無法執(zhí)行。例如，如果我們將單選按鈕“Revise”更改為“Revised”，但沒有更新 StampCode 以匹配該術(shù)語，則 Stamp 將失敗。

在 value 或 field 之后是描述，這是在放置圖章并遇到 JavaScript 對話框后將顯示的內(nèi)容。例如，表單字段“Spec”被引用為：

{ field:"Spec", description:"Spec #:", default:function() { return ""; } }

要自定義顯示在 JavaScript 對話框中的字段說明，請在“表單”面板和 StampCode 中編輯表單字段的名稱。描述不需要與表單字段的名稱相匹配。例如，如果我們將 StampCode 中的“Spec #”更改為“Specification Number”，對話框?qū)⒎从吃摳摹?/span>

編輯廣播組

將新單選按鈕添加到現(xiàn)有單選組

轉(zhuǎn)到工具 > 圖章，然后將光標懸停在所需圖章上，然后點擊右側(cè)顯示的編輯圖標。
轉(zhuǎn)到“表單”面板 (Alt + Q)。
選擇表單面板中單選組狀態(tài)中的單選按鈕之一（即已批準、拒絕或修訂）。這應該突出顯示圖章中的單選按鈕。
在圖章中，右鍵單擊選定的單選按鈕并選擇復制。
將單選按鈕粘貼 (Ctrl+V) 到圖章上所需的位置。
在“表單”面板中，雙擊新的單選按鈕以對其進行重命名。在此示例中，添加了一個單選按鈕并重命名為“支持”。

轉(zhuǎn)到工具 > 表單 > JavaScript（Ctrl + Shift +J）
選擇 StampCode，然后點擊 Edit 圖標。
向 radioGroup 添加一個新值：

新的代碼部分如下所示：

{ value:"Approved", description:"Approved" },
{ value:"Revise", description:"Revise" },
{ value:"Rejected", description:"Rejected" },
{ value:"Support", description:"Supported" }