编辑页面内容

创建页面(新页面或者作为启动项或 Live Copy 的一部分)后,您可以编辑内容,以进行所需的更新。

内容使用可拖动到页面上的组件(适用于内容类型)进行添加。然后,可以就地编辑、移动或删除这些内容。

注意

您的帐户需要拥有适当的访问权以及相应的权限才能进行编辑。

如果您遇到任何问题,我们建议您与系统管理员联系。

注意

如果您的页面和/或模板进行了适当设置,那么您可以在编辑时使用响应式布局

注意

在​编辑​模式下,内容中的链接是可见的,但是​不可访问。如果您要使用内容中的链接进行导航,请使用预览模式

页面工具栏

根据页面配置,用户可以通过页面工具栏访问相应的功能。

screen_shot_2018-03-22at11338

工具栏允许访问许多选项。根据您当前的上下文和配置,某些选项可能不可用。

  • 切换侧面板

    打开/关闭侧面板,其中包含资产浏览器组件浏览器内容树

  • 页面信息

    允许访问页面信息菜单,其中包括页面详细信息以及可对页面执行的操作,例如查看和编辑页面信息、查看页面属性以及发布/取消发布页面。

  • 模拟器

    切换模拟器工具栏,它用于在其他设备上模拟页面的外观。它在布局模式下会自动切换。

  • ContextHub

    打开 Context Hub。仅在预览模式下可用。

    screen_shot_2018-03-22at11543

  • 页面标题

    它是纯信息性的。

    screen_shot_2018-03-22at11554

  • 模式选择器

    显示当前的模式并允许您选择其他模式,例如编辑、布局、时间扭曲或定位。

    chlimage_1-120

  • 预览

    启用预览模式。这会显示页面在发布后将呈现的样子。

    chlimage_1-121

  • 注释

    允许您在审核页面时向页面中添加注释。添加第一个注释后,该图标将切换为数字,以指示页面上的注释数量。

状态通知

如果页面是一个工作流或多个工作流的一部分,则在编辑该页面时,将在屏幕顶部的通知栏中显示此信息。

screen_shot_2018-03-22at11739

注意

状态栏仅对具有相应权限的用户帐户可见。

通知会列出正在针对页面运行的工作流。如果用户参与了当前工作流步骤,还可以使用影响工作流状态和获取更多工作流相关信息的选项,例如:

  • 完成 -打开完成工 作项 对话框

  • 委派 -打开“完成工 作项” 对话框

  • 查看详细信息 - 打开工作流的​详细信息​窗口

通过通知栏完成和委派工作流步骤,与从“通知”收件箱中参与工作流的操作方式相同。

如果页面从属于多个工作流,则在通知的右侧端将显示工作流的数量,并且还提供有箭头按钮以允许您滚动浏览工作流。

chlimage_1-122

组件占位符

组件占位符是一个指示器,用于显示组件在放置时将占据的位置 - 在您当前悬停鼠标的组件上方显示。

  • 在将新组件添加到页面时(从组件浏览器拖动):

    screen_shot_2018-03-22at111928

  • 移动现有组件时:

    screen_shot_2018-03-22at112445

插入组件

使用组件浏览器插入组件

您可以使用组件浏览器添加新组件。组件占位符显示组件在放置时将占据的位置:

  1. 确保页面处于​编辑​模式

  2. 打开组件浏览器

  3. 将所需的组件拖动到所需位置

  4. 编辑组件。

注意

在移动设备上,组件浏览器将填满整个屏幕。在开始拖动组件后,浏览器将关闭以再次显示页面,以便您能够放置组件。

使用段落系统插入组件

您可以使用段落系统的​将组件拖动到此处​框添加新组件:

  1. 确保页面处于​编辑​模式

  2. 可通过以下两种方式在段落系统中选择和添加新组件:

    • 从现有组件的工具栏或​将组件拖动到此处​框中选择​插入组件​选项 (+)。

    screen_shot_2018-03-22at112536

    • 如果您使用的是桌面设备,则可以双击​将组件拖动到此处​框。

    插入新组件​对话框将打开以允许您选择需要的组件:

    screen_shot_2018-03-22at112650

  3. 选定的组件将添加到页面底部。根据需要编辑组件。

