创建和配置资产编辑器页面

本文档将介绍以下内容:

  • 创建自定义资产编辑器页面的原因。
  • 如何创建和自定义资产编辑器页面,这些页面是WCM页面,您可以通过它视图和编辑元数据以及对资产执行操作。
  • 如何同时编辑多个资产。
注意

资产共享可用作开放源引用实施。 请参阅资产共享共享资源。 不正式支持。

为何创建和配置资产编辑器页面?

数字资产管理正在越来越多的场景中使用。 当专业用户从面向受过专业培训的小用户群(例如摄影师或分类学家)的小规模解决方案转向更大、更多样化的用户群(例如企业用户、WCM作者、记者等)时,面向专业用户的Adobe Experience Manager(AEM)资产的强大用户界面可以提供太多信息和利益相关方开始,要求特定用户界面或应用程序访问与其相关的数字资产。

这些以资产为中心的应用程序可以是内部网中的简单照片库,员工可以从贸易展访问上传照片或在面向公众的网站(如随Geometrixx提供的示例)上传照片。 以资产为中心的应用程序还可以扩展到包括购物车、结帐和验证过程在内的完整解决方案。

创建以资源为中心的应用程序在很大程度上成为一个配置过程,它不需要编码,只需要了解用户组及其需求以及所使用元数据的知识。 使用AEM Assets创建的以资源为中心的应用程序具有可扩展性:可以创建适中的编码工作、可重用的组件,用于搜索、查看和修改资产。

AEM中以资源为中心的应用程序包含资产编辑器页面,该页面可用于获取特定资产的详细视图。 资产编辑器页面还允许编辑元数据,前提是访问资产的用户具有必要的权限。

创建并配置资产共享页面

您可以自定义DAM查找器功能,并创建具有所需全部功能(称为资产共享页面)的页面。 要创建新的资产共享页面,您可以使用Geometrixx资产共享模板添加该页面,然后自定义用户可以对该页面执行的操作,确定查看者查看资产的方式,并决定用户如何构建查询。

以下是创建自定义资产共享页面的一些用例:

  • 新闻中心
  • 适用于内部业务用户的图像搜索引擎
  • 适用于网站用户的图像数据库
  • 元数据编辑器的媒体标记界面

创建资产共享页面

要创建新的资产共享页面,您可以在处理网站时或通过数字资产管理器进行创建。

注意

默认情况下,当您从数字资产管理器中的​New​创建资产共享页面时,系统会自动为您创建资产查看器和资产编辑器。

要在​网站​控制台中创建新的“资产共享”页面,请执行以下操作:

  1. 在​网站​选项卡中,导航到要创建资产共享页面的位置,然后单击​新建

  2. 选择​资产共享​页面,然后单击​创建。 将创建新页面,资产共享页面将列在​网站​选项卡中。

dam8

使用GeometrixxDAM资产共享模板创建的基本页面如下所示:

screen_shot_2012-04-18at115456am

要自定义您的“资产共享”页面,您可以使用Sidekick中的元素,还可以编辑查询生成器属性。 页面​Geometrixx新闻中心​是基于此模板的页面的自定义版本:

screen_shot_2012-04-19at123048pm

要通过数字资产管理器创建新的资产共享页面,请执行以下操作:

  1. 在数字资产管理器的​New​中,选择​新建资产共享

  2. 在​标题​中,输入资产共享页面的名称。 如果需要,请输入URL的名称。

    screen_shot_2012-04-19at23626pm

  3. 多次 — 单击资产共享页面,以将其打开并配置页面。

    screen_shot_2012-04-19at24114pm

    默认情况下,当您从​New​创建资产共享页面时,系统会自动为您创建资产查看器和资产编辑器。

自定义操作

您可以通过一系列预定义操作来确定用户可以对选定数字资产执行的操作。

要向“资产共享”页面添加操作,请执行以下操作:

  1. 在要自定义的资产共享页面中,单击Sidekick中的​操作

    可执行以下操作:
    assetshare2

操作 描述
删除操作 用户可以删除选定的资产。
下载操作 允许用户将选定的资源下载到其计算机。
Lightbox 操作 将资源保存到“Lightbox” 您可以在其中对其执行其他操作。 这在工作时很方便 跨多个页面处理资产。 Lightbox还可用作 资产的购物车。
移动操作 用户可以将资产移到其他 位置
标记操作 允许用户向选定资产添加标记
查看资产操作 在“资产”编辑器中为 用户操作。
  1. 将相应的操作拖至页面上的​Actions​区域。 这样做会创建一个用于执行该操作的按钮。

    chlimage_1-387

确定如何显示搜索结果

通过预定义的镜头列表确定结果的显示方式。

