富文本编辑器

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

  • 文本
  • 文本图像

富文本编辑器

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

cq55_rte_basicchars

NOTE

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

就地编辑

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

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

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

cq55_rte_inlineediting

NOTE

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

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

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

NOTE

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

富文本编辑器的功能

富文本编辑器提供了一系列功能,这些取决于单个组件的配置。这些功能可用于触屏优化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

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

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

CAUTION

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

剪切、复制、粘贴

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

  • 剪切 (Ctrl-X)

  • 复制 (Ctrl-C)

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

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

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

撤消、重做

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

CAUTION

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

NOTE

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
  • 在内容查找器中搜索页面,然后将页面图标拖放到“超链接”对话框中
NOTE

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

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

锚点

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

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

cq55_rte_anchor_use

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

chlimage_1-104

查找并替换

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

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

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

cq55_rte_find_use

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

cq55_rte_findreplace_use

图像

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

cq55_rte_image_use

NOTE

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

拼写检查

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

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

cq55_rte_spellchecker_use

NOTE

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

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

  • 作为​​组件

    chlimage_1-106

  • 从​文本​组件中

    NOTE

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

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

cq55_rte_tablemenu

NOTE

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

特定于表的功能包括:

表属性

cq55_rte_tableproperties_icon

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

cq55_rte_tableproperties_dialog

  • 宽度:表的总宽度。

  • 高度:表的总高度。

  • 边框:表边框的大小。

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

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

NOTE

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

CAUTION

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

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

NOTE

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

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

删除表

cq55_rte_removetable

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

特殊字符

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

cq55_rte_specialchars_use

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

源编辑模式

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

因此文本:

cq55_rte_sourcemode_1

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

cq55_rte_sourcemode_2

CAUTION

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

在此页面上