Show Menu
主題×

產生XDP表單的HTML5預覽

在AEM Forms Designer中設計表格時,除了預覽表格的PDF轉譯外,您也可以預覽表格的HTML5轉譯。 您可以使用「預 覽HTML 」索引標籤來預覽表單,就像在瀏覽器中顯示一樣。

在Designer中啟用XDP表單的HTML預覽

若要讓設計人員產生XDP表單的HTML預覽,請執行下列設定:
  • 設定Apache Sling Authentication Service
  • 禁用保護模式
  • 提供AEM Forms伺服器的詳細資訊

設定Apache Sling Authentication Service

  1. 前往https:// #: #/system/console/configMgr on AEM Forms running on OSGi或
    https:// Server #:JEE上執​ #/lc/system/console/configMgr。
  2. 找到並按一 下Apache Sling Authentication Service configuration,以在編輯模式中開啟它。
  3. 視您是在OSGi或JEE上執行AEM Forms而定,請在「驗證需求」欄位中 新增下列 :
    • AEM Forms on JEE
      • -/content/xfaforms
      • -/etc/clientlibs
    • OSGi上的AEM Forms
      • -/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    請勿在「驗證要求」欄位中複製並貼上指定的值,因為它可能會損壞值中的特殊字元。 請改為在欄位中輸入指定的值。
  4. 在「匿名使用者名稱」和「匿名 使用者密碼 」欄 ​位中分別指定使用者名稱和密碼。 指定的認證用於處理匿名驗證並允許匿名用戶訪問。
  5. 按一下 保存 ,保存配置。

禁用保護模式

依預 ,保護模式已開啟。 讓它在生產環境中保持啟用。 您可以停用它,讓開發環境在設計中預覽HTML5 Forms。 請執行下列步驟以停用它:
  1. 以管理員身分登入AEM Web Console。
    • OSGi上AEM Forms的URL是https:// #: #/system/console/configMgr
    • JEE上AEM Forms的URL是https:// #: #/lc/system/console/configMgr
  2. 開啟 行動表單設定 ,以進行編輯。
  3. 取消選取「 保護模式 」選項,然後按 一下「儲存 」。

提供AEM Forms伺服器的詳細資訊

  1. 在設計工具中,轉 > 選項
  2. 在「選項」窗口中,選擇「服 務器選項」頁 ,提供以下詳細資訊,然後按一下「 確定」
    • 伺服器URL : AEM Forms伺服器URL。
    • HTTP埠號 : AEM伺服器埠。 預設值為4502。
    • HTML預覽內容: 用於呈現XFA表單的描述檔路徑。 以下預設配置檔案用於在設計器中預覽表單。 不過,您也可以指定自訂描述檔的路徑。
      • /content/xfaforms/profiles/default.html (OSGi上的AEM Forms)
      • /lc/content/xfaforms/profiles/default.html (AEM Forms on JEE)
    • Forms Manager上下文: 部署Forms Manager UI的上下文路徑。 預設值為:
      • /aem/forms (OSGi上的AEM Forms)
      • /lc/forms (AEM Forms on JEE)
    注意: 請確定AEM Forms伺服器已啟動並正在執行。 HTML預覽會連線至CRX伺服器以 ​產生​ 預覽。
    AEM Forms Designer選項
  3. 若要預覽HTML中的表格,請按一下「預 覽HTML 」標籤。
    如果關閉「HTML預覽」標籤,請按F4以開啟「預覽HTML」標籤。 您也可以選取「從檢視」選單中預覽HTML,以開啟「預覽HTML」標籤。
    HTML預覽不支援PDF檔案,HTML預覽僅適用於XDP檔案。

使用範例資料預覽表格

設計人員可讓您使用範例XML資料來預覽和測試表格。 建議您經常使用範例資料來測試表格,以確保表格能正確呈現。
如果您沒有範例資料,設計人員可以建立它,或者您可以自行建立它。 (請參 閱自動產生範例資料以預覽表格 , 以及建立範例資料以預覽表格 。)
使用範例資料來源來測試表單,可確保資料和欄位已映射,且重複的子表單會如預期般重複。 您可以建立平衡的表單配置,為每個物件提供適當的空間以顯示合併的資料。
  1. 選擇「 檔案」>「表單屬性」
  2. 按一下「 預覽 」標籤,然後在「資料檔案」方塊中,輸入測試資料檔案的完整路徑。 您也可以使用「瀏覽」按鈕來導覽至檔案。
  3. 按一下 確定 。 下次在「預覽HTML ​」索引標籤中預覽表格時,範例XML檔案中的資料值會出現在個別物件中。

預覽儲存庫中的表單

在AEM Forms中,您可以在儲存庫中預覽表單和檔案。 預覽功能有助於確切瞭解表單的外觀和行為方式,讓使用者也能使用。