Ajout d'une fonctionnalité de recherche de contenu à un site dans Oracle Content Management

Vous pouvez ajouter une fonctionnalité de recherche de contenu à un site Oracle Content Management à l'aide d'une page et d'un champ de recherche.

Pour ajouter une fonctionnalité de recherche de contenu à un site, procédez comme suit :

  1. Ajout d'une page de recherche au site

  2. Ajout d'un champ de recherche au thème

Ajout d'une page de recherche au site

Vous pouvez ajouter une page de recherche à un site et un composant de liste de contenu à la page de recherche.

Ajoutez la page de recherche :

  1. Ajoutez une page au site et définissez-la comme page de recherche.

  2. Ajoutez un composant de liste de contenu à la page de recherche.

  3. Définissez le type de contenu sur le type de contenu d'index de page créé précédemment.

Ajout d'un champ de recherche au thème

Pour que le champ de recherche soit affiché sur toutes les pages d'un site, vous pouvez l'ajouter à la page HTML de présentation du thème.

Par exemple :

<div align="center">
<input  id="searchonpage" type="text" size="30" placeholder="Search on page. . ."/>
</div>
  1. Ajoutez le champ d'entrée :

    <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. Ajoutez le code JavaScript à la fin du corps HTML.