Добавление поиска контента на сайт в Oracle Content Management

На сайт Oracle Content Management можно добавить поиск контента с помощью страницы поиска и поля поиска.

Чтобы добавить на сайт поиск контента, выполните указанные ниже действия.

  1. Добавление страницы поиска к сайту

  2. Добавление поля поиска в тему

Добавление страницы поиска к сайту

На сайт можно добавить страницу поиска, а на эту страницу поиска — компонент "Список контента".

Добавление страницы поиска:

  1. Добавьте страницу на сайт и задайте ее как страницу поиска.

  2. Добавьте компонент "Список контента" на страницу поиска.

  3. Задайте Тип контента типу контента индекса страницы, созданному ранее.

Добавление поля поиска в тему

Чтобы поле поиска отображалось на каждой странице сайта, можно добавить поле поиска на HTML-страницу макета темы.

Пример:

<div align="center">
<input  id="searchonpage" type="text" size="30" placeholder="Search on page. . ."/>
</div>
  1. Добавьте поле ввода:

    <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. Добавьте код JavaScript в конце текста HTML.