您好！我想在我的自定义标题中插入默认搜索，就像这样：
（带自动完成功能）这该如何实现？
这个搜索：
我猜这只是 Discourse 中的一个自定义标头，您并不是想在其他网站上使用 Discourse 搜索，对吗？
我有一个最小化的主题组件示例，它将搜索重新定位到 above-site-header 插件出口：GitHub - awesomerobot/example-widget-reopen at search-header-example… 这基于现有组件中的先前工作，例如 Advanced Search Banner 和 Advanced Header Search
该示例大部分未经样式化，但为您提供了一个功能性的搜索按钮和菜单。
请注意，这会覆盖现有的标头搜索功能，并以一种可以在插件出口中工作的方式重新打包它，因此您需要隐藏 Discourse 的默认搜索图标，因为它将不再正常工作。如果我们更新搜索功能，这可能也需要不时维护。
这会在 init-header-search.js 文件中调整我们的 search-menu 小部件：https://github.com/awesomerobot/example-widget-reopen/blob/search-header-example/javascripts/discourse/api-initializers/init-header-search.js，将其添加到 search-header.hbs 组件中：https://github.com/awesomerobot/example-widget-reopen/blob/search-header-example/javascripts/discourse/templates/components/search-header.hbs，然后在 custom-header-connector.hbs 中将该组件添加到插件出口：https://github.com/awesomerobot/example-widget-reopen/blob/search-header-example/javascripts/discourse/connectors/above-site-header/custom-header-connector.hbs。您可以将其他标头内容添加到任一 hbs 文件中，或者通过更改 /above-site-header 目录来更改组件添加到的插件出口。
4 个赞
这是一个很好的例子，非常感谢。如何才能在默认情况下隐藏搜索，并在单击搜索图标时将其打开？