インタラクティブスタンプを追加および編集する

対象:

  • Revu 21
  • Revu 20

Revu 20 eXtreme 版および Revu 21 では、Revu カスタムライブラリからインタラクティブなスタンプをインポートして追加できます。インタラクティブなスタンプは JavaScript で作成し、ボタン、フォームのフィールド、会社のロゴ、日付などをこれに含めることができます。PDF に配置すれば、プロジェクト情報を入力したり、ステータスを指定したりして、あなたと同僚はこれらスタンプやその要素を操作することができます。

たとえば、PDF に提出物ステータス スタンプを配置する場合、次の情報を追加できます。

  • 提出物ステータス
  • レビュー担当者
  • 日付
  • 提出物番号
  • 仕様番号

Revu のすべてのエディションでインタラクティブスタンプの外観は編集できますが、フォームのフィールドの追加、フォームのフィールドの編集、およびインタラクティブスタンプの JavaScript の編集には Revu eXtreme が必要です。

Revu 21 ユーザーは、Bluebeam プランを使用して、インタラクティブスタンプの外観と機能を編集できます。

全体として、インタラクティブ スタンプのプロセスは次の順序に従います。

  1. インタラクティブなスタンプは Revu で作成またはインポートします。
  2. スタンプはPDF上に配置されます。
  3. 計算スクリプトは、グローバル スクリプト作成に基づいてスタンプ ダイアログを自動的に生成します。
  4. スタンプダイアログに情報が入力されます。
  5. スタンプには必要な情報がすべて記入されています。

スタンプを追加する

Revu でインタラクティブスタンプを追加する方法は2つあります。

  • JavaScript を使用してスタンプを最初から作成します。

  • Revu カスタムライブラリからスタンプテンプレートをダウンロードしてインポートしてください。必要に応じて、プロジェクト用のスタンプテンプレートをカスタマイズできます。

   カスタムスタンプの作成方法 ビデオ2:19

Revu でカスタムスタンプを作成します。Bluebeam University で視聴する。

このガイドでは、主に既存のテンプレートからインタラクティブ スタンプを追加および編集する方法に焦点を当てます。

テンプレートをダウンロードする

  1. Revu カスタム ライブラリページに移動します。
  2. 「インタラクティブ スタンプ」までスクロールし、ダウンロードしたいスタンプ テンプレートを選択します。例として、提出ステータスを選択してみましょう。
  3. ダウンロード フォルダー内の submittal-status.zip フォルダーを見つけて右クリックし、 [すべて展開]を選択します。
  4. 抽出を選択します。

スタンプをインポートする

  1. Revu で、[ツール] > [スタンプ] > [スタンプのインポート] を選択します
  2. スタンプのあるフォルダに移動します。この例では、ダウンロード先に移動して、 submittal-statusフォルダーを開きます。
    フォルダーには 2 つの PDF が含まれます。
    • Submittal_Status.pdfは、単一のスタンプの配置に使用されます。
    • Submittal_Status_Batch.pdf は、複数のページに一度にスタンプを押すために使用されます。
  1. スタンプを選択してください。この例では、 Submittal_Status.pdfを選択します。
  2. [開く]をクリックします。

次回スタンプツールを選択したとき、このスタンプがリストに表示されます。

PDFにスタンプを押す

  1. [ツール] > [スタンプ]を選択し、スタンプのリストからSubmittal_Status.pdfを選択します。
  2. PDF 上のスタンプをクリックしてドラッグします。次の現場に塗りつぶすよう求められます。
    1. ステータスを選択します。
    2. 可能な場合は提出物 #と仕様番号を入力してください。
  3. [OK]を選択すると、スタンプがページに配置されます。

PDF にスタンプが配置された後は、スタンプ ダイアログに入力した内容を変更することはできません。

スタンプをカスタマイズする

Revu のどのエディションやバージョンでも、インタラクティブスタンプの外観をカスタマイズできます。この例では、[会社名] と [企業ロゴ] をカスタマイズします。

インタラクティブ スタンプを編集するには、次の手順に従います。

  1. ツール > スタンプを選択します。変更したいスタンプファイルにカーソルを合わせて、右側に表示される編集アイコンを選択します。
    この例では、 Submittal_Status.pdfスタンプを編集します。
  2. マークアップ ツールを使用してスタンプをカスタマイズします。会社名やロゴを追加したり、テキストの色を編集したりできます。

フォームのフィールドの調整、追加、削除が必要な場合は、Revu eXtreme または Revu 21 が必要です。
  1. スタンプをカスタマイズしたら、[ファイル] > [名前を付けて保存] を選択して、スタンプに新しい名前を入力します。編集したスタンプは、将来使用するために Revu で利用可能になります。