要更改查看搜索结果的方式:

  1. 在要自定义的资产共享页面中,单击​搜索

    chlimage_1

  2. 将相应的镜头拖动到页面的顶部中心。 在“Press Center(新闻中心)”中,已有镜片可用。 用户按相应的镜头图标可根据需要显示搜索结果。

可以使用以下镜头:

镜头 描述
列出镜头 以列表方式显示资产的详细信息。
马赛克镜头 以马赛克风格展示资产。

马赛克镜头

chlimage_1-388

列出镜头

chlimage_1-389

自定义查询 Builder

查询生成器允许您输入搜索词并为“资产共享”页面创建内容。 在编辑查询生成器时,您还可以确定每页显示的搜索结果数量,在您按住多次单击资产时,将打开哪个资产编辑器,查询会搜索该路径并自定义节点类型。

要自定义查询生成器,请执行以下操作:

  1. 在要自定义的“资产共享”页面中,单击查询 Builder中的​编辑。 默认情况下,将打开​常规​选项卡。

  2. 选择每页的结果数、资产编辑器的路径(如果您有自定义的资产编辑器)和操作标题。

    screen_shot_2012-04-23at15055pm

  3. 单击​路径​选项卡。 输入要运行搜索的一个或多个路径。 如果用户使用“路径”谓词,则这些路径将被覆盖。

    screen_shot_2012-04-23at15150pm

  4. 如果需要,输入其他节点类型。

  5. 在​查询 Builder URL​字段中,您可以覆盖或绕排查询 builder,并使用现有的查询 builder组件输入新的servlet URL。 在​源URL​字段中,您也可以覆盖源URL。

    screen_shot_2012-04-23at15313pm

  6. 在​文本​字段中,输入要显示的结果文本和结果页码。 完成更改后,单击​确定

    screen_shot_2012-04-23at15300pm

添加谓词

AEM Assets包含许多可添加到“资产共享”页面的谓词。 这样,用户可以进一步缩小搜索范围。 在某些情况下,它们可能会覆盖查询生成器参数(例如,Path参数)。

要添加谓词,请执行以下操作:

  1. 在要自定义的资产共享页面中,单击​搜索

    assetshare3

  2. 将相应的谓词拖到查询 builder下方的“资产共享”页面。 这样做会创建相应的字段。

    assetshare4

    以下谓词可用:

谓词 描述
日期谓词 允许用户搜索在特定日期之前和之后修改的资产。
选项谓词 站点所有者可以指定要搜索的属性(如属性谓词中的cq:tags)和要从中填充选项的内容树(如标记树)。 这样做会生成一列表选项,用户可以在这些选项中选择所选属性(标记属性)应具有的值(标记)。 此谓词允许您构建列表控件,如标签的列表、文件类型、图像方向等。 它适用于一组固定的选项。
路径谓词 允许用户根据需要定义路径和子文件夹。
属性谓词 站点所有者指定要搜索的属性,例如tiff:ImageLength,然后用户可以输入一个值,如800。这会返回所有高800像素的图像。 此谓词对于您的属性可以具有任意值很有用。

有关详细信息,请参阅谓词javadocs

  1. 要进一步配置谓词,请多次单击它。 例如,打开“路径谓词”时,需要分配根路径。

    screen_shot_2012-04-23at15640pm

创建并配置资产编辑器页面

您可以自定义资产编辑器,以确定用户如何视图和编辑数字资产。 为此,您需要创建一个新的“资产编辑器”页面,然后自定义视图以及用户可以对该页面执行的操作。

注意

如果要向DAM资产编辑器添加自定义字段,请向/apps/dam/content/asseteditors.添加新cq:Widget节点

创建“资产编辑器”页面

创建“资产编辑器”页面时,最好在“资产共享”页面的正下方创建该页面。

要创建“资产编辑器”页面,请执行以下操作:

  1. 在​网站​选项卡中,导航到要创建资产编辑器页面的位置,然后单击​新建

  2. 选择​Geometrixx资产编辑器,然后单击​创建。 将创建新页面,该页面将列在​网站​选项卡中。

screen_shot_2012-04-23at15858pm

使用Geometrixx资产编辑器模板创建的基本页面如下所示:

assetshare5

要自定义您的“资产编辑器”页面,请使用Sidekick中的元素。 从​Geometrixx新闻中心​访问的资产编辑器页面是基于此模板的自定义页面版本:

assetshare6

设置从资产共享页面打开的资产编辑器

在创建自定义资产编辑器页面后,您需要确保在按住多次单击您创建的自定义资产共享的资产时,该共享会在自定义编辑器页面中打开资产。

