Ricerca nell'intestazione in intestazione personalizzata

Ciao! Voglio inserire la ricerca predefinita nel mio header personalizzato qui


quindi è quasi la stessa (con completamento automatico). Come si può fare?

Questa ricerca:

2 Mi Piace

Presumo che si tratti di un’intestazione personalizzata all’interno di Discourse e che tu non stia cercando di integrare la ricerca di Discourse su un altro sito, è corretto?

Ho un esempio minimo di un componente tema che riposiziona la ricerca nell’output del plugin above-site-header: GitHub - awesomerobot/example-widget-reopen at search-header-example… questo si basa sul lavoro precedente in componenti esistenti come Advanced Search Banner e Advanced Header Search

L’esempio è per lo più senza stile, ma ti fornisce un pulsante e un menu di ricerca funzionali.


Nota che questo sovrascrive la funzionalità di ricerca predefinita di Discourse e la rielabora in modo che funzioni in un output di plugin, quindi dovrai nascondere l’icona di ricerca predefinita di Discourse poiché non funzionerà più correttamente. Potrebbe anche richiedere manutenzione di tanto in tanto se aggiorniamo la nostra funzionalità di ricerca.

Questo regola il nostro widget search-menu nel file init-header-search.js, lo aggiunge a un componente in search-header.hbs e quindi aggiunge quel componente all’output del plugin in custom-header-connector.hbs. Puoi aggiungere contenuto aggiuntivo all’intestazione a uno di questi file hbs, o cambiare l’output del plugin a cui viene aggiunto il componente modificando la directory /above-site-header.

4 Mi Piace

Questo è un ottimo esempio, grazie mille. Come fare correttamente in modo che la ricerca sia nascosta per impostazione predefinita e si apra al clic sull’icona di ricerca?