使用资产浏览器插入组件

您还可以通过从资产浏览器拖动资产来向页面添加新组件。这将自动创建相应类型的新组件(并且包含资产)。

此操作适用于以下资产类型(其中一些类型取决于页面/段落系统):

资产类型 生成的组件类型
图像 图像
文档 下载
产品 产品
视频 Flash
内容片段 内容片段
注意

可针对您的安装配置此行为。有关更多详细信息,请参阅配置段落系统以便可通过拖动资产创建组件实例

要通过拖动以上某一资产类型创建组件,请执行以下操作:

  1. 确保页面处于​编辑​模式

  2. 打开资产浏览器

  3. 将所需的资产拖动到所需位置。组件占位符显示组件在放置时将占据的位置。

    此时将在所需位置创建与该资产类型对应的组件 - 组件将包含选定的资产。

  4. 根据需要编辑组件。

注意

在移动设备上,资产浏览器将填满整个屏幕。在开始拖动资产后,浏览器将关闭以再次显示页面,以便您能够放置资产。

如果您在浏览资产时发现需要对某个资产进行快速更改,则可以直接从浏览器中单击该资产名称旁边的编辑图标,以启动资产编辑器

screen_shot_2018-03-22at112735

编辑/配置/复制/剪切/删除/粘贴

选择组件后将打开工具栏。通过工具栏可访问能够对组件执行的各种不同操作。

用户实际可用的操作将会根据相应的情况来显示,此处并未介绍所有这些操作。

screen_shot_2018-03-22at112909

  • 编辑

    根据组件类型,此操作将允许您编辑组件的内容。通常会提供一个工具栏。

  • 配置

    根据组件类型,此操作将允许您编辑和配置组件的属性。通常会打开一个对话框。

  • 复制

    此操作会将组件复制到剪贴板。粘贴操作完成后,原始组件将保留在原位置。

  • 剪切

    此操作会将组件复制到剪贴板。粘贴操作完成后,原始组件将会被删除。

    screen_shot_2018-03-22at113007

  • 删除

    此操作将在获得您的确认后从页面中删除组件。

  • 插入组件

    此操作将打开用于添加新组件的对话框。

  • 粘贴

    此操作会将组件从剪贴板粘贴至页面。原始组件是否保留取决于您使用的是复制还是剪切。

    • 您可以粘贴到同一页面或其他页面。
    • 粘贴的项目将被粘贴到选择粘贴操作时所在的项目上方。
    • 仅当剪贴板中含有内容时,才会显示“粘贴”操作。

    screen_shot_2018-03-22at113553

    注意

    如果粘贴到剪切/复制操作之前已打开的其他页面,则必须刷新该页面才能看到粘贴的内容。

  • 此操作允许您一次选择多个组件。在桌面设备上​按住 Ctrl 并单击​或​按住 Command 并单击​可实现同样的操作。

  • 父项

    允许您选择选定组件的父组件。

    screen_shot_2018-03-22at113028

  • 布局

    允许您修改选定组件的布局。此操作仅适用于选定组件,而不会激活整个页面的布局模式

  • 转换为体验片段变量

    允许您从选定的组件创建一个新的体验片段,或将其添加到现有的体验片段中。

编辑(内容)

有两种方法可以在组件中添加和/或编辑内容:

组件编辑对话框

您可以打开一个组件以使用组件工具栏的编辑(铅笔)图标来编辑内容。

具体的编辑选项取决于组件。对于某些组件,所有操作仅在全屏模式下才可用。例如:

将资产拖放到组件中

对于特定的组件类型,您可以直接从资产浏览器中将资产拖放到组件中,从而更新内容:

