require([ 'gitbook', 'jquery' ], function(gitbook, $) { var MAX_DESCRIPTION_SIZE = 500; var state = gitbook.state; var INDEX_DATA = {}; var usePushState = (typeof history.pushState !== 'undefined'); // DOM Elements var $body = $('body'); var $bookSearchResults; var $searchList; var $searchTitle; var $searchResultsCount; var $searchQuery; // Throttle search function throttle(fn, wait) { var timeout; return function() { var ctx = this, args = arguments; if (!timeout) { timeout = setTimeout(function() { timeout = null; fn.apply(ctx, args); }, wait); } }; } function displayResults(res) { $bookSearchResults = $('#book-search-results'); $searchList = $bookSearchResults.find('.search-results-list'); $searchTitle = $bookSearchResults.find('.search-results-title'); $searchResultsCount = $searchTitle.find('.search-results-count'); $searchQuery = $searchTitle.find('.search-query'); $bookSearchResults.addClass('open'); var noResults = res.count == 0; $bookSearchResults.toggleClass('no-results', noResults); // Clear old results $searchList.empty(); // Display title for research $searchResultsCount.text(res.count); $searchQuery.text(res.query); // Create an
  • element for each result res.results.forEach(function(item) { var $li = $('
  • ', { 'class': 'search-results-item' }); var $title = $('

    '); var $link = $('', { 'href': item.url + '?h=' + encodeURIComponent(res.query), 'text': item.title, 'data-is-search': 1 }); if ($link[0].href.split('?')[0] === location.href.split('?')[0]) { $link[0].setAttribute('data-need-reload', 1); } var content = item.body.trim(); if (content.length > MAX_DESCRIPTION_SIZE) { content = content + '...'; } var $content = $('

    ').html(content); $link.appendTo($title); $title.appendTo($li); $content.appendTo($li); $li.appendTo($searchList); }); $('.body-inner').scrollTop(0); } function escapeReg(keyword) { //escape regexp prevserve word return String(keyword).replace(/([\*\.\?\+\$\^\[\]\(\)\{\}\|\/\\])/g, '\\$1'); } function query(keyword) { if (keyword == null || keyword.trim() === '') return; var results = [], index = -1; for (var page in INDEX_DATA) { if ((index = INDEX_DATA[page].body.toLowerCase().indexOf(keyword.toLowerCase())) !== -1) { results.push({ url: page, title: INDEX_DATA[page].title, body: INDEX_DATA[page].body.substr(Math.max(0, index - 50), MAX_DESCRIPTION_SIZE).replace(new RegExp('(' + escapeReg(keyword) + ')', 'gi'), '$1') }); } } displayResults({ count: results.length, query: keyword, results: results }); } function launchSearch(keyword) { // Add class for loading $body.addClass('with-search'); $body.addClass('search-loading'); function doSearch() { query(keyword); $body.removeClass('search-loading'); } throttle(doSearch)(); } function closeSearch() { $body.removeClass('with-search'); $('#book-search-results').removeClass('open'); } function bindSearch(target) { // Asynchronously load the index data { var url = state.basePath + "/assets/search_plus_index.json"; $.getJSON(url).then(function(data) { INDEX_DATA = data; handleUpdate(); }); } // Bind DOM var $body = $('body'); // Launch query based on input content function handleUpdate() { var $searchInput = $(target); var keyword = $searchInput.val(); if (keyword === undefined || keyword.length == 0) { closeSearch(); } else { launchSearch(keyword); } } $body.on('keyup', target, function(e) { if (e.keyCode === 13) { if (usePushState) { var uri = updateQueryString('q', $(this).val()); history.pushState({ path: uri }, null, uri); } } handleUpdate(); }); $body.on('click', target, function(e) { if (Object.keys(INDEX_DATA).length === 0) { var url = state.basePath + "/assets/search_plus_index.json"; $.getJSON(url).then(function(data) { INDEX_DATA = data; handleUpdate(); }); } }); // Push to history on blur $body.on('blur', target, function(e) { // Update history state if (usePushState) { var uri = updateQueryString('q', $(this).val()); history.pushState({ path: uri }, null, uri); } }); } gitbook.events.on('start', function() { bindSearch('#book-search-input input'); bindSearch('#book-search-input-inside input'); showResult(); closeSearch(); }); // 高亮文本 var highLightPageInner = function(keyword) { $('.page-inner').mark(keyword, { 'ignoreJoiners': true, 'acrossElements': true, 'separateWordSearch': false }); setTimeout(function() { var mark = $('mark[data-markjs="true"]'); if (mark.length) { mark[0].scrollIntoView(); } }, 100); }; function showResult() { var keyword, type; if (/\b(q|h)=([^&]+)/.test(location.search)) { type = RegExp.$1; keyword = decodeURIComponent(RegExp.$2); if (type === 'q') { launchSearch(keyword); } else { highLightPageInner(keyword); } $('#book-search-input input').val(keyword); $('#book-search-input-inside input').val(keyword); } } gitbook.events.on('page.change', showResult); function getParameterByName(name) { var url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)', 'i'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } function updateQueryString(key, value) { value = encodeURIComponent(value); var url = window.location.href.replace(/([?&])(?:q|h)=([^&]+)(&|$)/, function(all, pre, value, end) { if (end === '&') { return pre; } return ''; }); var re = new RegExp('([?&])' + key + '=.*?(&|#|$)(.*)', 'gi'), hash; if (re.test(url)) { if (typeof value !== 'undefined' && value !== null) return url.replace(re, '$1' + key + '=' + value + '$2$3'); else { hash = url.split('#'); url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, ''); if (typeof hash[1] !== 'undefined' && hash[1] !== null) url += '#' + hash[1]; return url; } } else { if (typeof value !== 'undefined' && value !== null) { var separator = url.indexOf('?') !== -1 ? '&' : '?'; hash = url.split('#'); url = hash[0] + separator + key + '=' + value; if (typeof hash[1] !== 'undefined' && hash[1] !== null) url += '#' + hash[1]; return url; } else return url; } } window.addEventListener('click', function(e) { if (e.target.tagName === 'A' && e.target.getAttribute('data-need-reload')) { setTimeout(function() { location.reload(); }, 100); } }, true); });