javascript - 如何在 HTML 页面上添加 lunr（或 elasticlunr）搜索？

Question

我一直在尝试制作一个在 JSON 文档中搜索答案的离线 HTML 常见问题解答页面，但我不知道如何让它工作。

我尝试的主要事情是从网站https://olivernn.github.io/moonwalkers/上的 lunr 示例下载 HTML 和 JS

问题似乎是文本和索引被硬编码到 JS 文档中（第 176-182 行），所以即使我在 HTML 文件中编辑文本，它也会在我单击搜索时重置为原始文本。它不会重建索引。

我的问题：

更改 HTML 后如何修改 HTML 和/或 JS 文件以重建索引？

为什么只有一个 index.js 文件而不是一个单独的 lunr.js，然后 index.js 只用于索引数据？

如何更改它以使其读取包含数据的单独 JSON 文件？

.

.

PS如果让网站上的示例工作太难（看起来很复杂），有人可以告诉我一个工作准系统lunr搜索吗？

只是一个超级简单的 HTML 文本框，带有一个从 JSON 文件构建索引并显示结果的按钮。如果我能看到一个可行的例子，我想我可以从那里弄清楚。

提前致谢！

标签： javascripthtmlfull-text-searchlunrjs