範例

在此套件中,我們也提供了一些自訂範例(可在guides_extension/src取得) 。 以下為各範本的簡短說明。

  1. 內容功能表
    在此範例中,我們已自訂file_options內容功能表,以移除DeleteEdit選項,並將Duplicate選項取代為Download選項。

  2. 左側面板
    在此範例中,我們已自訂left tab panel,讓另一個tab名為「TEST EXTENSION」,以及對應的tab panel有標籤: Test Tab Panel

  3. 右側面板
    在此範例中,我們已自訂right tab panel,讓另一個tab名為「TEST EXTENSION」,以及對應的tab panel有標籤: New Tab Panel

  4. 存放庫面板

  5. 工具列
    在此範例中,我們已將Insert ElementInsert ParagraphInsert Numbered ListInsert Bulleted List按鈕取代為包含所有這些按鈕的單一More Insert Options按鈕。

[檢閱應用程式範例]

  1. 註解工具箱
    在此範例中,我們已將另一個按鈕新增到註釋工具箱,以在AEM中開啟目前的稽核主題。

  2. 檢閱評論
    在此範例中,我們已新增以使用者資訊(包含評論者的全名和標題)取代使用者名稱、新增唯一評論ID、mailTo圖示,以及新增用於提及評論嚴重性和理由的輸入欄位。
    我們也在開啟對話方塊的XMLEditor側之註解上新增了accept with modification按鈕。

  3. 註解回覆
    在此範例中,我們已新增以使用者資訊取代使用者名稱(包含評論者的完整名稱和標題),並在評論標題中新增mailTo圖示。

  4. 內嵌稽核面板
    在此檔案中,我們會計算並指派在Review CommentComment Reply範例中提及的唯一註解ID。

    • setCommentId方法會根據註解計數,為每個註解設定唯一的註解ID。

    • setUserInfo會使用每個註解的完整名稱和標題來設定userInfo的值。

    • onNewCommentEvent會確保為每個新註解或回覆呼叫setUserInfo方法。

    • updatedProcessComments函式會針對每個新註解事件執行,並確保在收到新註解事件時呼叫setCommentId

  5. 主題評論面板:此檔案會擴充內嵌評論面板,讓新增的自訂功能也可在評論應用程式端運作。

  6. 接受修改對話方塊
    這是將新Widget新增至應用程式的範例。 我們已在此建立新的對話方塊,其中包含兩個輸入文字欄位: Revised TextAdjudicator Comment Rationale

  7. 儲存修訂
    以下是如何更新現有對話方塊的範例。 我們在此新增了發佈按鈕。 我們允許修改對話方塊的內容。 請在此參考其json: save_revision

接受修改對話方塊

以下是自訂前後的檢閱面板:

檢閱面板;
接受並修改對話方塊

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178