富文本编辑器是将文本内容输入到 AEM 中的基本构建块。它构成各种组件的基础,包括:
文本
文本图像
表
从两种 UI 都可以访问富文本编辑器,但具体外观取决于您所使用的 UI:
注意:
两种 UI 提供了一系列相同的基本功能,但触屏优化 UI 并不完全支持以下按钮/功能组合:
图像
表;应当使用“表”组件
富文本编辑器 - 触屏优化 UI
就地编辑 - 触屏优化 UI
通过慢速连按/双击选择基于文本的组件后,将打开就地编辑功能,该功能有其自身的工具栏。在此处,您可以编辑内容并进行基本的格式更改:
注意:
首次点按/单击将打开组件工具栏。
此工具栏提供以下功能:
文本
设置粗体、斜体和下划线。
对齐
将文本设置为左对齐、居中对齐或右对齐。
列表
创建项目符号或编号列表,或者设置缩进。
创建链接
删除链接
全屏模式
关闭工具栏
富文本编辑器 - 触屏优化 UI
对于基于文本的组件,从工具栏中选择全屏模式:
此时将打开富文本编辑器(并且隐藏其余的页面内容):
这允许您访问所有的富文本编辑器选项(具体视配置而异)。
富文本编辑器 - 经典 UI
富文本编辑器 - 经典 UI
所见即所得 (WYSIWYG) 编辑对话框提供各类功能:
注意:
可以为单个项目配置可用功能,因此,可用功能可能会因安装而异。
就地编辑 - 经典 UI
除了基于对话框的富文本编辑模式外,AEM 还提供就地编辑模式,当文本在页面布局中显示时,该模式允许直接编辑文本。
单击段落两次(慢速双击)可进入就地编辑模式(组件边框随即变为橙色)。
您将能够直接在页面上编辑文本,而不是在对话框窗口中编辑。只需进行更改即可,系统将自动保存这些更改。
注意:
如果内容查找器处于打开状态,则带有 RTE(富文本编辑器)格式设置选项的工具栏将显示在选项卡顶部(如上图所示)。
如果没有打开内容查找器,则不会显示该工具栏。
现在,为通过文本和标题组件生成的页面元素启用了就地编辑模式。
注意:
标题组件设计用于包含短文本(没有换行符)。在就地编辑模式中编辑标题时,输入换行符将在标题下方打开一个新文本组件。
富文本编辑器的功能
富文本编辑器提供了一系列功能,这些功能依单个组件的配置情况而定。这些功能在触屏优化 UI 和经典 UI 中均可使用。
基本字符格式
您可在此对您已选的(突出显示的)字符应用格式;一些选项还具有快捷键:
粗体 (Ctrl-B)
斜体 (Ctrl-I)
下划线 (Ctrl-U)
下标
上标
所有都以切换方式运行,因此重新选择将删除格式。
预定义样式和格式
您的安装可以包括预定义的样式和格式。这些随“样式”和“格式”下拉列表提供且可应用于您已选的文本。
注意:
样式格式设置在触屏优化 UI 中不可用。
样式可应用于特定字符串(样式与 CSS 关联):
而格式应用于整个文本段落(格式是基于 HTML 的):
特定格式只能进行更改(默认为“段落”)。
可以删除样式;将光标放置在已应用样式的文本中并单击删除图标:
注意:
不要实际重新选择任何已应用样式的文本,否则将停用图标。
剪切、复制、粘贴
“剪切”和“复制”的标准功能可以使用。提供了多种版本的“粘贴”以满足不同格式的需要。
剪切 (Ctrl-X)
复制 (Ctrl-C)
粘贴
这是组件的默认粘贴机制 (Ctrl-V);安装现成功能后,会将其配置为“从 Word 粘贴”。
粘贴为文本
去除所有的样式和格式,仅粘贴纯文本。
从 Word 中粘贴
这会将内容粘贴为 HTML(需要重新设置某些格式)。
注意:
RTE(富文本编辑器)特定的“剪切”/“复制”/“粘贴”按钮在触屏优化 UI 下不可用。
但是,可以使用浏览器的剪切/复制/粘贴功能。
撤消、重做
CQ 会在当前组件中保留您过去 50 次操作的记录,按时间顺序排列。如有必要,可以按严格顺序撤消(然后恢复)这些操作。
注意:
仅为当前编辑会话保留历史记录;每次打开组件进行编辑时会重新开始记录。
注意:
50 是默认的任务数;可以为您的安装更改这一数值。
对齐方式
您的文本可以左对齐、居中对齐或右对齐。
缩进
段落缩进可以增大或减小。将缩进所选段落,输入的任何新文本将保留当前的缩进级别。
列表
项目符号列表和编号列表均可在您的文本中进行创建。选择列表类型并开始键入或突出显示要转换的文本;两种情况下,换行均将开始新的列表项。
嵌套列表可通过缩进一个或多个列表项实现。
只需将光标置于列表中,然后选择其他样式即可更改列表样式。子列表同样可以具有不同于包含列表的样式;在创建子列表(通过缩进)之后即可应用它。
链接
通过突出显示所需文本然后单击“超链接”图标,可生成指向 URL(在您的网站中或外部位置)的链接:
对话框将允许您指定目标 URL;同样允许指定是否应在新窗口中打开它。
您可以:
直接键入 URI
使用站点地图选择您网站中的页面
输入 URI,然后附加目标锚点;例如 www.TargetUri.org#AnchorName
仅输入锚点(用于引用“当前页面”);例如 #anchor
在内容查找器中搜索页面,然后将页面图标拖放到“超链接”对话框中
注意:
URI 可以使用为您的安装配置的任何协议作为前缀。在标准安装中,它们是 http://、ftp:// 和 mailto:。将拒绝并非为您的安装配置的协议,并将其标记为无效。
要中断链接,请将光标置于链接文本中的任意位置并单击“取消链接”图标:
锚点
通过放置光标或选择某些文本可以在文本中的任意位置创建锚点。然后单击“锚点”图标以打开对话框。
输入锚点的名称,然后单击“确定”进行保存。
当编辑组件时会显示锚点,现在可在链接的目标中使用锚点。
查找和替换
CQ 提供了“查找”和“替换”(查找和替换)功能。
两者均有一个查找下一个按钮以在打开的组件中搜索指定的文本。您还可以指定是否需要匹配大小写。
搜索将始终从文本中的当前光标位置开始。当到达组件末尾时,将有消息告知您下个搜索操作将从头开始。
通过“替换”选项,您可以“查找”,然后用指定文本“替换”当前组件中的单个实例,或者“全部替换”这些实例。
图像
可从内容查找中拖动图像以将其添加到文本。
注意:
RTE(富文本编辑器)在触屏优化 UI 下不支持图像。
注意:
CQ 还提供了专用组件以进行更详细的图像配置;例如图像和文本图像组件。
拼写检查
拼写检查将检查当前组件中的所有文本。
注意:
RTE(富文本编辑器)在触屏优化 UI 下不可使用拼写检查器。
所有不正确的拼写将突出显示:
注意:
拼写检查器将通过采用子树的语言属性或从 URI 中提取语言来以网站的语言运行;例如,en 分支将检查英语,de 分支将检查德语。
表
可通过以下两种方式使用表:
作为表组件
注意:
在触屏优化 UI 和经典 UI 中创建表时,建议使用表组件。
从文本组件中
注意:
RTE(富文本编辑器)在触屏优化 UI 下的文本组件中不可使用表。
在文本和表组件中,可通过单击表中的上下文菜单(通常是鼠标右键按钮)使用表功能;例如:
注意:
在“表”组件中,专用工具栏同样可用,包括各种标准富文本编辑器功能,以及一部分特定于表的功能。
特定于表的功能包括:
表属性
单击“确定”保存之前,可配置表的基本属性:
宽度表的总宽度。
高度表的总高度。
边框表边框的大小。
单元格边距定义单元格内容与其边框之间的空白。
单元格间距
定义单元格之间的距离。
注意:
宽度、高度等某些单元格属性可以通过以下任一方式进行定义:
- 像素,如 400
- 百分比,如 100%
注意:
强烈建议您为您的表定义宽度。
单元格属性
可以配置特定单元格或单元格系列的属性:
宽度
高度
水平对齐左对齐、居中对齐或右对齐
垂直对齐顶部对齐、中间对齐、底部对齐或基准对齐
单元格类型数据或标题
应用到:
单一单元格
整行
整列
添加或删除行
可以在当前行的上方或下方添加行。
还可删除当前行。
添加或删除列
可以在当前列的左侧或右侧添加列。
还可删除当前列。
选择整行或整列
选择整个当前行或列。随后可进行特定操作(例如合并)。
合并单元格
如果您选择了一组单元格,可以将这些单元格合并为一个。
如果您只选择了一个单元格,可以将其与右侧或下方的单元格合并。
拆分单元格
选择单一单元格以将其拆分:
水平拆分单元格将在当前单元格的右侧、当前列中生成新单元格。
垂直拆分单元格将在当前单元格的下方、但在当前行中生成新单元格。
创建嵌套表
创建嵌套表将在当前单元格内创建一个新的独立表。
注意:
某些其他行为视浏览器而异:
Windows IE:使用 Ctrl 并单击主鼠标按钮(通常是左键)可选择多个单元格。
Firefox:拖动鼠标可选择单元格范围。
删除表
此操作将从文本组件中删除表。
特殊字符
富文本编辑器能够使用某些特殊字符;这些字符可能根据您的安装而有所不同。
使用鼠标悬停可查看字符的放大版本,然后单击以便将其包含在您的文本中的当前位置。
源编辑模式
源编辑模式允许您查看和编辑组件的基础 HTML。
注意:
RTE(富文本编辑器)在触屏优化 UI 下不可使用源编辑模式。
因此下例的文本:
在源模式下将如下所示(通常源更长一些,因此您将必须滚动鼠标):
注意:
离开源模式时,CQ 将进行某些验证检查(例如,确保文本正确包含/嵌套在块中)。这会导致更改您的编辑。