关于自动完成

您可以配置“自动完成”的各个区域,以控制生成启用自动完成的搜索表单以及作为支持自动完成的搜索表单的一部分包含的文件autocomplete_data.js。

关于自动完成

每当“自动完成设置”页面已保存更改时,将重新生成文件autocomplete_data.js并将其发布到搜索内容网络。

配置自动完成

您可以配置和设置选项,以控制生成已启用自动完成的搜索表单和文件。

配置自动完成后,可以视图生成的HTML源以供审阅。 HTML源是您复制并粘贴到网站页面中的内容。

请参阅预览搜索表单在您的表单上的显示效果……

请参阅配置自动完成Word列表

请参阅配置自动完成CSS

配置自动完成

  1. 在产品菜单上,单击​Design > Auto-Complete > Auto-Complete Setup

  2. 在Auto-Complete Setup页面上,设置所需的选项。

    另请参阅预览搜索表单在您的表单上的显示效果……

    选项

    描述

    最大建议数

    指定要在自动完成建议列表中显示的最大项目数。

    最小输入字符数

    指定客户在显示建议之前必须在自动完成搜索表单中键入的字符数。

    最大缓存条目数

    指定先前请求的要在客户浏览器中缓存的自动完成建议的最大数目。 通常,应将此设置保留为默认值1000。

    虽然可以通过将此选项设置为0来完全禁用浏览器缓存,但不建议这样做。

    表单名称

    指定启用自动完成的搜索表单的“表单”标签的“name”属性。 例如:

    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">

    其中, SiteSearch 是表单标签的名称属性。

    Div标签ID

    指定启用自动完成的搜索表单的“div”标签的ID属性。 例如:

    <div id="autocomplete">

    其中, autocomplete 是div标签的属性。

    输入标记ID

    指定启用自动完成的搜索表单的“input”标签的ID属性。 例如:

    <input type="text" id="q" name="q" />

    其中, q 是输入标记的id属性。

    显示阴影

    向自动完成建议列表添加外观投影。

    仅在短语开头匹配

    仅建议与输入文本开头匹配的结果。

    支持UTF-8字符集

    正确处理术语中的非ASCII字符。

  3. 单击 Save Changes.

  4. (可选)执行下列操作之一:

配置自动完成Word列表

配置自动完成作为建议显示给客户的词和短语的列表。

请参阅配置自动完成

请参阅配置自动完成CSS

