富文本编辑器

富文本编辑器是将文本内容输入到 AEM 中的基本构建块。它构成各种组件的基础,包括:

  • 文本
  • 文本图像

富文本编辑器

所见即所得 (WYSIWYG) 编辑对话框提供各类功能:

cq55_rte_basicchars

注意

可为各个项目配置可用功能,因此根据您的安装,这些功能可能有所不同。

就地编辑

除了基于对话框的富文本编辑模式外,AEM 还提供就地编辑模式,当文本在页面布局中显示时,该模式允许直接编辑文本。

单击段落两次(慢速双击)可进入就地编辑模式(组件边框随即变为橙色)。

您将能够直接在页面上编辑文本,而不是在对话框窗口中编辑。只需进行更改即可,系统将自动保存这些更改。

cq55_rte_inlineediting

注意

如果内容查找器处于打开状态,则带有 RTE(富文本编辑器)格式设置选项的工具栏将显示在选项卡顶部(如上图所示)。

如果没有打开内容查找器,则不会显示该工具栏。

现在,为通过​文本​和​标题​组件生成的页面元素启用了就地编辑模式。

注意

标题组件设计用于包含短文本(没有换行符)。在就地编辑模式中编辑标题时,输入换行符将在标题下方打开一个新​文本​组件。

富文本编辑器的功能

富文本编辑器提供了一系列功能,这些取决于单个组件的配置。这些功能可用于触屏优化UI和经典UI。

基本字符格式

您可在此对您已选的(突出显示的)字符应用格式;一些选项还具有快捷键:

  • 粗体 (Ctrl-B)
  • 斜体 (Ctrl-I)
  • 下划线 (Ctrl-U)
  • 下标
  • 上标

cq55_rte_basicchars_use

所有都以切换方式运行,因此重新选择将删除格式。

预定义样式和格式

cq55_rte_stylesparagraph

您的安装可以包括预定义的样式和格式。它们随​样式​和​格式​下拉列表提供且可应用于您选定的文本。

样式可应用于特定字符串(样式与 CSS 关联):

cq55_rte_styles_use

而格式应用于整个文本段落(格式是基于 HTML 的):

cq55_rte_paragraph_use

特定格式只能进行更改(默认为​段落)。

可以删除样式;将光标放置在已应用样式的文本中并单击删除图标:

注意

不要实际重新选择任何已应用样式的文本,否则将停用图标。

剪切、复制、粘贴

剪切​和​复制​的标准功能可以使用。提供了多种版本的​粘贴​以满足不同格式的需要。

  • 剪切 (Ctrl-X)

  • 复制 (Ctrl-C)

  • 粘贴
    这是组件的默认粘贴机制(Ctrl-V);安装现成版本后,它配置为从Word粘贴。

  • 粘贴为文本:去除所有样式和格式,仅粘贴纯文本。

  • 从Word粘贴:这会将内容粘贴为HTML(需要重新设置一些格式)。

撤消、重做

AEM 会按时间顺序保留您在当前组件中过去 50 次操作的记录。如有必要,可以按严格顺序撤消(然后恢复)这些操作。

注意

历史记录仅针对当前编辑会话保留。每次您打开组件进行编辑时,都会重新开始历史记录。

注意

50 次是默认的任务数量。您的安装可以使用不同的值。

对齐

您的文本可以左对齐、居中对齐或右对齐。

cq55_rte_alignment_use

缩进

段落缩进可以增大或减小。将缩进所选段落,输入的任何新文本将保留当前的缩进级别。

cq55_rte_indent_use

列表

项目符号列表和编号列表均可在您的文本中进行创建。可选择列表类型并开始键入内容或突出显示要转换的文本。在这两种情况下,换行均将开始新的列表项。

嵌套列表可通过缩进一个或多个列表项实现。

只需将光标置于列表中,然后选择其他样式即可更改列表样式。子列表也可以具有不同于包含列表的样式。在创建子列表(通过缩进)后,即可应用样式。

cq55_rte_列表_use

通过突出显示所需文本,然后单击超链接图标,可生成指向URL(在您的网站中或外部位置)的链接:

对话框将允许您指定目标 URL;同样允许指定是否应在新窗口中打开它。

cq55_rte_link_use

您可以:

  • 直接键入URI
  • 使用站点地图选择网站中的页面
  • 输入URI,然后附加目标锚点;例如,www.TargetUri.org#AnchorName
  • 仅输入锚点(用于引用“当前页面”);例如,#anchor
  • 在内容查找器中搜索页面,然后将页面图标拖放到“超链接”对话框中
注意

URI 可以使用为您的安装配置的任何协议作为前缀。在标准安装中,这些是https://ftp://mailto:。 将拒绝并非为您的安装配置的协议,并将其标记为无效。