资产类型 组件类型
图像 图像
文档 下载
产品 产品
视频 Flash
内容片段 内容片段

编辑(内容)全屏模式

对于所有组件,都可以通过以下图标进入(和退出)全屏模式:

例如,文本​组件:

screen_shot_2018-03-22at121616

注意

对于某些组件,全屏模式比基本的就地编辑器具有更多的可用选项。

移动组件

要移动段落组件,请执行以下操作:

  1. 通过点按住或单击并按住来选择要移动的段落。

  2. 将该段落移到新位置。AEM 会指示该段落可存放的位置。将其拖动到所需位置。

    screen_shot_2018-03-22at121821

  3. 此时会移动您的段落。

注意

您也可以使用剪切并粘贴来移动组件。

编辑组件布局

您无需为了调整组件而反复不停地从编辑模式切换到布局模式,而是可以为组件选择​布局​操作来更改该组件的布局,在此过程中,由于不必离开编辑模式,从而节省了大量时间。

  1. 在站点控制台的​编辑​模式下,选择某个组件会显示该组件的工具栏。

    screen_shot_2018-03-22at133756

    单击或点按​布局​操作可调整组件的布局。

  2. 在选择“布局”操作后:

    • 将显示用于调整组件大小的手柄。
    • 在屏幕的顶部将显示模拟器工具栏。
    • 在组件工具栏中将显示布局操作而不是标准编辑操作。

    screen_shot_2018-03-22at133843

    此时,您便可以像在布局模式中一样修改组件布局。

  3. 在进行必要的布局更改后,单击组件操作菜单中的​关闭​按钮以停止修改组件的布局。组件的工具栏会返回到其正常的编辑状态。

注意

“布局”操作仅限用于选定的组件。例如,如果您正在编辑一个组件的布局,然后单击另一个组件,则新选择的组件将显示标准编辑工具栏(而非布局工具栏),大小调整手柄以及模拟器工具栏将消失。

如果您需要编辑影响到多个组件的总体页面布局,请切换到布局模式

继承组件

继承组件可能是多种情况的产物,包括:

  • 多站点管理
  • 启动项(当基于 Live Copy 时)。
  • 特定组件,例如 Geometrixx 中的“继承的段落系统”。

您可以取消(随后也可以重新启用)继承。根据具体的组件,可从以下位置执行此操作:

  • Live Copy

    组件工具栏(如果组件所在的页面是 Live Copy 或启动项的一部分,即基于 Live Copy)。例如:

    screen_shot_2018-03-22at134339

    有“取消继承”选项可用:

    或者重新启用已取消的继承:

    “转出”操作也在 Blueprint 或 Live Copy 源中可用:

  • 继承的段落系统

    配置对话框。例如,“继承的段落系统”:

    chlimage_1-124

编辑页面模板

如果页面基于可编辑的模板,则可以通过选择“页面信息”菜单中的​编辑模板,轻松地切换到模板编辑器

如果页面基于静态模板,则可以使用工具栏上的页面模式选择器切换至设计模式,以启用/禁用要在页面上使用的组件。

您在列视图列表视图中选择页面时,可以轻松地查看该页面所基于的模板。

Live Copy 状态

“Live Copy 状态”页面模式允许快速查看 Live Copy 状态以及继承/未继承的组件。

  • 绿色边框:已继承
  • 粉色边框:继承已被取消

例如:

screen_shot_2018-03-22at134820

添加注释

注释允许审核者和其他作者对内容提出反馈。该功能通常作审核和验证之用。

预览页面

可通过以下两个选项预览页面:

注意
  • 链接会在内容中显示,但在“编辑”模式下无法访问。
  • 如果您希望使用链接进行导航,请使用任一预览选项。
  • 使用键盘快捷键 Ctrl-Shift-M 可在预览和最后选择的模式之间切换。
注意

这两个选项均可设置 WCM 模式 Cookie。

预览模式

