富文本框让最大四百像素_富文本编辑器

富文本编辑器是将文本内容输入到 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 将进行某些验证检查(例如,确保文本正确包含/嵌套在块中)。这会导致更改您的编辑。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值