配置多个就地编辑器 configure-multiple-in-place-editors
您可以在Adobe Experience Manager中配置富文本编辑器,以使其具有多个就地编辑器。 配置后,您可以选择相应的内容并打开相应的编辑器。
配置多个编辑器 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)
要配置多个编辑器,请执行以下步骤:
-
在节点
cq:inplaceEditing
(类型为cq:InplaceEditingConfig
)上,定义以下属性:- 名称:
editorType
- 类型:
String
- 值:
hybrid
- 名称:
-
在此节点下,创建一个节点:
- 名称:
cq:ChildEditors
- 类型:
nt:unstructured
- 名称:
-
在
cq:childEditors
节点下,为每个就地编辑器创建一个节点:- 名称:每个节点的名称是它所代表的属性的名称,删除目标的情况也是如此。 例如,
image
和text
。 - 类型:
cq:ChildEditorConfig
note note NOTE 定义的放置目标和子编辑器之间存在相关性。 cq:ChildEditorConfig
节点的名称被视为放置目标ID,用作所选子编辑器的参数。 如果可编辑子区域没有放置目标(例如在文本组件中),则子编辑器的名称仍将被视为一个ID,以标识相应的可编辑区域。 - 名称:每个节点的名称是它所代表的属性的名称,删除目标的情况也是如此。 例如,
-
在每个节点(
cq:ChildEditorConfig
)上定义属性:-
名称:
type
。 -
值:已注册的就地编辑器的名称;例如,
image
和text
。 -
名称:
title
。 -
值:在可用编辑器的组件选择列表中显示的标题。 例如,
Image
和Text
。
-
富文本编辑器的其他配置 additional-configuration-for-rich-text-editors
多个富文本编辑器的配置略有不同,因为您可以单独配置每个RTE实例。 有关详细信息,请参阅配置富文本编辑器。 要拥有多个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