要设置“资产编辑器”页面,请执行以下操作:

  1. 在“资产共享”页面中,单击查询 Builder旁边的​编辑

    screen_shot_2012-04-23at20123pm

  2. 如果尚未选择​常规​选项卡,请单击它。

  3. 在​资产编辑器的路径​字段中,输入您希望“资产共享”页面在中打开资产的资产编辑器的路径,然后单击​确定

    screen_shot_2012-04-23at21653pm

添加资产编辑器组件

您可以通过向页面添加组件来确定资产编辑器具有的功能。

要添加资产编辑器组件,请执行以下操作:

  1. 在要自定义的“资产编辑器”页面中,选择Sidekick中的​资产编辑器。 将显示所有可用的资产编辑器组件。

    注意

    您可以自定义哪些内容取决于可用的组件。 要启用组件,请转到设计模式并选择需要启用的组件。

  2. 将组件从Sidekick拖动到资产编辑器中,并在组件对话框中进行任何修改。 下表对这些组件进行了说明,并在随后的详细说明中进行了说明。

    注意

    在设计资产编辑器页面时,您可以创建只读或可编辑的组件。 用户知道,如果某个铅笔图像出现在该组件中,则可以编辑该字段。 默认情况下,大多数组件都设置为只读。

    组件 描述
    元数 据格式 和元数据文本字段 允许您向资产添加其他元数据,并对该资产执行操作(如提交)。
    子资产 允许您自定义子资产。
    标记 允许用户选择标记并将其添加到资产。
    缩略图 显示资产的缩略图及其文件名,并允许您添加替代文本。 您也可以在此处添加资产编辑器操作。
    标题 显示可自定义的资产标题。

    screen_shot_2012-04-23at22743pm

元数据表单和文本字段 — 配置视图元数据组件

元数据表单是包含开始和结束操作的表单。 在中间,输入​文本​字段。 有关使用表单的详细信息,请参阅Forms

  1. 通过单击表单的开始区域中的​编辑​创建开始操作。 如果需要,您可以输入框标题。 默认情况下,Box标题为​Metadata。 如果希望生成用于验证的java-script客户端代码,请选中“客户端验证”复选框。

    screen_shot_2012-04-23at22911pm

  2. 通过单击表单“结束”区域中的​编辑,创建“结束”操作。 例如,您可能希望创建一个​Submit​按钮,以允许用户提交其元数据更改。 或者,您可以添加将元数据重置为其原始状态的​重置​按钮。

    screen_shot_2012-04-23at23138pm

  3. 在​表单开始​和​表单结尾​之间,将元数据文本字段拖动到表单。 用户将元数据填充到这些文本字段中,他们可以提交或完成对其执行的其他操作。

  4. 多次单击字段名称,例如​Title​可打开元数据字段并进行更改。 在编辑组件窗口的​常规​选项卡中,您定义命名空间和字段标签以及类型,例如dc:title

    screen_shot_2012-04-23at23305pm

    有关修改元数据表单中可用命名空间的信息,请参阅自定义和扩展AEM Assets

  5. 单击​约束​选项卡。 您可以在此处选择字段是否为必填字段以及是否根据需要添加任何约束。

    screen_shot_2012-04-23at23435pm

  6. 单击​显示​选项卡。 在此,您可以为元数据字段输入新的宽度和行数。 选中​字段为只读​复选框,以允许用户编辑元数据。

    screen_shot_2012-04-23at23446pm

    以下是包含各种字段的元数据表单的示例:

    chlimage_1-390

在“资产编辑器”页面上,用户随后可以在元数据字段中输入值(如果可编辑)并执行结束操作(例如,提交更改)。

子资产

您可以在子资产组件中视图和选择子资产。 您可以确定主资产和子资产下显示的名称。

screen_shot_2012-04-23at24025pm

多次 — 单击子资产组件以打开子资产对话框,您可以在其中更改主资产和任何子资产的标题。 默认值显示在相应字段的下方。

screen_shot_2012-04-23at23907pm

以下是已填充子资产组件的示例:

screen_shot_2012-04-23at24442pm

例如,如果您选择了子资产,请注意组件如何显示相应的页面以及框标题从子资产更改为同级。

screen_shot_2012-04-23at24552pm

标记

标记组件是一个组件,用户可以通过它将现有标记分配给资产,这有助于以后的组织和检索。 您可以将此组件设置为只读,因此用户无法添加标记,而只能视图标记。

screen_shot_2012-04-23at25031pm

多次 — 单击“标记”组件以打开标记对话框,您可以根据需要从“标记”更改标题,也可以在其中选择已分配的命名空间。 要使此字段可编辑,请清除“隐藏编辑”按钮复选框。 ​默认情况下,标记是可编辑的。

