Show Menu
主题×

富文本编辑器

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

富文本编辑器

所见即所得 (WYSIWYG) 编辑对话框提供各类功能:
可为各个项目配置可用功能,因此根据您的安装,这些功能可能有所不同。

就地编辑

除了基于对话框的富文本编辑模式外,AEM 还提供就地编辑模式,当文本在页面布局中显示时,该模式允许直接编辑文本。
单击段落两次(慢速双击)可进入就地编辑模式(组件边框随即变为橙色)。
您将能够直接在页面上编辑文本,而不是在对话框窗口中编辑。只需进行更改即可,系统将自动保存这些更改。
如果内容查找器处于打开状态,则带有 RTE(富文本编辑器)格式设置选项的工具栏将显示在选项卡顶部(如上图所示)。
如果没有打开内容查找器,则不会显示该工具栏。
现在,为通过​ 文本 ​和​ 标题 ​组件生成的页面元素启用了就地编辑模式。
标题组件设计用于包含短文本(没有换行符)。在就地编辑模式中编辑标题时,输入换行符将在标题下方打开一个新​ 文本 ​组件。

富文本编辑器的功能

The Rich Text Editor provides a range of featues, these depend on the configuration of the individual component. The features are available for both the touch-optimized and classic UI.

基本字符格式

您可在此对您已选的(突出显示的)字符应用格式;一些选项还具有快捷键:
  • 粗体 (Ctrl-B)
  • 斜体 (Ctrl-I)
  • 下划线 (Ctrl-U)
  • 下标
  • 上标
所有都以切换方式运行,因此重新选择将删除格式。

预定义样式和格式

您的安装可以包括预定义的样式和格式。它们随​ 样式 ​和​ 格式 ​下拉列表提供且可应用于您选定的文本。
样式可应用于特定字符串(样式与 CSS 关联):
而格式应用于整个文本段落(格式是基于 HTML 的):
特定格式只能进行更改(默认为​ 段落 )。
可以删除样式;将光标放置在已应用样式的文本中并单击删除图标:
不要实际重新选择任何已应用样式的文本,否则将停用图标。

剪切、复制、粘贴

剪切 ​和​ 复制 ​的标准功能可以使用。提供了多种版本的​ 粘贴 ​以满足不同格式的需要。
  • 剪切 (Ctrl-X)
  • 复制 (Ctrl-C)
  • Paste This is the default paste mechanism (Ctrl-V) for the component; when installed out-of-the-box this is configured to be Paste from Word.
  • 粘贴为文本:去除所有样式和格式,仅粘贴纯文本。
  • 从Word粘贴:这会将内容粘贴为HTML(需要重新设置一些格式)。

撤消、重做

AEM 会按时间顺序保留您在当前组件中过去 50 次操作的记录。如有必要,可以按严格顺序撤消(然后恢复)这些操作。
历史记录仅针对当前编辑会话保留。每次您打开组件进行编辑时,都会重新开始历史记录。
50 次是默认的任务数量。您的安装可以使用不同的值。

对齐

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

缩进

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

列表

项目符号列表和编号列表均可在您的文本中进行创建。可选择列表类型并开始键入内容或突出显示要转换的文本。在这两种情况下,换行均将开始新的列表项。
嵌套列表可通过缩进一个或多个列表项实现。
只需将光标置于列表中,然后选择其他样式即可更改列表样式。子列表也可以具有不同于包含列表的样式。在创建子列表(通过缩进)后,即可应用样式。

锚点

通过放置光标或选择某些文本可以在文本中的任意位置创建锚点。然后单击​ 锚点 ​图标以打开对话框。
输入锚点的名称,然后单击​ 确定 ​进行保存。
当编辑组件时会显示锚点,现在可在链接的目标中使用锚点。

查找并替换

AEM 提供了​ 查找 ​和​ 替换 (查找并替换)功能。
两者均有一个​ 查找下一个 ​按钮以在打开的组件中搜索指定的文本。您还可以指定是否需要匹配大小写。
搜索将始终从文本中的当前光标位置开始。当到达组件末尾时,将有消息告知您下个搜索操作将从头开始。
通过​ 替换 ​选项,您可以​ 查找 ,然后用指定文本​ 替换 ​当前组件中的单个实例,或者​ 全部替换 ​这些实例。

图像

可从内容查找中拖动图像以将其添加到文本。
AEM 还提供了用于进行更详细图像配置的专用组件。For example the Image and Text Image components are available.

拼写检查

拼写检查将检查当前组件中的所有文本。
所有不正确的拼写将突出显示:
拼写检查将通过采用子树的语言属性或从 URL 中提取语言,来以网站的语言运行。例如,对于 en 分支,将检查英语;对于 de 分支,将检查德语。

可通过以下两种方式使用表:
  • 作为​ ​组件
  • 从​ 文本 ​组件中
    Although tables are available in the RTE, it is recommended to use the Table component when creating tables.
在​ 文本 ​和​ ​组件中,可通过单击表中的上下文菜单(通常是鼠标右键按钮)使用表功能;例如:
在​ ​组件中,专用工具栏同样可用,包括各种标准富文本编辑器功能,以及一部分特定于表的功能。
特定于表的功能包括:

表属性

单击​ 确定 ​保存之前,可配置表的基本属性:
  • 宽度 :表的总宽度。
  • 高度 :表的总高度。
  • 边框 :表边框的大小。
  • 单元格边距 :这定义单元格内容与其边框之间的空白。
  • 单元格间距 :这定义单元格之间的距离。
“宽度”和“高度”等一些单元格属性可以定义为像素或百分比。
Adobe建议您为表定义宽度。

单元格属性

可以配置特定单元格或单元格系列的属性:
  • 宽度
  • 高度
  • 水平对齐 - 左对齐、居中对齐或右对齐
  • 垂直对齐 -顶部、中间、底部或基线
  • 单元格类型 -数据或标题
  • ​应用于:单个单元格,整行,整列

添加或删除行

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

添加或删除列

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

选择整行或整列

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

合并单元格

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

拆分单元格

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

创建嵌套表

创建嵌套表将在当前单元格中创建一个新的独立表。
某些附加行为取决于浏览器:
  • Windows IE:使用 Ctrl 并单击主鼠标按钮(通常是左键)可选择多个单元格。
  • Firefox:拖动指针以选择单元格范围。

删除表

使用此选项可从文本组件中删除

特殊字符

富文本编辑器能够使用某些特殊字符;这些字符可能根据您的安装而有所不同。
使用鼠标悬停可查看字符的放大版本,然后单击以便将其包含在您的文本中的当前位置。

源编辑模式

源编辑模式允许您查看和编辑组件的基础 HTML。
因此文本:
在源模式下将如下所示(通常源比较长,因此您将必须滚动鼠标):
离开源模式时,AEM 将进行某些验证检查(例如,确保文本正确包含/嵌套在块中)。这会导致更改您的编辑。