要中断链接,请将光标置于链接文本中的任意位置并单击取消链接图标:

锚点

通过放置光标或选择某些文本可以在文本中的任意位置创建锚点。然后单击​锚点​图标以打开对话框。

输入锚点的名称,然后单击​确定​进行保存。

cq55_rte_anchor_use

当编辑组件时会显示锚点,现在可在链接的目标中使用锚点。

chlimage_1-104

查找并替换

AEM 提供了​查找​和​替换(查找并替换)功能。

两者均有一个​查找下一个​按钮以在打开的组件中搜索指定的文本。您还可以指定是否需要匹配大小写。

搜索将始终从文本中的当前光标位置开始。当到达组件末尾时,将有消息告知您下个搜索操作将从头开始。

cq55_rte_find_use

通过​替换​选项,您可以​查找,然后用指定文本​替换​当前组件中的单个实例,或者​全部替换​这些实例。

cq55_rte_findreplace_use

图像

可从内容查找中拖动图像以将其添加到文本。

cq55_rte_image_use

注意

AEM 还提供了用于进行更详细图像配置的专用组件。例如,Image​和​Text Image​组件可用。

拼写检查

拼写检查将检查当前组件中的所有文本。

所有不正确的拼写将突出显示:

cq55_rte_spellchecker_use

注意

拼写检查将通过采用子树的语言属性或从 URL 中提取语言,来以网站的语言运行。例如,对于 en 分支,将检查英语;对于 de 分支,将检查德语。

可通过以下两种方式使用表:

  • 作为​​组件

    chlimage_1-106

  • 从​文本​组件中

    注意

    尽管RTE中有可用的表,但在创建表时,建议使用​​组件。

在​文本​和​​组件中,可通过单击表中的上下文菜单(通常是鼠标右键按钮)使用表功能;例如:

cq55_rte_tablemenu

注意

在​​组件中,专用工具栏同样可用,包括各种标准富文本编辑器功能,以及一部分特定于表的功能。

特定于表的功能包括:

表属性

cq55_rte_tableproperties_icon

单击​确定​保存之前,可配置表的基本属性:

cq55_rte_tableproperties_dialog

  • 宽度:表的总宽度。

  • 高度:表的总高度。

  • 边框:表边框的大小。

  • 单元格边距:这定义单元格内容与其边框之间的空白。

  • 单元格间距:这定义单元格之间的距离。

注意

一些单元格属性(如“宽度”和“高度”)可以定义为像素或百分比。

注意

Adobe建议为表定义宽度。

单元格属性

cq55_rte_cellproperties_icon

可以配置特定单元格或单元格系列的属性:

cq55_rte_cellproperties_dialog

  • 宽度
  • 高度
  • 水平对齐 - 左对齐、居中对齐或右对齐
  • 垂直对齐 -顶部、中间、底部或基线
  • 单元格类型-数据或标题
  • 应用于: 单个单元格、整行、整列

添加或删除行

cq55_rte_rows

可以在当前行的上方或下方添加行。

还可删除当前行。

添加或删除列

cq55_rte_columns

可以在当前列的左侧或右侧添加列。

还可删除当前列。

选择整行或整列

chlimage_1-105

选择整个当前行或列。随后可进行特定操作(例如合并)。

合并单元格

cq55_rte_ cellmergeq55_rte_cellmerge-1

  • 如果您选择了一组单元格,可以将这些单元格合并为一个。
  • 如果您只选择了一个单元格,可以将其与右侧或下方的单元格合并。

拆分单元格

cq55_rte_cellsplit

选择单一单元格以将其拆分:

  • 水平拆分单元格将在当前单元格的右侧、当前列中生成新单元格。
  • 垂直拆分单元格将在当前单元格的下方、但在当前行中生成新单元格。

创建嵌套表

chlimage_1-107

创建嵌套表将在当前单元格中创建一个新的独立表。

注意

某些附加行为取决于浏览器:

  • Windows IE:使用 Ctrl 并单击主鼠标按钮(通常是左键)可选择多个单元格。
  • Firefox:拖动指针以选择单元格范围。

删除表

cq55_rte_removetable

使用该选项从​Text​组件中删除表。

特殊字符

富文本编辑器能够使用某些特殊字符;这些字符可能根据您的安装而有所不同。

cq55_rte_specialchars_use

使用鼠标悬停可查看字符的放大版本,然后单击以便将其包含在您的文本中的当前位置。

源编辑模式

源编辑模式允许您查看和编辑组件的基础 HTML。

因此文本:

cq55_rte_sourcemode_1

在源模式下将如下所示(通常源比较长,因此您将必须滚动鼠标):

cq55_rte_sourcemode_2

注意

离开源模式时,AEM 将进行某些验证检查(例如,确保文本正确包含/嵌套在块中)。这会导致更改您的编辑。

On this page

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