在编辑内容时,您可以使用预览模式预览页面。此模式:

  • 会隐藏各种编辑机制,以便让您快速查看页面在发布时是什么样子。
  • 允许您使用链接进行导航。
  • 不会​刷新页面内容。

进行创作时,可以使用页面编辑器右上角的图标进入预览模式:

chlimage_1-125

查看已发布的项目

查看已发布的项目​选项可从页面信息菜单中获取。这会在新选项卡中打开页面,刷新内容并准确显示页面在发布环境中呈现的原貌。

锁定页面

AEM 允许您锁定页面,这样其他人就无法修改页面内容。当您要对某个特定页面做出大量编辑,或者需要冻结页面一段时间时,此功能非常有用。

可以通过以下任一方式锁定页面:

  • 站点​控制台

    1. 选择模式中选择页面。
    2. 选择锁定图标。

    screen_shot_2018-03-22at134928

  • 页面编辑器

    1. 选择​页面信息​图标来打开菜单。
    2. 选择​锁定页面​选项。

锁定后,控制台视图信息便会更新;编辑时,工具栏中会出现锁定符号。

screen_shot_2018-03-22at135010

注意

模拟用户身份时可以执行页面锁定。但是,以这种方式锁定的页面随后只能由被模拟的用户或管理员用户解锁。

不能通过模拟锁定页面的用户的身份来解锁页面。

解锁页面

解锁页面的方法与锁定页面非常相似。在锁定页面后,锁定选项就会被替换为解锁操作选项。

“页面信息”菜单会将​解锁​列为一个选项,并且站点控制台中的“锁定”图标会被替换为​解锁​图标。

screen_shot_2018-03-22at134942

注意

模拟用户身份时可以执行页面锁定。但是,以这种方式锁定的页面随后只能由被模拟的用户或管理员用户解锁。

不能通过模拟锁定页面的用户的身份来解锁页面。

撤消和重做页面编辑

通过以下图标可撤消或重做某项操作。这些图标会适时地出现在工具栏中:

注意

也可使用键盘快捷键 Ctrl-Z 撤消页面编辑操作。

键盘快捷键Ctrl-Y也可用于重做页面编辑操作。

注意

有关撤消和重做页面编辑时可执行操作的完整详细信息,请参阅撤消和重做页面编辑 - 理论

撤消和重做页面编辑 - 理论

注意

系统管理员可以根据您实例的要求,配置撤消/重做功能的各个方面

AEM 会按照您执行操作的顺序来存储这些操作的历史记录,这样,您便可以按照执行顺序撤消多个操作,然后在必要时重做它们,以重新应用一个或多个操作。

如果选择了内容页面上的某个元素(例如文本组件),则撤消和重做命令将适用于选定的项目。

撤消和重做命令的行为与其他软件程序中的类似。使用这些命令可在您做出内容决策时恢复网页的近期状态。例如,如果您将文本段落移至页面上的其他位置,可以使用撤消命令移回该段落。如果您稍后又认定之前的位置更好,可使用重做命令“撤消之前的撤消操作”。

注意

您可以:

  • 只要您在执行撤消操作之后没有进行任何页面编辑,就可以执行重做操作。
  • 最多可撤消 20 次编辑操作(默认设置)。
  • 也可以使用键盘快捷键执行撤消和重做操作。

您可以对以下类型的页面更改使用撤消和重做:

  • 添加、编辑、删除和移动段落
  • 段落内容的就地编辑
  • 在页面内复制、剪切和粘贴项目

呈现表单组件的表单字段不表示在创作页面时指定了值。因此,撤消和重做命令不会影响您对这些类型的组件值所进行的更改。例如,您不能撤消选中下拉列表中的某个值。

注意

对文件和图像的更改执行撤消和重做操作需要特殊的权限。

注意

对文件和图像进行更改的历史记录将保留至少 10 个小时。但在超过此时间后,将无法保证可以撤消这些更改。您的管理员可以更改 10 个小时的默认保留时间。

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
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