screen_shot_2012-04-23at24731pm

如果用户可以编辑标记,则可以单击铅笔,通过从“标记”下拉菜单中选择标记来添加标记。

screen_shot_2012-04-23at25150pm

以下是已填充的标记组件:

screen_shot_2012-04-23at25244pm

缩略图

缩略图组件是资产显示选定缩略图的位置(对于许多格式,缩略图会自动提取)。 此外,该组件还显示文件名以及可修改的🔗操作。

screen_shot_2012-04-23at25452pm

多次 — 单击缩览图组件以打开缩览图对话框,您可以在其中更改替代文本。 默认情况下,缩览图alt文本默认为​单击以下载​资产。

screen_shot_2012-04-23at25604pm

以下是已填充的缩略图组件的示例:

screen_shot_2012-04-23at34815pm

标题

标题组件会显示资产的标题和说明。

chlimage_1-391

默认情况下,它处于只读模式,因此用户无法编辑它。 要使其可编辑,请多次单击组件并清除​隐藏编辑按钮​复选框。 此外,为多个资产输入标题。

screen_shot_2012-04-23at35100pm

如果可以编辑标题,则可以通过单击铅笔打开​资产属性​窗口来添加标题和说明。 此外,您还可以通过选择日期和时间来打开和关闭资产。

当用户通过单击铅笔图标编辑标题时,他们可以更改​标题说明,并输入​开启​和​关闭时间​以打开和关闭资产。

screen_shot_2012-04-23at35241pm

以下是已填充标题组件的示例:

chlimage_1-392

添加资产编辑器操作

您可以通过一系列预定义操作来确定用户可以对选定数字资产执行的操作。

要向“资产编辑器”页面添加操作,请执行以下操作:

  1. 在要自定义的“资产编辑器”页面中,单击Sidekick中的​资产编辑器

    在sidekick中选择资产编辑器

    可执行以下操作:

    操作 描述
    下载 允许用户下载选定内容 资源。
    编辑者 允许用户编辑图像 (交互式编辑)
    Lightbox 将资源保存到 “lightbox”,您可以在其中对其执行其他操作。 这个来了 在跨多个页面处理资产时非常方便。
    锁定 允许用户锁定资产。 此 默认情况下未启用功能,需要在列表中启用 组件。
    引用 单击此图标可显示哪些页面 正在使用资产。
    版本控制 允许您创建和恢复 资产的版本。
  2. 将相应的操作拖至页面上的​Actions​区域。 这样做会创建一个用于执行该操作的按钮。

chlimage_1-393

使用“资产编辑器”页面编辑多个资产

借助AEM Assets,您可以一次更改多个资源。 在选定资产后,您可以同时更改其:

  • 标记
  • 元数据

要使用“资产编辑器”页面对资产进行多次编辑,请执行以下操作:

  1. 打开Geometrixx [!UICONTROL 按http://localhost:4502/content/geometrixx/en/company/press.html的Center]​页。

  2. 选择资产:

    • 在Windows上:Ctrl + click每个资产。
    • 在Mac上:Cmd + click每个资产。

    要选择资产范围,请执行以下操作:单击第一个资产,然后单击最后一个资产。Shift + click

  3. 在​操作​字段(页面的左侧部分)中单击​编辑元数据

  4. Geometrixx 按中心资产编辑器​将在新选项卡中打开。 资产的元数据会按如下方式显示:

    • 标记并不适用于所有资产,而只适用于少数资产,它以斜体显示。
    • 应用于所有资产的标记会使用普通字体显示。
    • 除标记之外的元数据:仅当所有选定资产的字段值相同时,才会显示该字段的值。
  5. 单击​下载​以下载包含资产原始演绎版的ZIP文件。

  6. 单击​标记​字段旁边的铅笔图标以编辑标记:

    • 并不适用于所有资源,但仅适用于少数资源的标记具有灰色背景。
    • 应用于所有资源的标记具有白色背景。

    您可以:

    • 单击x图标以删除所有资产的标记。
    • 单击+图标以将标记添加到所有资产。
    • 单击arrow并选择一个标记,以向所有资产添加新标记。

    单击​确定​将更改写入表单。 将自动选中​标记​字段旁边的框。

  7. 编辑描述字段。 例如,将其设置为:This is a common description。 在编辑字段时,其值会在提交表单时覆盖选定资产的现有值。 编辑字段时,会自动选中该字段旁边的框。

    This is a common description

    在编辑字段时,其值会在提交表单时覆盖选定资产的现有值。

    注意:编辑字段时,会自动选中该字段旁边的框。

  8. 单击​更新元数据​以提交表单并保存对所有资产所做的更改。 只修改选定的元数据。

On this page

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