Как добавить простой поиск на одной странице с подсветкой найденного слова в Tilda

<script type="text/javascript">
jQuery.fn.highlight = function(pat) {
	function innerHighlight(node, pat) {
		var skip = 0;
		if (node.nodeType == 3) {
		var pos = node.data.toUpperCase().indexOf(pat);
		if (pos >= 0) {
			var spannode = document.createElement('span');
			spannode.className = 'highlight';
			var middlebit = node.splitText(pos);
			var endbit = middlebit.splitText(pat.length);
			var middleclone = middlebit.cloneNode(true);
			spannode.appendChild(middleclone);
			middlebit.parentNode.replaceChild(spannode, middlebit);
			skip = 1;
		}
		}
		else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
			for (var i = 0; i < node.childNodes.length; ++i) {
				i += innerHighlight(node.childNodes[i], pat);
			}
		}
		return skip;
	}
	return this.each(function() {
		innerHighlight(this, pat.toUpperCase());
	});
};
jQuery.fn.removeHighlight = function() {
	return this.find("span.highlight").each(function() {
		this.parentNode.firstChild.nodeName;
		with (this.parentNode) {
			replaceChild(this.firstChild, this);
			normalize();
		}
	}).end();
};
jQuery.fn.selectHighlight = function(number) {
	return this.find("span.highlight:eq("+number+")").addClass('selectHighlight').end();
};    
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>


<script type="text/javascript">
jQuery(document).ready(function(){

	var search_number = 0;
	var search_count = 0;
	var count_text = 0;
	var srch_numb = 0;
	var srch_txtid = '#allrecords';

	function scroll_to_word(){
		var pos = $(srch_txtid + ' .selectHighlight').position();
		jQuery.scrollTo(".selectHighlight", 500, {offset:-150});
	}

	$('#search_text').bind('keyup oncnange', function() {
		$(srch_txtid).removeHighlight();
		txt = $('#search_text').val();
		if (txt == '') return;
		$(srch_txtid).highlight(txt);
		search_count = $(srch_txtid + ' span.highlight').size() - 1;
		count_text = search_count + 1;
		search_number = 0;
		$(srch_txtid).selectHighlight(search_number);
		if ( search_count >= 0 ) scroll_to_word();
		$('#count').html('Найдено: <b>'+count_text+'</b>');
	});
            
	$('#clear_button').click(function() {
		$(srch_txtid).removeHighlight();
		$('#search_text').val('');
		$('#count').html('');
		jQuery.scrollTo(0, 500, {queue:true});
	});
            
	$('#prev_search').click(function() {
		if (search_number == 0) return;
		$(srch_txtid + ' .selectHighlight').removeClass('selectHighlight');
		search_number--;
		srch_numb = search_number + 1;
		$(srch_txtid).selectHighlight(search_number);
		if ( search_count >= 0 ) { 
			scroll_to_word();
			$('#count').html('Показан вариант: <b>'+srch_numb+'</b> из '+$(srch_txtid + ' span.highlight').size());
		}
	});
	$('#next_search').click(function() {
		if (search_number == search_count) return;
		$(srch_txtid + ' .selectHighlight').removeClass('selectHighlight');
		search_number++;
		srch_numb = search_number + 1;
		$(srch_txtid).selectHighlight(search_number);
		if ( search_count >= 0 ) { 
			scroll_to_word();
			$('#count').html('Показан вариант: <b>'+srch_numb+'</b> из '+$(srch_txtid + ' span.highlight').size());
		}
	});
});
</script>

<style>
/*Настройка шрифта и размера для блока поиска*/
    div#search_block , input#search_text , .srchbtn {
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 15px;
}
/*Визуальные настройки для блока поиска*/
 div#search_block  {
    display:none; 
    background: #ffffff;
    padding: 15px;
    box-shadow: 3px 3px 9px 0px #d2d2d2; 
    top: 85px;
    right: 0;
    border-radius: 0 0 0 15px;
    z-index: 9999;
}
/*Настройка для кнопок блока поиска*/
.srchbtn {
    outline: none;
    cursor: pointer;
    background: #ffcc0a;
    border: 2px solid transparent;
    color: #ffffff;
    font-weight: bold;
}
/*Настройка для кнопок блока поиска*/
.prev_btn {
    border-radius: 10px 0 0 10px;
}
/*Настройка для кнопок блока поиска*/
.next_btn {
    border-radius: 0 10px 10px 0;
}