配置自动完成Word列表

  1. 在产品菜单上,单击​Design > Auto-Complete > Auto-Complete Word List

  2. 在Auto-Complete Word List页面上,设置所需的选项。

    请参阅预览搜索表单在您的表单上的显示效果……

    选项

    描述

    热门搜索时段

    控制包含客户最近搜索中的词语和短语的时间段。

    最大搜索数

    控制要包含在自动完成单词列表中的搜索词和短语的最大数量。 其中包括最受欢迎的顶级词语和短语。

    字段名称

    每个字段名称定义一个要包含索引值的字段的名称。 使用+和 — 可添加或删除字段名称。

    最大值计数

    定义所选字段名称允许的最大字段值计数。 其中包括顶部值(也是引用最多的值)。

    添加这些词和短语

    自动完成的单词列表会填充此区域中列出的单词和短语。

    单击编辑可查看列表或向列表添加单词和短语。 完成后,单击保存更改

    删除这些单词和短语

    此区域中的条目不会显示在自动完成的单词列表中。

    单击编辑可查看列表或向列表添加单词和短语。 完成后,单击保存更改

    此列表中允许使用常规表达式。 要在此列表中指定常规表达式,请将行开始为regexp,后跟一个空格,后跟常规表达式。 单词列表中与常规表达式匹配的任何行都将被删除。

    重要说明:仅当您以前在其他应用程序中使用过常规表达式时,才应使用它们。

    请参阅常规表达式

    忽略大小写

    自动完成单词列表中仅按大小写字母不同的重复项被删除;所有单词列表项都被强制为小写。

    如果您希望“自动完成”建议显示为“首字母大写”或“所有大写字母”,请添加 text-transform : capitalize; text-transform : uppercase; CSS文本属性至“自动完成CSS”内容,位于结果项*/的“/*样式”下。

    请参阅配置自动完成CSS

    重新索引时更新

    每次成功重新索引帐户后,将自动重新生成自动完成的单词列表。

  3. 单击 Save Changes.

  4. (可选)执行下列任一操作:

    • 单击​History​可还原您所做的任何更改。

    • 单击​Preview Word List​以保存您所做的任何更改,然后打开Auto-Complete Word List Preview页面,在该页面中可以查看自动完成建议列表。 使用页面顶部附近的导航选项查看和优化显示的列表。 完成后,单击​Close​返回至Auto-Complete Word List页面。

      请参阅使用历史记录选项

    • 单击 Live.

      请参阅查看实时设置

    • 单击 Push Live.

      请参阅实时推送舞台设置

配置自动完成CSS

使用“自动完成CSS”配置要使用的自动完成级联样式表。

“自动完成CSS”控制autocomplete_styles.css的内容,它作为支持自动完成的搜索表单的一部分包含在其中。 您在此处指定的CSS控制自动完成建议列表的可视演示。 有关可能的可视化演示构思的示例,请参阅以下内容:

https://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html

配置自动完成Word列表

配置自动完成

配置完“自动完成CSS”后,您可以预览搜索表单以查看您指定的CSS在外观和布局中是否可接受。

请参阅预览搜索表单在您的表单上的显示效果……

重要说明:要应用自定义自动完成的CSS,您需要从HTML代码中显示的第二行删除注释标签。然后,将同一行移动到包含搜索表单的页面的标题部分内。

请参阅将搜索表单的HTML代码复制到……

配置自动完成CSS

  1. 在产品菜单上,单击​Design > Auto-Complete > Auto-Complete CSS

  2. 在Auto-Complete CSS文本字段中,粘贴或键入要与自动完成建议列表关联的级联样式表信息。

  3. 单击 Save Changes.

  4. (可选)执行下列任一操作:

预览搜索表单,它将像在您的网站中一样显示

根据“自动完成”和“自动完成CSS”的配置,如果要将HTML代码添加到网站,您可以预览搜索表单的显示方式。

请参阅配置自动完成

请参阅配置自动完成CSS

请参阅将搜索表单的HTML代码复制到……

请参阅在搜索表单中使用集合

请参阅使用具有表单的帧

请参阅高级搜索表单示例

请参阅高级搜索表单HTML代码

请参阅高级搜索表单模板代码

要预览搜索表单在您网站上的显示效果

  1. 在产品菜单上,单击​Design > Auto-Complete > Search Form
  2. (可选)单击​HTML code​查看复制并粘贴到网站页面中的HTML。

将搜索表单的HTML代码复制到网站的页面

根据“自动完成”和“自动完成CSS”的配置,如果要将HTML代码添加到网站,您可以预览搜索表单的显示方式。

请参阅配置自动完成

请参阅配置自动完成CSS

请参阅将搜索表单的HTML代码复制到……

请参阅在搜索表单中使用集合

请参阅使用具有表单的帧

请参阅高级搜索表单示例

请参阅高级搜索表单HTML代码

请参阅高级搜索表单模板代码

将搜索表单的HTML代码复制到网站页面

  1. 在产品菜单上,单击​Design > Auto-Complete > Form Source

    注意

    请勿更改表单源中的form name=值。

  2. (可选)执行下列任一操作:

    • 如果您配置了自动完成CSS并希望将样式应用于搜索表单,请从HTML代码中显示的第二行删除注释标签。 接下来,将同一行移动到包含搜索表单的页面的标题部分内。
    • 为获得最佳性能,请移动HTML代码底部列出的标记,并将它们放置在包含搜索表单的每个页面的正文部分底部。
  3. 复制代码并将其粘贴到您希望显示搜索表单的网站的网页中。

在此页面上

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