关于自动完成

您可以配置“自动完成”的各个区域,以控制生成启用自动完成的搜索表单以及文件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"目标="_blank">

    SiteSearch是表单标记的名称属性。

    Div标签ID

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

    <div id="autocomplete">

    其中 动完成是div标签的属性。

    输入标记ID

    指定启用自动完成的搜索表单的“输入”标记的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. 复制代码并将其粘贴到您希望显示搜索表单的网站的网页中。

在此页面上