Føje indholdssøgning til et site i Oracle Content Management

Du kan føje indholdssøgning til et Oracle Content Management-site ved hjælp af en søgeside og et søgefelt.

Sådan føjer du indholdssøgning til et site:

  1. Føje en søgeside til sitet

  2. Føje et søgefelt til temaet

Føje en søgeside til sitet

Du kan føje en søgeside til et site og en indholdslistekomponent til søgesiden.

Tilføj søgesiden:

  1. Føj en side til sitet, og angiv den som en søgeside.

  2. Føj en indholdslistekomponent til søgesiden.

  3. Angiv Indholdstype til den sideindeks-indholdstype, der tidligere blev oprettet.

Føje et søgefelt til temaet

Hvis der skal vises et søgefelt på alle siderne på et site, kan du føje søgefeltet til temaets layout-HTML-side.

Eksempel:

<div align="center">
<input  id="searchonpage" type="text" size="30" placeholder="Search on page. . ."/>
</div>
  1. Tilføj inputfeltet:

    <script>
        // Get the search field element
        const node = document.getElementById('searchonpage');
        // Get the search string from the url if it exists
        var params = (new URL(document.location)).searchParams;
        var defaultStr = params && params.get('default');
        if (defaultStr) {
            if (defaultStr.lastIndexOf('*') === defaultStr.length - 1) {
                defaultStr = defaultStr.substring(0, defaultStr.length - 1);
            }
            // Display the search string in the search field
            node.value = defaultStr;
        }
        // When enter from the search field, go to the site search page with the search string
        node.addEventListener('keydown', function onEvent(event) {
            if (event.key === "Enter") {
                var inputElem = event.srcElement || event.target;
                var siteSearchPageUrl = 'search.html';
                var searchUrl = SCSRenderAPI.getSitePrefix() + 
                    siteSearchPageUrl + 
                    '?contentType=indextype&default=' + inputElem.value + '*';
                window.location = searchUrl;
            }
        });
    </script>
    
  2. Tilføj JavaScript-koden i slutningen af HTML-body-tagget