配置多个就地编辑器

您可以在Adobe Experience Manager配置富文本编辑器,使其具有多个就地编辑器。 配置后,您可以选择适当的内容并打开相应的编辑器。

特定就地编辑器

配置多个编辑器

要启用多个就地编辑器,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
    注意

    定义的删除目标与子编辑器之间存在关联。 cq:ChildEditorConfig节点的名称被视为放置目标ID,用作所选子编辑器的参数。 如果可编辑的子区域没有放置目标(例如,在文本组件中),则子编辑器的名称仍被视为标识相应可编辑区域的ID。

  4. 在每个节点(cq:ChildEditorConfig)上定义属性:

    • 名称: type.

    • 值:注册就地编辑的名称;例如,imagetext

    • 名称: title.

    • 值:在可用编辑器的组件选择列表中显示的标题。 例如,ImageText

富文本编辑器的其他配置

多个富文本编辑器的配置略有不同,因为您可以单独配置每个RTE实例。 有关详细信息,请参阅配置富文本编辑器。 要使多个RTE为每个就地RTE创建配置。 Adobe建议在cq:InplaceEditingConfig下创建新的配置节点,因为每个RTE都可以有不同的配置。 在新节点下,创建每个单独的RTE配置。

    texttext
        cq:dialog
        cq:editConfig
            cq:inplaceEditing
                cq:childEditors
                    someconfig
                        text1
                            rtePlugins
                        text2
                            rtePlugins
注意

但是,对于RTE,当组件中只有一个文本编辑器实例(可编辑子区域)时,支持configPath属性。 此使用configPath是为了支持与组件的较旧用户界面对话框向后兼容。

注意

请勿将RTE配置节点命名为config。 否则,RTE配置仅对管理员可用,对组content-author中的用户则不可用。

代码示例

您可以在GitHub🔗上的aem-authoring-hybridetors项目中找到此页的代码。 您可以以a ZIP归档文件的形式下载整个项目。

添加就地编辑器

有关添加就地编辑器的一般信息,请参阅文档自定义页面创作

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now