設定多個就地編輯器 configure-multiple-in-place-editors

您可以在Adobe Experience Manager中設定RTF編輯器,使其有多個就地編輯器。 設定後,您可以選取適當的內容並開啟適當的編輯器。

特定的就地編輯器

設定多個編輯器 configure-multiple-editors

若要啟用多個就地編輯器,cq:InplaceEditingConfig節點型別的結構已增強cq:ChildEditorConfig節點型別的定義。

例如:

   /**
       * Configures in-place editing of a component.
       *
       * @prop active true to activate in-place editing for the component.
       * @prop editorType ID of in-place editor to use.
       * @prop cq:childEditors collection of {@link cq:ChildEditorConfig} nodes.
       * @prop configPath path to editor's config (optional).
       * @node config editor's config (used if no configPath is specified; optional).
     */
    [cq:InplaceEditingConfig] > nt:unstructured
      - active (boolean)
      - editorType (string)
      + cq:childEditors (nt:base) = nt:unstructured
      - configPath (string)
      + config (nt:unstructured) = nt:unstructured

    /**
      * Configures one child editor for a sub-component. The name of the this node is
      * used as DD ID.
      *
      * @prop type type of the inline editor. For example, ["image"].
      * @prop title Title of the inline editor.
      * @prop icon Icon to represent the inline editor.
    */
    [cq:ChildEditorConfig] > nt:unstructured
      orderable
      - type (string)
      - title (string)

若要設定多個編輯器,請遵循下列步驟:

  1. 在節點cq:inplaceEditing (型別為cq:InplaceEditingConfig)上,定義下列屬性:

    • 名稱:editorType
    • 類型:String
    • 值: hybrid
  2. 在此節點下方,建立節點:

    • 名稱:cq:ChildEditors
    • 類型:nt:unstructured
  3. cq:childEditors節點下,為每個就地編輯器建立一個節點:

    • 名稱:每個節點的名稱是它所代表的屬性名稱,拖放目標也是如此。 例如,imagetext
    • 類型:cq:ChildEditorConfig
    note note
    NOTE
    定義的放置目標和子編輯器之間存在關聯。 cq:ChildEditorConfig節點的名稱會視為放置目標ID,以作為所選子編輯器的引數。 如果可編輯的子區域沒有放置目標(例如在文字元件中),則子編輯器的名稱仍會被視為ID,以識別對應的可編輯區域。
  4. 在每個節點(cq:ChildEditorConfig)上定義屬性:

    • 名稱: type

    • 值:登入就地編輯器的名稱;例如,imagetext

    • 名稱: title

    • 值:在可用編輯器的元件選取範圍清單中顯示的標題。 例如,ImageText

RTF編輯器的其他設定 additional-configuration-for-rich-text-editors

多個RTF編輯器的設定稍有不同,因為您可以分別設定每個個別RTE執行個體。 如需詳細資訊,請參閱設定RTF編輯器。 若要有多個RTE,請為每個就地RTE建立設定。 Adobe建議在cq:InplaceEditingConfig下建立新的設定節點,因為每個個別RTE都可以有不同的設定。 在新節點下,建立每個單獨的RTE配置。

    texttext
        cq:dialog
        cq:editConfig
            cq:inplaceEditing
                cq:childEditors
                    someconfig
                        text1
                            rtePlugins
                        text2
                            rtePlugins
NOTE
不過,對於RTE,當元件中只有一個文字編輯器的執行個體(可編輯的子區域)時,即支援configPath屬性。 提供此configPath的使用是為了支援與元件的舊版使用者介面對話方塊的回溯相容性。
CAUTION
不要將RTE設定節點命名為config。 否則,RTE設定僅供管理員使用,不適用於群組content-author中的使用者。

程式碼範例 code-samples

您可以在GitHub🔗上的aem-authoring-hybrideditors專案中找到此頁面的程式碼。 您可以以ZIP封存的形式下載完整專案。

新增就地編輯器 add-an-in-place-editor

如需新增就地編輯器的一般資訊,請參閱檔案自訂頁面製作

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2