input#search_text {
    padding-left: 6px;
    border: 2px solid #ffcc0a;
    opacity: 0.7;
}

.srchbtn:hover {
    background-color: #e6b800 !important;
}


.highlight {
	background-color: rgb(255,255,153);
}
.selectHighlight {
	background-color: #ffcc0a; 
	-moz-border-radius: 5px; /* FF1+ */ 
	-webkit-border-radius: 5px; /* Saf3-4 */ 
	border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ 
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */ 
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */ 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */ 
	padding:1px 4px; 
	margin:0 -4px;
	color:#025199;
}
.finded{
	color:white;background: #8A8A7B;
}
</style>

<style>
/*Настройка шрифта и размера для блока поиска*/
    div#search_block , input#search_text , .srchbtn {
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 15px;
}
/*Визуальные настройки для блока поиска*/
 div#search_block  {
    display:none; 
    background: #ffffff;
    padding: 15px;
    box-shadow: 3px 3px 9px 0px #d2d2d2; 
    top: 85px;
    right: 0;
    border-radius: 0 0 0 15px;
    z-index: 9999;
}
/*Настройка для кнопок блока поиска*/
.srchbtn {
    outline: none;
    cursor: pointer;
    background: #ffcc0a;
    border: 2px solid transparent;
    color: #ffffff;
    font-weight: bold;
}
/*Настройка для кнопок блока поиска*/
.prev_btn {
    border-radius: 10px 0 0 10px;
}
/*Настройка для кнопок блока поиска*/
.next_btn {
    border-radius: 0 10px 10px 0;
}

input#search_text {
    padding-left: 6px;
    border: 2px solid #ffcc0a;
    opacity: 0.7;
}

.srchbtn:hover {
    background-color: #e6b800 !important;
}


.highlight {
	background-color: rgb(255,255,153);
}
.selectHighlight {
	background-color: #ffcc0a; 
	-moz-border-radius: 5px; /* FF1+ */ 
	-webkit-border-radius: 5px; /* Saf3-4 */ 
	border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ 
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */ 
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */ 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */ 
	padding:1px 4px; 
	margin:0 -4px;
	color:#025199;
}
.finded{
	color:white;background: #8A8A7B;
}
</style>

<div id="search_block" style="position: fixed;">
	<input id="prev_search" class="prev_btn srchbtn" type="button" value="◄">
	<input id="search_text" type="text" placeholder = "Поиск" value="" if (this.value=='') this.value='';" onfocus="if (this.value=='Поиск') this.value='';">
	<input id="next_search" class="next_btn srchbtn" type="button" value="►">
 	<input id="clear_button"  class="clear_btn srchbtn"  type="button" value="X">
 <!-- 	<br>
	<div id="count" style="font-size:10pt;"></b></div>  Меню -->
</div>

<script>
//При нажатии на кнопку со ссылкой #searchdown
$(document).on('click',' a[href="#searchdown"]  ',function(e){  e.preventDefault();
//Открываем  блок поиска
    $('#search_block').slideDown(500); //и задаём время анимации 
    $('[href = "#searchup"]').show();
    $('[href = "#searchdown"]').hide();
event.preventDefault(); });
//При нажатии на кнопку со ссылкой #searchup
$(document).on('click',' a[href="#searchup"]  ',function(e){  e.preventDefault();     
//Открываем  блок поиска
    $('#search_block').slideUp(500); //и задаём время анимации 
    $('[href = "#searchup"]').hide();
    $('[href = "#searchdown"]').show();
event.preventDefault(); });
</script>