スタンプコードとJavaScript

スタンプをさらにカスタマイズするには、JavaScript ダイアログとフォームのフィールドに変更を加えます。インタラクティブ スタンプを PDF に配置すると、次のようになります。

  • 計算現場が作成され、トリガーされ、スタンプ ダイアログが生成されます。
  • スタンプは、グローバル JavaScript ダイアログから変更できます。

Revu カスタム ライブラリページのスタンプ内の JavaScript には、計算スクリプトと StampCode の 2 種類が含まれます。両者の違いを以下で学んでください。

計算スクリプト

計算スクリプトは事前に記述されたフォーム現場であり、編集または変更しないでください。編集用に開かれたスタンプは、計算の下のフォームパネルにあります。計算スクリプトは、StampCode で参照される変数を定義します。JavaScript を詳細に理解していないと、計算スクリプト作成を編集するとインタラクティブ スタンプが失敗する可能性があります。スタンプの計算現場を編集または削除しないでください。

Revu カスタムライブラリで利用可能なスタンプには、あらかじめ定義されたフォームのフィールドがあります。追加のラジオグループやその他のフォームの現場タイプはサポートされていません。その他のスタンプテンプレートについては、お問い合わせください。

スタンプコード

すべてのスタンプには、StampCode と呼ばれる値が保存されています。これは、インタラクティブ スタンプの視覚要素を表すバックエンド コードです。たとえば、フォームのフィールドを追加したり、既存のフィールドを編集したりする場合は、StampCode を通じて実行する必要があります。StampCode は、スタンプ ダイアログに表示されるコンテンツを制御し、スタンプ内のフォームのフィールドと直接対話します。

以下は、StampCode がフォーム現場名とどのように相関するかを示す例です。

「Submittal_Status」という名前のフォームが開いた PDF フォームエディターのスクリーンショット。フォームには、「ステータス」グループの下に「Approved」、「Revise」、「Rejected」というラベルの付いたラジオボタンが含まれています。「Revise」オプションが蛍光ペン表示され、フォームレイアウトのプレビューで対応する「Revise」ラジオボタンに赤線で接続されています。プレビューには、Bluebeam ソフトウェアのロゴと「BY」、「DATE」、「SUBMITTAL#」、「SPEC」のフォームのフィールドが表示されています。下部で JavaScript エディターが開き、「ステータス」グループのラジオボタンの値「Approved」、「Revise」、「Rejected」をマップするコードが表示されます。

Revu カスタムライブラリで利用可能なすべてのインタラクティブスタンプについて、StampCode は次の 2 つのセクションで構成されています。

  • StampCode の前半は、スタンプ内のすべてのテキスト現場を参照します。

  • 後半では、ラジオ ボタンのグループとドロップダウン リストを参照します。

スタンプコードを編集する

  1. ウィンドウ > パネル > フォームを選択します。
  2. とフォーム パネルを開き、 [ツール] > [フォーム] > [JavaScript]を選択します。
  3. グローバルJavaScriptダイアログで、 StampCodeが選択されていることを確認し、編集。

StampCode の値は、スタンプで使用される各フォーム現場の名前を反映します。たとえば、フォーム パネルでは、ラジオ ボタン「修正」はスタンプ コード内で次のように参照されます。

コピー
{ value:"Revise", description:"Revise" }

「CheckedBy」というラベルの付いたテキスト現場は、StampCode 内で次のように参照されます。

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

どちらの例でも、StampCode はvalue:または現場:で始まります。これら 2 つの用語は、フォーム 現場内の名前に直接関連しています。フォーム 現場名が StampCode 値または現場と完全に一致しない場合、JavaScript は実行されません。たとえば、ラジオ ボタンを「修正」から「修正済み」に変更したが、その用語に一致するように StampCode を更新しなかった場合、スタンプは失敗します。

値または現場の後には説明が続きます。これは、JavaScript ダイアログが表示され、PDF にスタンプが配置された後に表示されます。たとえば、フォーム 現場「 Spec 」は次のように参照されます。

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

JavaScriptダイアログに表示される現場の説明をカスタマイズするには、フォーム パネルと StampCode 内のフォーム現場の名前を編集します。説明はフォーム 現場の名前と一致する必要はありません。たとえば、StampCode の「 Spec # 」を「仕様番号 」に変更すると、ダイアログにその変更が反映されます。

ラジオグループを編集する

既存のラジオ グループに新しいラジオ ボタンを追加するには:

  1. ツール > スタンプを選択し、カーソルをスタンプファイルに合わせて、右側に表示される編集アイコンを選択します。
  2. 開くフォームパネル。
  3. ラジオ グループステータス内のラジオ ボタンの 1 つを選択します (例: [承認済み] 、[拒否済み] 、[修正済み] )。これにより、スタンプ内のラジオ ボタンが蛍光ペンで表示されます。
  4. スタンプ内で、選択したラジオ ボタンを右クリックし、 [コピー]を選択します。
  5. スタンプ上の希望の場所にラジオボタンを貼り付けます。
  6. の中でフォーム パネルで、新しいラジオ ボタンをダブルクリックして名前を変更します。この例では、ラジオ ボタンが追加され、名前がSupportに変更されました。


  1. ツール > フォーム > JavaScriptを選択します。
  2. スタンプコードを選択して編集。
  3. 前のステータスの中括弧の後にコンマと改行を追加して、radioGroup に新しい値を追加します。

    新しいコードのセクションは次のようになります。

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


  4. [OK]を選択して、JavaScript エディターを終了します。
  5. [OK]を選択して、グローバル JavaScript ダイアログを終了します。
  6. スタンプの PDFを保存し、変更をテストします。

更新されたインタラクティブ スタンプを PDF に追加すると、スタンプ ダイアログに作成された新しいオプションが表示されます。この例では、ダイアログに「サポート」という 4 番目のラジオ ボタンが表示されます。

新しいラジオボタンを追加すると、フォーム パネルに直接入力すると、2 番目のラジオ グループが作成され、既存のラジオ グループには含まれません。新しいラジオボタンの名前は、フォーム 現場プロパティをStatusに設定すると、既存の Status ラジオ グループにボタンが自動的に追加されます。

提出物のステータス スタンプは、1 つのラジオ グループでのみ動作します。2 番目の radioGroup を追加しようとすると、スタンプは正しく機能しなくなります。

Revu カスタムライブラリで入手できる複数のスタンプについては、テキストボックスフィールドがドロップダウンリストまたはリストボックスフォームフィールドとして使用されていることに気付くかもしれません。実際のリストボックスまたはドロップダウンリストのフィールドタイプを使用すると、Bluebeam スタンプテンプレートに埋め込まれている計算スクリプトに互換性がなくなります。

以下は、スタンプ ダイアログでドロップダウン リストとして表示されるテキストボックス現場の例です。

テキストボックス フィールドプロジェクトは、スタンプ ダイアログのドロップダウン リストとして機能します。スタンプ ダイアログに表示される項目のリストは、スタンプ コードによって異なります。

トラブルシューティング

スタンプを配置するときにスタンプダイアログが表示されない

インタラクティブ スタンプで発生する最も一般的な問題は、計算フォーム 現場が削除されることです。この場合、PDF にスタンプを配置してもスタンプ ダイアログが表示されません。

計算フォーム現場を再作成するには、元のスタンプ テンプレートから計算スクリプトを見つけてコピーします。

  1. Revu カスタムライブラリから元のスタンプテンプレートをダウンロードし、[ツール] >[スタンプ] >[スタンプのインポート] から[Revu] にインポートします。
  2. ツール > スタンプを選択し、新しくインポートしたスタンプファイル(この例では提出物ステータス)の上にカーソルを移動して、編集 右側に表示されるアイコン。
  3. の中でフォーム パネルで、計算フォーム 現場を選択します。
  4. フォーム フィールド プロパティ パネルに移動し、一番下までスクロールして、編集を選択します。
  5. すべて選択 (Ctrl+A) し、コードをコピー (Ctrl+C) します。

次に、壊れたスタンプに計算スクリプトを追加します。

  1. ツール > スタンプを選択し、壊れたスタンプファイルの上にカーソルを移動して、右側に表示される編集アイコンを選択。
  2. ツール > フォーム > テキスト ボックスを選択します。インタラクティブ スタンプ内の任意の場所にテキスト ボックスを配置します。
  3. の中でフォーム パネルで、新しいテキストボックス フォーム 現場を選択し、名前を「計算」に変更します。
  4. に行くフォーム フィールド プロパティ パネルで、「計算」まで下にスクロールし、ドロップダウンから「カスタム計算現場」を選択します。
  5. [編集]を選択し、スタンプ テンプレートから計算スクリプトを貼り付けます (Ctrl+V)。
  6. [OK]を選択します。
  7. スタンプのPDFを保存します。
  8. [ファイル] > [新しいPDF]を選択し、PDF にスタンプを配置して、正しく機能していることを確認します。

この記事の手順で問題が発生した場合、またはインタラクティブ スタンプについて質問がある場合は、お問い合わせください。お問い合わせには、影響を受けたスタンプと問題の簡単な説明を添付してください。